Dizajn Web 2.0 sučelje u Photoshopu
Razumijevanje tutoriala u nastavku je razumijevanje njegove tehnike, s njim možete nacrtati neki grafičko korisničko sučelje za web stranicu. Bočna navigacija, tipke, zaglavlja, na primjer. Svi Web 2.0 stil.
Pokrenite novo platno; bilo koje veličine. Nešto veće od 450x300px bilo bi dobro. Odaberite Okrugli pravokutni alat i nacrtajte pravokutnik velik kao što je prikazano na slici iznad.
Dvaput kliknite na sloj zaobljenog pravokutnika da biste pokrenuli Mogućnosti za miješanje. Promijenite postavke za sljedeće stilove.
Baci sjenku
Nejasnoća: 31% Udaljenost: 1px Raspon: 0% Veličina: 5px
Stožasti i izbočeni
Dubina: 100% Veličina: 0px Omekšavanje: 0px
Gradiant Overlay
Dvaput kliknite Gradiant i postavite sljedeće točke za zaustavljanje. Mjesto: 0%, # 1378cd Mjesto: 100% # 4da5f0
udar
Veličina: 5px Pozicija: Unutarnja boja: # 54abf6
Umetnimo tekst, oznaku, URL ili nešto slično. Imajte ga u sredini i poravnajte udesno pa se logotip može nalaziti na lijevoj strani kasnije. Hajde da stiliziramo tekst. Koristim Lucida Sans Unicode; 55pt; glatko, nesmetano; -120 za praćenje znakova (razmak slova). Dvaput kliknite na sloj teksta i postavite sljedeće slojeve Mogućnosti za miješanje.
Gradijentno prekrivanje
Dvaput kliknite Gradiant i postavite sljedeće točke za zaustavljanje. Mjesto: 0%, # 9ec7eb Mjesto: 100% ecf6ff
Nakon toga ćete morati umetnuti logotip na lijevu stranu teksta. Upotrijebit ću zaobljeni pravokutnik s polumjerom 5px za predstavljanje logotipa. Evo ga Mogućnost miješanja postavke za zaobljeni pravokutnik.
Unutarnja sjena
Neprozirnost: 45% Udaljenost: 0px Veličina: 43px;
Stožasti i izbočeni
Dubina: 100% Veličina: 0px Omekšavanje: 0px Način osvjetljenja Prozirnost: 50% Neprozirnost ShadowMode: 100%
Gradiant Overlay
Dvaput kliknite Gradiant i postavite sljedeće točke za zaustavljanje. Mjesto: 0% # 0e2f4a Lokacija: 47% # 001a31 Lokacija: 48% # 002545 Mjesto: 100% # 0f4b7f
udar
Veličina: 5px Dvaput kliknite Gradiant i postavite sljedeće točke za zaustavljanje. Mjesto: 0% # 1468af Mjesto: 100% # 50abf8
Dajmo mu malo sjajnog efekta. držati CTRL i lijevi klik na zaobljeni pravokutnik Minijatura sloja. Kada je odabran cijeli zaobljeni pravokutnik, promijenite u Pravokutni alat Marquee, držati ALT i izvlači drugu polovicu odabranog područja; kao i na gornjoj slici.
Stvorite novi sloj; Povucite ga tako da sjedi na vrhu svih slojeva; ispuniti odabrani dio bijelim [#ffffff]; promijeni neprozirnost na 15%.
Tutorial će završiti ovdje. Kako ćete iskoristiti ovaj dizajn ovisi isključivo o vama. Malo mijenjajući njegovu veličinu i boje, može se koristiti kao web zaglavlje ili gumbi. Evo nekih primjera.
Zaglavlje web-lokacije
Gumbi za web-lokacije
