Ako vytvoriť webové stránky vo Photoshope CS3

Adobe Photoshop je ideálnym nástrojom pre vytvorenie rozvrhnutie webovej stránky a je priemyselný štandard nástroj pre editáciu fotografií a vytváranie bitmapového obrazu . Vytvorenie rozvrhnutie v programe Adobe Photoshop umožňuje konštruktérovi schopnosť vykonávať rýchle zmeny , bez toho aby ste museli nastaviť ľubovoľný kód . Akonáhle vzhľad a dojem z webu , sú hotové , Adobe Photoshop je veľmi jednoduché krájať a optimalizovať obrázky pre web používať . Veci , ktoré budete potrebovať
Adobe Photoshop CS3
kód kompilátora alebo web design programu
Zobraziť ďalšie inštrukcie Cestuj 1

Naplánujte miesto na papieri . Prístup na počítač s jasným plánom a vedomostí o tom , čo na mieste bude musieť splniť očakávania projektu . Nájsť nápady pre farby a štýly čerpať . Viac plánovania a organizácie , ktorá sa vyskytuje v tejto fáze , menej náročné konštrukčné voľby budú raz pracovať v Adobe Photoshopu.
2

Otvoriť Adobe Photoshop CS3 a začať nový dokument . Nastavte výšku dokumentu na 800 pixelov a šírku na 600 pixelov . Toto je štandardná veľkosť pre dizajn webových rozvrhnutie a zabezpečí, že stránky možno prezerať pomocou rôznych rozlíšeniach obrazovky .
3

Nastavte rozlíšenie dokumentu na 72 obrazových bodov na palec ( PPI ) . Uistite sa , že režim farieb v dokumente je nastavený na RGB . Prepnite merné jednotky zobrazenej na pravítku pixelov pre presné meranie .
4

Build rámec stránky pomocou sprievodcov . Zvislé limity budú vytvárať parametre pre šírky webové stránky a horizontálne vodítka bude priestor mimo prvky tejto lokality . Definovanie oblasti pre hlavičku, navigačnej lište a oblasti obsahu . Nechajte konzistentné okraj , obvykle okolo 10 bodov , medzi prvkami pridať estetický priestor na webe .
5

Pridať obrázky a text , ktorý bude zahŕňať štýl stránky . Pri zložitých obrazov , ako je napríklad záhlaví stránok , navrhnúť obrázok prvý v inom súbore a vložiť do požadovaného umiestnenia v súbore rozložení . Udržujte všetky rozloženie prvkov na samostatných vrstvách , aby zabezpečili jednoduchú editáciu . Meno každú vrstvu po zodpovedajúci prvok .
6

Urobiť obrázok na pozadí . Jednoduchý vzor na pixel námestí 100 pixel x 100 môže byť dlažba a je rýchlejšie načítanie , ako väčší obrázok .
7

Slice dokument do častí , ktoré majú byť kódované do webových stránok . Definovať oblasti , ktoré budú uložené ako samostatné obrazové súbory , použite nástroj " rez " .
8

Vyberte si plátok byť uložená pomocou " Slice Select . " Vyberte Súbor > Uložiť pre web a zariadenia pre optimalizáciu obrazu pre web . Na plátky obrázky a štýl stránku bude zahŕňať vzhľad a dojem z webovej stránky .

• Predchádzajúca strana: Ako si vyrobiť vizitky pomocou Photoshopu 
• Ďalšia strana: Page efekty vo Photoshope