Ako vytvoriť webové stránky návrh Použitie Photoshop

Webové stránky boli okolo roku 1991 , kedy Tim Berners - Lee vytvoril úplne prvý , iba textové webové stránky poskytujúce informácie o World - Wide - Web projektu . Od tej doby , webové stránky boli divoko populárne ako osobné , obchodné , zábavné a vzdelávacie náboja . V posledných niekoľkých rokoch , web design robil veľké skoky . Web design je teraz veľmi sofistikované , a pokročila tak ďaleko , aby súperiť s stáročnou poľa dizajn pre tlač v kvalite a spracovania . Veci , ktoré budete potrebovať
Počítač
Adobe Photoshop
Zobraziť ďalšie inštrukcie Cestuj 1

načrtnúť svoje stránky s ceruzkou a papierom . Aj keď počítače sa stali štandardný spôsob , ako vytvoriť akýkoľvek vizuálne médiá , najlepší spôsob , ako začať proces návrhu je načrtnúť svoje nápady , a vylepšiť ručne . Skice nemusí byť niečo chuť , čmáranice bude stačiť , tak dlho , kým vám predstavu o tom , čo rozvrhnutie stránky budú vyzerať
2

Stiahnite si šablónu Photoshop mriežky .. Grid systémy v web design , sú rovnako dôležité ako v tlači dizajne . Štandardná šírka pre webové stránky , pre kompatibilitu naprieč rozlíšenie obrazovky a nastaveniach prehliadača , je 960 pixelov . Takže nájsť dobrý systém mriežky , ktoré používa štandardnú šírku 960 pixelov a stiahnuť šablónu Photoshop . Existuje veľa vynikajúcich webových stránok mriežky zdrojov dostupných on - line .
3

Začnite nastavenie rozloženia . Vyrovnajte svoj ​​obsah do stĺpcov šablóny mriežky . Navigácia zvyčajne vedie pozdĺž hornej alebo ľavej časti stránky . Logo stránky obvykle ide v pravom hornom rohu . Twitter a RSS ikony zvyčajne idú v ľavom hornom rohu . Návštevníci webu Páči sa nájsť veci , kde očakávate , takže držať sa štandardné umiestnenie pre úspešné prevedenie . Po dokončení nastavenia vaše stránky presne tak , ako chcete , uložte ho ako PSD ( Photoshop formát súboru ) .
4

zvoľte " Slice " nástroj v paneli nástrojov Photoshopu . Kliknite a presuňte oddeliť hlavné divízie webe . Plátky vytvoriť oddiely na stránky , ktoré potom bude uložený ako samostatné obrázky . To uľahčuje kód webovej stránky do HTML a CSS , a aby to vyzeralo tak , ako to urobil vo Photoshope .

• Predchádzajúca strana: Ako previesť farebnú fotografiu Negatívy s Photoshopom 
• Ďalšia strana: Ako vytvoriť vlastné pečiatky vo Photoshope