Lag en Ornate Website Header Photoshop Tutorial
28 februar, 2006 av Oli ° 12 kommentarer
Denne veiledningen vil vise deg hvordan du lager en dekorativ header som du kan bruke på nettsteder eller blogger.
Dette er hva du skal lage: 
Første skritt er å opprette et tomt lerret på rundt 770px bred og 400 piksler høyt, og velg deretter avrundet rektangel verktøy, stille inn avstanden til 9px og trekke ut formen på overskriften din hvor høy du ønsker det:

Neste opp vil legge til en gradient i form - høyreklikk på figurens laget og legge til en gradient overlay innstillinger:

Velg en lys lilla og mørk lilla for graderingen, brukte jeg # 190141 for den mørke og # 5E01F7 for lyset
Din formen vil nå se slik ut:

Nå må vi velge et mønster på overskriften, for denne opplæringen brukte jeg en fra den utmerkede squidfinger nettsted .
Min valgt mønster var:

Du kan bruke denne, bare høyreklikk på bildet og lagre det eller bla gjennom squidfinger er å finne en du foretrekker.
Nå åpner mønsteret i photoshop, velger du den og klippe og lime inn i din header psd, ctrl + klikk på mønsteret laget for å velge det, som så:

Deretter går du til> Rediger> Definer Pattern> og gi den et navn.
Ctrl + Klikk på hoved header form lag å velge, opprette et nytt lag over det, og klikk på Paint Bucket Tool. Slå fylltype fra "forgrunn" til "mønster" og velg din mønster fra nedtrekksmenyen.

Fyll det nye laget med mønster ditt:

Høyreklikk mønsteret laget og velg blandingsalternativer, endre Blend Mode til "overlegg" og ta opacity ned til 39%:

Din header vil nå se slik ut:

Velg header formen laget, høyreklikk og gå inn blandingsalternativer, vil vi nå legge til noen ytre glød:

En ett 4pixel inne slag:

Du skal nå ha:

Nå endelig legge til din logo / tekst og navigasjon og din header er ferdig:

Du kan også laste ned psd for denne opplæringen.








Utmerket tutorial
dette er bra tutorial. ønsker å se GIMP tutorial i fremtiden
Cute
Dette er veldig hyggelig, takk. Hold oppe det gode arbeidet ..
Veldig Veldig fin informasjon her ... Takk
Nice tutorial!
Du kan laste ned massevis av gratis web design elementer som ligner dette på http://www.stemplate.com
Takk, fin tutorial!
Takk Jeg likte denne tuturial. Enkle effekter som kan brukes i masse måter virkelig hjelpe programmererne som prøver å sette ut noe grafisk nå og da uten å bli latterliggjort =)
Fin effekt. Vil prøve det snart. Tnx igjen!
Flott tutorial, takk!
Flott tutorial - Basic, men med noen funksjoner jeg var ute etter, ekstra bonus.
Takk.