... > Design :: Resources :: > Head/Category Image Tutorial
Head/Category Image Tutorial - Posted By Van// (admin) on 19th Dec 10 at 7:54pm
Header / Category Bar Image Tutorial by Van//
Welcome to my tutorial,
During this tutorial you will learn how to make the following image, using only 2 layers in photoshop.
The .psd will also be available at the end.
Step 1
Using the rounded rectangle tool with a radius of 3px, I created the shape that I was planning to use.
I filled the shape with the colour #415d78.
Step 2
Double click the layer, or right click the layer and go to blending options.
Select Gradient Overlay. The settings I used where:-
Step 3
Click Stroke: -
Step 4
Next click Bevel and Emboss and use the following settings. (May need to alter them slightly for your image)
Step 5
Select Inner Glow, and use the following settings:
Layer 1 - Finished
Step 6 - Layer 2 (The text container)
Create another shape, I created another rounded rectangle with radius 3. Filled this with f5d03e
Step 7
Right click layer 2, and select blending options. Go to Stroke and use the following settings.
Step 8
Gradient Overlay:
Step 9
Inner Glow:
Layer 2 - Finished
Thanks for taking the time to read this tutorial, the .psd can be found here: Link
Van//
Not to be reposted without my permission.
Re: Head/Category Image Tutorial - Posted By CåñåÐå™ (canada) on 5th Jan 11 at 6:52am
really nice good work.