Photoshopis pole veebisaidi malli loomine eriti keeruline. Mall sisaldab menüüsid, otsinguvorme, graafikat, võib-olla ka näiteks teksti. Sait ise on selle põhjal juba programmeeritud.
Juhised
Samm 1
Alustage oma saidimalli kujundamist Photoshopis, luues uue dokumendi suurusega 1020 x 1020 pic. Muutke taust valgeks. Määrake esiplaani värviks # c5e0dd ja taustavärviks # ece5cf.
2. samm
Võtke tööriist Gradient ja valige selle seadete paneelilt esimene täitmise tüüp. Lohistage gradientjoon üle valge välja ülevalt alla.
3. samm
Haarake tööriist Tekst, kirjutage oma saidi pealkiri paremasse ülanurka, nii et see oleks kooskõlas otsinguvormiga, mis asub vasakus ülanurgas. Määrake fondi suurus, näiteks 12.
4. samm
Otsingu kuju loomiseks valige tööriist Ristkülik ja joonistage paremasse ülanurka valge ristkülik. Rakendage järgmisi kihisätteid: sisemine vari - segamisrežiim - korrutamine, värv - # a2b7b1, läbipaistmatus - 43, nurk - 90, kaugus - 0, õhuklapp - 0, suurus - 10.
5. samm
Selle kuju sisse pehme teksti tegemiseks kasutage tööriista Tekst.
6. samm
Valige ümardatud ristküliku tööriist ja tehke selle paremas servas otsingu kuju sees nupp. Rakendage järgmisi kihtstiile: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (värvid # 754f39 kuni # a1704f), Style - Linear, Nurk - 90, Scale - 59.
7. samm
Selle nupu kirjutamiseks kasutage tööriista Tekst.
8. samm
Navigeerimise loomiseks võtke ümardatud ristküliku tööriist ja tõmmake pealkirja ja otsingu kuju alla pikk ristkülik. Rakendage järgmisi kihistiile: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient tumedast heledani (värvid # 76503e kuni # a46ecd), Style - Linear, Nurk - 90, Scale - 59; Löögi struktuur - 1, asend - sees, segamisrežiim - tavaline, läbipaistmatus - 100, täitetüüp - värv, värv # 9F6038.
9. samm
Võtke ümardatud ristküliku tööriist ja joonistage navigeerimisriba vasakule küljele väike ristkülik. Rakendage järgmisi kihtstiile: sisemine vari - segamisrežiim - korrutamine, läbipaistmatus - 75, nurk - 90, kaugus - 1, õhuklapp - 0, suurus - 8; Gradiendi ülekate - segamisrežiim - tavaline, läbipaistmatus - 100, gradient tumedast heledani (värvid vahemikus # 76503c kuni # a46e4d), stiil - lineaarne, nurk - 90, skaala - 59; Löök - struktuur - 1, asend - sees, segamisrežiim - tavaline, läbipaistmatus - 100, täitetüüp - värv, värv # 8f6347.
10. samm
Lisage navigeerimisribale sildid.
