Design en Web 2.0-faneblad med Photoshop

Følg vejledningen nedenfor forsøger at give dig en ide om, hvordan man designer en flot flad menu i Photoshop, Web 2.0 stil.

Trin 1

Lav et nyt lærred med hvid [#ffffff] baggrund i enhver størrelse, du kan lide, helst rektangulær; de er mere egnede til at tegne faner. Skift derefter til Fanen Kanaler (Windows -> Kanaler), klik Opret ny kanal nederst til højre.

Trin 2

På det valgte kanallag skal du tegne en lignende form med Polygonal Lasso-værktøjet. Fyld den op med hvid farve [#ffffff]; fjern markeringen af polygonal regionen (vælg et Marquee-værktøj og tryk på skærmen); giv form Gaussisk sløring med radius 6,0 px.

Trin 3

CTRL-L at opkalde niveau dialogen og skubbe venstre og højre pil for at møde midterste pil, som billedet ovenfor. Dette vil “glat” din slørede form op og giver dig en fin afrundet hjørneform.

Trin 4

I kanaler Tab, Hold CTRL, Klik på Kanal miniaturebillede af lag Alpha 1. Den nye form vil nu blive valgt, skift tilbage til Fanen Lag, Opret nyt lag og udfyld det valgte område med sort [# 000000].

Trin 5

Fjern afrundede hjørner til bot nederst til venstre og nederst til højre, flyt det mod venstre og placér det som vist ovenfor. Næste vil vi fokusere på den sorte farve Tab.

	Holde CTRL, klik på fanens Lag miniatur for at få hele fanebladet fremhævet.
	Med fanebladet fremhævet, skal du vælge Rektangulært markeringsværktøj, holde ALT og tegne en rektangulær region, vi ønsker at fjerne.
	Du skal kun se den øverste del, der er valgt. Vælg -> Modificere -> Kontrakt, Kontrakt med 2px og du skal få noget som billedet til venstre.
	Opret et nyt lag, udfyld den fremhævede region med hvid [#ffffff]. Højreklik, vælg Blandings muligheder derefter Gradiant Overlay. Udskift det hvide [#ffffff] farvestop med grå [# 616161]. Din fane skal se ud som billedet til venstre.

Trin 6

Opret et nyt lag; Vælg Afrundet rektangulært værktøj (Radius 8px), tegne en rektangulær og sæt dette lag bag det sorte fliglag. Højreklik og vælg Blandings muligheder og indsæt følgende indstillinger.

Drop Shadow

Opacitet: 31%
Afstand: 0px
Spredt: 0%
Størrelse: 2px

Bevel og Emboss

Dybde: 100%
Størrelse: 0px
Blødgør: 0px

Gradiant Overlay

Her er indstillingen Farvestoppe.
Farve: #aaaaaa, Placering: 0%
Farve: #ffffff, Placering 100%

Trin 7

Indsæt nogle tekst for at se det overordnede web 2.0 udseende. Jeg bruger skrifttype Lucida Fax, skriftstørrelse 32pt og 25pt. Og din fane er færdig! Du er velkommen til at lege med Tabs farver kombinationen.

Download vejledning