1. Prvo će vam trebati logo za site. Dakle, otvorite novi dokument veličine 750x100. Napravite Layer > New > Layer set i nazovite ga "Logo".
Napravite novi layer po imenu "gradient" i ispunite ga bijelom bojom. Odite pod njegove Blending options i unseite sljedeće postavke:
HINT: Kod podešavanja Gradienta "povucite" bijelu boju na tek maleni dio prostora.
2. Napravite novi layer i nazovite ga "scanlines". Odite na Fill > Pattern i izaberite kose crte. Stavite opacity layera na 20%.
3. Napravite novi layer i nazovite ga "little gradient". Sa Rectangular Marque Toolom označite gornji dio površine logoa (tako da iznad njega bude bijela, a ispod plava boja od pozadine) i ispunite ga bijelom bojom. Na blending options primjenite sljedeće postavke:
4. Napravite novi layer i imenujte ga "sign". Uzmite neki tech brush i dodajte neki cool znak u lijevi ugao. Layer smjestite ispod layera "little gradient". Za sada meni je ispalo ovako:
5. Uzmite font Arial, veličinu 12, stavite Strong i izaberite crnu boju. Napišite opis vašeg sitea na "little gradient" crtu.
Tada uzmite font Robo, veličinu 28, stavite Strong i izaberite bijelu boju (opcionalno možete staviti 1px outside black stroke u blending optionsima). Napišite ime vašeg sitea odmah pored "signa".
HINT: Text layeri bi trebali biti uvijek na vrhu!
I banner je gotov!
Ovako bi vam trebao izgledati poredak layer na kraju:
Layout
6. Napravite novi dokument veličine 750x1000. Prenesite Layer set "Header" iz prošlog tutoriala u taj novi dokument i namjestite ga na vrh.
Napravite novi Layer set i ovaj ga put nazovite "Layout". Stavite ga ispod "Header" seta.
7. Napravite novi layer imenom "menu". Napravite selekciju odmah ispod bannera i ispunite ju bijelom bojom. Kod Blending optionsa stavite Gradient Overlay i iste postavke kao i kod layera "little gradient". Također stavite 1px black outside stroke. Uzmite Arial font, veličine 14, stavite Strong i napišite dijelove menija.
8. Napravite novi layer sa imenom "middle spacer". Sa Rectangular Marque Toolom ispod bannera napravite malenu selekciju i ispunite ju sa bijelom bojom. U Blending Optionsima stavite 1px black outside stroke. Nemojte deselektirati!
Napravite novi layer imenom "scanlines" i stavite Fill > Pattern i izaberite kose crte. Layeru opacity stavite na 20%.
9. Napravite novi layer i nazovite ga "left menu". Napravite vodoravnu selekciju ispod menija i ispunite ju nekom svijetlom bojom. Ja sam upotrijebio #6BB1DB. U Blending optionsima stavite 1px black outside stroke.
10. Napravite novi layer i nazovite ga "left menu addon". Opet napravite vodoravnu selekciju, ali ovaj put puno užu i smjestite ju na lijevi kraj. Ispunite ju nekom tamnijom bojom. Ja sam uzeo # 1A73B5. Odite na Edit > Transform > Distort i malo se poigrajte.
11. Napravite novi layer imenom "button". Napravite malenu selekciju kao predložak za vaš gumb. Ispunite ju crnom bojom i unesite sljedeće postavke:
Smjestite gumb gdje vam paše i nekoliko ga puta Duplicateajte te posložite. Stavite text preko gumbova sa fontom Arial, bijele boje, veličine i stavite Strong.
Za sada bi vam ovako trebali biti posloženi layeri:
15. Napravite novi layer imenom "footer". Napravite malenu selekciju na dnu stranice i ispunite ju bijelom bojom.
Ne deselektirajte! Napravite novi layer imenom "scanlines" i tada opet Edit > Fill > Pattern i izaberite kose crte. Također stavite 1px black outside stroke.
Ovdje napišite malenim fontom svoj copyright. Ja sam uzeo font Visitor, veličine 12, crne boje te obavezno None.
16. E sada napravite novi Layer set imenom "Background" kojeg tebate staviti ipod svih ostalih Layer setova. Tada napravite layer u njemu imenom "background" i obojajte ga cijelog bijelom bojom.
Render
17. Napravite novi Layer set imenom "Render" iznad svih ostalih layera. Napravite novi layer u njemu imenom "duck" (ovo ime zamijenite imenom svoga rendera) i stavite neki render na njega. Render smjestite u skroz gornji desni kut. Duplicateajte taj layer i stavite ga iznad origininalnog layera. Stavite mu mode na Overlay i stavite Filter > Blur > Gaussain Blur. Radius neka bude 1.
Layer setovi bi sad trebali biti poredani ovako:
