Maak een Ornate website header Photoshop Tutorial
28 februari 2006 door Oli · 12 Reacties
Buzz This Post
Digg This Post
Reddit
Stumble this Post
Deze tutorial zal u tonen hoe het maken van een decoratieve header die u kunt gebruiken op websites of blogs.
Dit is wat je zal maken: 
Eerste stap is het aanmaken van een leeg doek van ongeveer 770px breed en 400px hoog, selecteer vervolgens de afgeronde rechthoek tool, zet de radius op 9px en teken de vorm van uw koptekst hoe lang je zou het als volgt uit:

Next up voegt een helling aan de vorm - klik met de rechtermuisknop op de laag van de shape en voeg een gradiënt overlay-instellingen:

Kies een licht paars en donker paars voor de gradiënt, gebruikte ik # 190141 voor de donkere en # 5E01F7 voor het licht
De vorm zal nu als volgt uitzien:

Nu moeten we een patroon kiezen om op de kop, voor deze tutorial gebruikte ik een van de site van de uitstekende squidfinger's.
Mijn gekozen patroon was:

U kunt deze, gewoon rechts klikken op de afbeelding en opslaan of blader door squidfinger's om u een voorkeur te vinden.
Open nu het patroon in photoshop, selecteren en knippen en plakken in uw koptekst psd, Ctrl + klik op het patroon te laag, selecteert u als volgt:

Ga vervolgens naar> Edit> Define Pattern> En geef het een naam.
Ctrl + Klik op uw belangrijkste header vorm laag te selecteren, maak een nieuwe laag erboven en klik op de emmer verf tool. Schakel de vulling soort van 'voorgrond' naar 'patroon' en kies uw patroon uit de dropdown.

Vul de nieuwe laag met je patroon:

Klik met de rechtermuisknop het patroon laag en selecteer het mengen opties, verander de mengmodus op 'overlay' en nemen de dekking tot 39%:

Uw kop zal nu als volgt uitzien:

Selecteer de header vorm laag, klik met de rechtermuisknop en ga naar het mengen van opties, zullen we nu voeg wat buitenste gloed:

Een 4pixel binnen een beroerte:

U moet nu:

Nu eindelijk voeg uw logo / tekst en navigatie en uw koptekst is voltooid:

U kunt ook downloaden van de PSD voor deze tutorial.










Uitstekende tutorial
dit is een goede tutorial. zou graag zien dat gimp tutorial in de toekomst
Knap
Dit is echt mooi, dank je. Keep up the good work ..
Very Very nice informatie vindt u hier ... Thanks
Nice tutorial!
Je kunt veel vrije elementen webdesign vergelijkbaar met deze op http://www.stemplate.com
Bedankt, mooie tutorial!
Bedankt ik echt genoten van deze Tuturial. Easy effecten die kunnen worden gebruikt in veel manieren echt helpen coders die proberen te zetten iets grafische nu en dan zonder dat uitgelachen =)
Mooi effect. Zal binnenkort proberen. Tnx again!
Grote tutorial, thanks!
Grote tutorial - Basic, maar met een aantal functies die ik zocht, added bonus.
Bedankt.