Nije jako teško stvoriti predložak web stranice u Photoshopu. Predložak uključuje izbornike, obrasce za pretraživanje, grafiku, možda neki tekst, na primjer. Sama stranica već će biti programirana na njenoj osnovi.
Upute
Korak 1
Započnite oblikovati predložak web stranice u Photoshopu stvaranjem novog dokumenta veličine 1020 x 1020 slika. Neka pozadina bude bijela. Postavite boju prednjeg plana na # c5e0dd, a boju pozadine na # ece5cf.
Korak 2
Uzmite alat Gradient i na ploči s postavkama odaberite prvu vrstu ispune. Povucite liniju gradijenta preko bijelog polja od vrha do dna.
3. korak
Uhvatite alat Text, u gornji desni kut zapišite naslov web stranice tako da se poravna s obrascem za pretraživanje koji će se nalaziti u gornjem lijevom kutu. Postavite veličinu fonta, na primjer 12.
4. korak
Da biste stvorili oblik pretraživanja, odaberite alat Pravokutnik i u gornjem desnom kutu nacrtajte bijeli pravokutnik. Primijenite sljedeće postavke sloja: Unutarnja sjena - Način miješanja - Množenje, Boja - # a2b7b1, Neprozirnost - 43, Kut - 90, Udaljenost - 0, Prigušnica - 0, Veličina - 10.
Korak 5
Pomoću alata Tekst napravite mekani tekst unutar ovog oblika.
Korak 6
Odaberite Alat za zaobljeni pravokutnik i napravite gumb unutar oblika pretraživanja na njegovoj desnoj granici. Primijenite sljedeće stilove sloja: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient od tamne do svijetle (boje od # 754f39 do # a1704f), Style - Linear, Angle - 90, Scale - 59.
7. korak
Pomoću alata Tekst na ovaj gumb pritisnite "idi" ili nešto slično.
Korak 8
Da biste kreirali navigaciju, uzmite alat zaobljeni pravokutnik i nacrtajte dugački pravokutnik ispod naslova i oblika pretraživanja. Primijenite sljedeće stilove sloja: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient od tamne do svijetle (boje od # 76503e do # a46ecd), Style - Linear, Angle - 90, Scale - 59; Struktura poteza - 1, položaj - iznutra, način miješanja - normalno, neprozirnost - 100, vrsta ispune - boja, boja # 9F6038.
Korak 9
Uzmite alat zaobljeni pravokutnik i nacrtajte mali pravokutnik s lijeve strane navigacijske trake. Primijenite sljedeće stilove slojeva: Unutarnja sjena - Način miješanja - Množenje, Neprozirnost - 75, Kut - 90, Udaljenost - 1, Prigušnica - 0, Veličina - 8; Prekrivanje gradijenta - način miješanja - normalno, neprozirnost - 100, gradijent od tamne do svijetle (boje od # 76503c do # a46e4d), stil - linearni, kut - 90, skala - 59; Hod - struktura - 1, položaj - iznutra, način miješanja - normalno, neprozirnost - 100, vrsta ispune - boja, boja # 8f6347.
Korak 10
Dodajte oznake na navigacijsku traku.
