Design en web 2.0-fan med Photoshop

Følg veiledningen nedenfor forsøker å gi deg en ide om hvordan du designer en fin, slank flippemeny i Photoshop, Web 2.0-stil.

Trinn 1

Lag et nytt lerret med hvit [#ffffff] bakgrunn i enhver størrelse du liker, helst rektangulær; de er mer egnet til å tegne faner. Bytt deretter til Kanaler Tab (Windows -> kanaler), klikk Opprett ny kanal nederst til høyre.

Steg 2

På det valgte kanallaget, tegne lignende form med Polygonal Lasso-verktøyet. Fyll den opp med hvit farge [#ffffff]; fjern markeringen av polygonal regionen (velg et Marquee-verktøy og trykk på skjermen); gi formen Gaussian Blur med radius 6,0 px.

Trinn 3

CTRL-L å ringe opp nivådialogen og skyve venstre og høyre pil for å møte midtpiloten, som bildet over. Dette vil “glatt” din uskarpe form opp og gi deg en fin avrundet hjørneform.

Trinn 4

I faner Kanaler, Hold CTRL, klikk på Kanal Thumbnail av lag Alpha 1. Den nye formen vil nå velges, bytt tilbake til Lag-fanen, Lag nytt lag og fyll det valgte området med svart [# 000000].

Trinn 5

Fjern avrundede hjørner til bot nederst til venstre og nederst til høyre, flytt det mot venstre og plasser det som vist ovenfor. Neste vil vi fokusere på den svarte fargefanen.

	Holde CTRL, klikk på fanen Lag miniatyrbilde for å få hele fanebildet uthevet.
	Med fanebildet fremdeles uthevet, velger du Rektangulært markeringsverktøy, holde ALT og tegne en rektangulær av regionen vi ønsker å fjerne.
	Du bør bare se den øverste delen som er valgt. Å velge -> endre -> Kontrakt, Kontrakt med 2px og du bør få noe som bildet til venstre.
	Opprett et nytt lag, fyll den uthevede regionen med hvit [#ffffff]. Høyreklikk, velg Blandingsalternativer deretter Gradiant Overlay. Bytt den hvite [#ffffff] fargestopp med grått [# 616161]. Fanen din skal se ut som bildet til venstre.

Trinn 6

Lag et nytt lag; Å velge Avrundet rektangulært verktøy (Radius 8px), tegne en rektangulær og sett dette laget bak det svarte tabellaget. Høyreklikk og velg Blandingsalternativer og sett inn følgende innstillinger.

Drop Shadow

Opasitet: 31%
Avstand: 0px
Spredt: 0%
Størrelse: 2px

Bevel og Emboss

Dybde: 100%
Størrelse: 0px
Soppe: 0px

Gradiant Overlay

Her er fargestoppinnstillingene.
Farge: #aaaaaa, Sted: 0%
Farge: #ffffff, plassering 100%

Trinn 7

Sett inn litt tekst for å se det overordnede web 2.0-utseende. Jeg bruker font Lucida Fax, skriftstørrelse 32pt og 25pt. Og fanen din er ferdig! Du er velkommen til å leke med Tabs farger kombinasjon.

Last ned opplæringen