V Photoshopu lahko naredite postavitev spletnega mesta, po kateri je že ustvarjena v html. Ta postopek je razmeroma preprost.
Potrebno
Program Adobe Photoshop
Navodila
Korak 1
Odprite Photoshop in v njem ustvarite 1020 x 1200 pic dokument. Nastavite barvo ozadja na # a8a995. Če je spletno mesto namenjeno podjetju, lahko njegov logotip postavite zgoraj levo v navigacijsko vrstico. Na desni pustite nekaj prostora za povezave za navigacijo po spletnem mestu.
2. korak
Vzemite orodje Rectangle Tool in v navigacijski vrstici mesta ustvarite pravokotnik velikosti 80 x 54 slikovnih pik. Označeval bo aktivni element menija v navigaciji po spletnem mestu.
3. korak
Pojdite v meni Layer-Layer Style, potrdite potrditveno polje Color Overlay, barva # ADAE9E, Opacity - 100% in potrditveno polje Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
4. korak
Na vrh pravokotnika, ki ga že imate, dodajte še eno sliko 71 x 50 in jo pobarvajte z # cfbe28. Pojdite v meni Layer-Layer Style, nastavite naslednje parametre za ta pravokotnik: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Notranja senca: Način mešanja - pomnoži, barva # 000000, motnost - 27%, kot - 90, razdalja - 1, dušilka - 0, velikost - 18; Hod: velikost - 1, položaj - zunaj, motnost - 100, vrsta polnila - barva, barva # D6C72C.
5. korak
Dodajte senco povezavam v navigacijski vrstici. Če želite to narediti, izberite plast z besedilom teh povezav, pojdite v meni Layer-Layer Style in nastavite naslednje parametre: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, širjenje - 0, velikost - 1. Ponovite te korake za vsako plast, ki bo vsebovala besedilo povezav.
6. korak
Zdaj morate narediti uvodni del predloge. Izberite orodje Rectangle Tool in pod logotipom naredite pravokotnik, ga napolnite z belo, zmanjšajte motnost na 20%.
7. korak
Izberite orodje Ellipse Tool in pod tem pravokotnikom naredite oval. Pojdite na Filter> Blur> Gaussian Blur in nastavite radij na 7, 8.
8. korak
Vzemite orodje Rectangular Marque Tool in izberite spodnji del pravokotnika in zamegljen oval. Zbriši.
9. korak
Po tem vnesite besedilo v gumb pravokotnika. Ustvarite črto neposredno nad njo z naslednjimi parametri: 866 za 1 sliko.
