Disainige Web 2.0 vahekaart Photoshopiga

Allpool toodud juhend püüab anda teile idee, kuidas kujundada kena sile vahekaardi menüü Photoshop, Web 2.0 stiilis.

Samm 1

Loo uus lõuend valge [#ffffff] taustaga mis tahes suuruses, soovitavalt ristkülikukujuline; need sobivad vahekaartide joonistamiseks. Seejärel lülitage sisse Kanalid (Windows -> Kanalid), klõpsake Loo uus kanal all paremal.

2. etapp

Valitud kanali kihis joonistage sarnane kuju Polygonal Lasso tööriistaga. Täitke see valge värviga [#ffffff]; eemaldage hulknurga piirkond (valige suvaline Marquee tööriist ja vajuta ekraanile üks); anna kuju Gaussi hägusus raadiusega 6.0px.

3. etapp

CTRL-L taseme dialoogi avamiseks ja vasakule ja paremale noole vajutamiseks, et vastata keskmisele noolele, nagu ülaltoodud pilt. See on “sile” sinu hägune kuju ja annab teile kena ümar nurgaga.

4. etapp

Kanalites Tab, Hoidke CTRL, kliki Kanali pisipilt kiht Alpha 1. Valitakse uus kuju, lülitub tagasi Kihid Tab, Loo uus kiht ja täitke valitud ala musta värviga [# 000000].

5. etapp

Eemaldage ümarad nurgad boti all vasakule ja alumisele paremale, liigutage seda vasakule ja asetage see ülal näidatud viisil. Järgmisena keskendume mustale värvile Tab.

	Hoidke CTRL, klõpsa vahekaardil Kihi pisipilt kogu tabeli pildi esiletõstmiseks.
	Kui vahekaart on ikka veel esile tõstetud, valige Ristkülikukujuline Marquee tööriist, hoidke ALT ja joonista ristkülikukujuline piirkond, mida soovime eemaldada.
	Näete ainult ülemist osa. Valige -> Muutma -> Leping, Leping 2tk ja sa peaksid saama midagi sellist nagu vasakul.
	Loo uus kiht, täida esiletõstetud piirkond valge [#ffffff]. Paremklõps, vali Segamisvalikud siis Gradiant Overlay. Vahetage valge [#ffffff] värvi peatus halliga [# 616161]. Teie vahekaart peaks nägema nagu vasakpoolne pilt.

6. etapp

Loo uus kiht; Valige Ümardatud ristkülikukujuline tööriist (Radius 8px), tõmmake ristkülikukujuline ja asetage see kiht musta vahekaardi taha. Paremklõps ja valige Segamisvalikud ja sisestage järgmised seaded.

Drop Shadow

Läbipaistmatus: 31%
Kaugus: 0px
Spread: 0%
Suurus: 2tk

Kalde ja reljeef

Sügavus: 100%
Suurus: 0px
Pehmendab: 0px

Gradiant Overlay

Siin on värvi peatamise seaded.
Värv: #aaaaaa, Asukoht: 0%
Värv: #ffffff, asukoht 100%

7. samm

Pane tekst, et näha üldist veebi 2.0 välimust. Ma kasutan fondi Lucida fonti, kirjasuurust 32pt ja 25pt. Ja teie vahekaart on tehtud! Võite vabalt mängida vahekaardi Tab kombinatsiooniga.

Lae õpetus