Dizajnirajte Web 2.0 karticu s Photoshopom

U nastavku slijedi vodič pokušava vam dati ideju kako dizajnirati lijepo gladak izbornik kartica u Photoshop, Web 2.0 stilu.

Korak 1

Stvorite novo platno s bijelom pozadinom [#ffffff] u bilo kojoj željenoj veličini, po mogućnosti pravokutno; prikladniji su za crtanje pločica. Zatim prijeđite na Tabulatori kanala (Windows -> Kanali), kliknite Izradite novi kanal dolje desno.

Korak 2

Na odabranom sloju kanala nacrtajte sličan oblik pomoću alata Polygonal Lasso. Napunite ga bijelom bojom [#ffffff]; poništite odabir Poligonalnog područja (odaberite bilo koji alat za Marquee i kliknite na zaslon); dati oblik Gaussian Blur s radijusom 6.0px.

Korak 3

Ctrl-L da biste pozvali dijalog Razina i pritisnuli lijevu i desnu strelicu kako bi zadovoljili središnju strelicu, kao na slici iznad. Ovo će “glatko, nesmetano” svoj zamućeni oblik i pružite vam lijep zaobljeni oblik.

4. korak

Na kartici Kanali, Držite CTRL, kliknite na Sličica kanala sloja Alpha 1. Novi oblik će se sada odabrati, prebaciti natrag na Kartica Slojevi, Napravite novi sloj i ispunite odabrano područje crnom [# 000000].

Korak 5

Uklonite zaobljene kutove za dno lijevo i dolje desno, pomaknite ga prema lijevo i postavite ga kao što je prikazano gore. Zatim ćemo se fokusirati na karticu crne boje.

	držati CTRL, kliknite na karticu Minijatura sloja da biste označili cijelu sliku kartice.
	Kada je kartica još uvijek istaknuta, odaberite Pravokutni alat za označavanje, držati ALT i nacrtajte pravokutnik regije koju želimo ukloniti.
	Trebali biste vidjeti samo odabrani gornji dio. Odaberi -> izmijeniti -> Ugovor, Ugovor po 2px i trebate dobiti nešto poput slike s lijeve strane.
	Napravite novi sloj, ispunite označeno područje bijelim [#ffffff]. Desni klik, odaberite Mogućnosti za miješanje zatim Gradiant Overlay. Zamijenite bijeli [#ffffff] zaustavljanje boje sivom [# 616161]. Vaša kartica trebala bi izgledati kao slika s lijeve strane.

Korak 6

Stvorite novi sloj; Odaberi Zaobljeni pravokutni alat (Radius 8px), nacrtajte pravokutnik i stavite ovaj sloj iza sloja crne pločice. Desni klik i odaberite Mogućnosti za miješanje i umetnite sljedeće postavke.

Baci sjenku

Neprozirnost: 31%
Udaljenost: 0px
Spread: 0%
Veličina: 2px

Stožasti i izbočeni

Dubina: 100%
Veličina: 0px
Omekšavanje: 0px

Gradiant Overlay

Ovdje se nalaze postavke za zaustavljanje boje.
Boja: #aaaaaa, Lokacija: 0%
Boja: #ffffff, lokacija 100%

Korak 7

Stavite u neki tekst da biste vidjeli cjelokupni izgled weba 2.0. Koristim font Lucida Fax, font veličine 32pt i 25pt. I vaša kartica je gotova! Slobodno se igrajte s kombinacijom boja na kartici.

Vodič za preuzimanje