V Photoshopu ni zelo težko ustvariti predloge spletnega mesta. Predloga vključuje menije, iskalne obrazce, grafiko, na primer morda nekaj besedila. Spletna stran bo že programirana na njeni osnovi.
Navodila
Korak 1
Začnite oblikovati predlogo spletnega mesta v Photoshopu tako, da ustvarite nov dokument velikosti 1020 x 1020 pic. Ozadje naj bo belo. Barvo ospredja nastavite na # c5e0dd in barvo ozadja na # ece5cf.
2. korak
Vzemite orodje Gradient in na plošči z nastavitvami izberite prvo vrsto polnjenja. Povlecite gradientno črto čez belo polje od zgoraj navzdol.
3. korak
Zagrabite orodje Text, v zgornji desni kot zapišite naslov spletnega mesta, tako da se ujema z iskalnim obrazcem, ki bo v zgornjem levem kotu. Nastavite velikost pisave, na primer 12.
4. korak
Če želite ustvariti obliko iskanja, izberite orodje Pravokotnik in v zgornjem desnem kotu narišite bel pravokotnik. Uporabite naslednje nastavitve sloja: Notranja senca - Način mešanja - Množenje, Barva - # a2b7b1, Neprosojnost - 43, Kot - 90, Razdalja - 0, Dušilka - 0, Velikost - 10.
5. korak
Z orodjem Besedilo ustvarite mehko besedilo v tej obliki.
6. korak
Izberite orodje Rounded Rectangle Tool in na desni meji naredite gumb znotraj oblike iskanja. Uporabite naslednje sloge sloja: Preliv prelivanja - Način mešanja - Običajno, Neprosojnost - 100, Preliv od temne do svetle (barve od # 754f39 do # a1704f), Slog - Linearno, Kot - 90, Lestvica - 59.
7. korak
Z orodjem za besedilo na ta gumb napišite "go" ali kaj podobnega.
8. korak
Če želite ustvariti navigacijo, vzemite orodje Rounded Rectangle Tool in narišite dolg pravokotnik pod naslovom in obliko iskanja. Uporabite naslednje sloge sloja: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient od temne do svetle (barve od # 76503e do # a46ecd), Style - Linear, Angle - 90, Scale - 59; Struktura poteze - 1, položaj - znotraj, način mešanja - navaden, motnost - 100, vrsta polnila - barva, barva # 9F6038.
9. korak
Vzemite orodje Rounded Rectangle Tool in na levi strani navigacijske vrstice narišite majhen pravokotnik. Uporabite naslednje sloge slojev: Notranja senca - Način mešanja - Množenje, Neprosojnost - 75, Kot - 90, Razdalja - 1, Dušilka - 0, Velikost - 8; Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient od temne do svetle (barve od # 76503c do # a46e4d), Style - Linear, Angle - 90, Scale - 59; Hod - Struktura - 1, Položaj - V notranjosti, Način mešanja - Običajno, Neprosojnost - 100, Vrsta polnila - Barva, Barva # 8f6347.
10. korak
V navigacijsko vrstico dodajte oznake.
