Glatt Gradient Header Photoshop Tutorial

Denne veiledningen vil vise deg noen enkle teknikker for å designe en fin jevn gradient hodet og nav bar som du kan bruke i web design.

Dette ferdig design vil se slik ut:

Å starte, opprette en 770px bred x 200px høy dokument.
Velg avrundet rektangel verktøyet, angi avstanden til 10px, og trekke ut en form for overskriften:

Høyreklikk på figuren du nettopp trakk's lag og velg blending options.
Klikk "Outer Glow", og gi disse innstillingene:

Deretter klikker du "gradient overlay" og gi det disse innstillingene:

Til slutt klikker du "Stroke" og gi det disse innstillingene:

Topp-form skal nå se slik ut:

Deretter bruker avrundet rektangel verktøyet igjen trekke ut formen på nav bar under overskriften stang, så høyreklikker du toppteksten figurer laget og velg "kopier lag stil", og deretter høyreklikker du nav barer laget og "lim laget stil". Du bør ha noe sånt som dette:

Nå kan du høyreklikke nav bar laget, gå inn blending og klikk på gradient overlay.
Endre grå / hvit gradient for og oransje en ved hjelp av disse verdiene: F0B259> F87811

Klikk ok og nav bar bør nå se slik ut:

Nå skal vi legge til litt tekst, velge skrifttype og skriv inn den nødvendige koblinger i:

For denne opplæringen vi brukte univers kondensert. Vi vil nå legge til en dropshadow i teksten, høyreklikk på laget> blending options> skyggelegging
Bruk disse innstillingene:

Teksten skal nå se slik ut:

Vi vil nå legge noen skillevegger mellom nav bar lenker, opprette et nytt lag og zoome inn Bruke blyant på 1 px, trekke to linjer slik:

Høyreklikk på laget og "kopi", går dette laget langs mellom det neste settet med nav koblinger, gjenta dette for alle koblingene.

Din nav er nå komplett:

Nå er alt som trengs, er webområdet ditt navn / logo som skal legges og alt annet som ekstra header linker eller banner annonser etc:

Last ned. Psd her