Ako vytvoriť webové rozvrhnutie vo Photoshope

Navrhovanie webových stránok môže byť veľa zábavy , ale náročná . Snáď najťažšie časť konštrukcie je rozhodovanie o tom , ako vyložiť každý segment na internetových stránkach . Aj keď to môže byť vykonaná v mnohých webových editorov , ktoré často nie sú najlepšie nástroje v tejto ranej fáze návrhu . Adobe Photoshop umožňuje ľahší a efektívnejší spôsob , ako vytvoriť webové rozvrhnutie , pretože umožňuje vizualizovať rozloženie , bez toho, aby rokovania s HTML kódom . Tento tutoriál vás naučí vytvoriť webové rozvrhnutie vo Photoshope CS3 , ďalšie verzie Photoshopu by mali byť podobné . Veci , ktoré budete potrebovať
Adobe Photoshop
Zobraziť ďalšie inštrukcie Cestuj 1

Otvorte nový dokument . Ak používate Adobe CS3 alebo vyššia , Adobe poskytuje predvoľby pre webové stránky , ktoré je 640 x 480 pixelov . V " novej " dialógovom okne vyberte " Web " z drop - down menu " Preset " . Ak nemáte webové predvoľbu alebo váš web layout je iný rozmer , zadajte veľkosť vašej webovej stránky v " width " a " height " krabice .
2

Naplňte pozadia s farba pozadia . Vyberte " Paint Bucket Tool . " Dvakrát kliknite na " farba popredia " otvoriť " Color Picker . " Vyberte " Iba webové farby " políčko . Potom , vyberte si vrstvu pozadie . Zvoľte " OK " .
3

Umiestnite banner . Vytvorte novú vrstvu . Zvoľte " Súbor > Umiestniť ... " Prejdite do banner obrázka a kliknite na " OK " . Umiestnite banner podľa potreby . Ak nemáte obrazu banner , môžete vytvoriť miesto pre váš banner , ako je znázornené v nasledujúcom kroku .
4

Pridajte zvyšné segmenty web rozvrhnutie . Vytvorte novú vrstvu pre každú časť webovej stránky . Vyberte nástroj tvaru z ponuky Nástroje . Vyberte farbu pozadia pre segment . Nakreslite zostávajúce rozloženie pre vaše webové stránky .
5

Slice web rozloženie , aby bola pripravená pre web . Vyberte funkcia " rez " . Nakreslite rámček okolo každého segmentu .
6

Uložiť pre web . Zvoľte " Súbor > Uložiť pre web . " Stlačením tlačidla " Control " a vyberte všetky rezy . Potom stlačte tlačidlo " Uložiť " . Vyberte " HTML a obrázok " z drop - down menu " Formát " . Uistite sa , že je zvolené " Všetky rezy " a uložiť rozloženie vo vás webových stránkach priečinku . Web layout je teraz pripravený na pridanie obsahu v programe na úpravu web , ako Dreamweaver .

• Predchádzajúca strana: Ako Photoshop osobu alebo objekt von fotografiu 
• Ďalšia strana: Tvorba tričko vzory vo Photoshope