Nije jako teško stvoriti predložak web stranice u Photoshopu. Predložak uključuje jelovnike, obrasce za pretraživanje, grafiku, možda neki tekst, na primjer. Sama web lokacija već će biti programirana na njenoj osnovi.
Instrukcije
Korak 1
Počnite oblikovati predložak web lokacije 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 popunjavanja. Povucite liniju gradijenta preko bijelog polja od vrha do dna.
Korak 3
Uhvatite alat Text, u gornji desni kut zapišite naslov web stranice tako da se poravna s obrascem za pretragu koji će se nalaziti u gornjem lijevom kutu. Postavite veličinu fonta, na primjer, 12.
Korak 4
Da biste kreirali 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 slojeva: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient od tamne do svijetle (boje od # 754f39 do # a1704f), Style - Linear, Angle - 90, Scale - 59.
Korak 7
Pomoću alata Tekst na ovo dugme napišite "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 slojeva: 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, tip ispune - boja, boja # 9F6038.
Korak 9
Uzmite alat zaobljeni pravokutnik i nacrtajte mali pravokutnik na lijevoj strani 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; Prelivanje 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 - unutra, način miješanja - normalan, neprozirnost - 100, vrsta ispune - boja, boja # 8f6347.
Korak 10
Dodajte oznake na navigacijsku traku.
