Hello Guest, welcome to ... Latest Announcement: Affiliate with us!

...



 

... :: Design :: Resources :: Head/Category Image Tutorial - View Topic
Topic Rating: *****
Reply Printable View
Van//
custom title
Offline
[Avatar]
*****
Boom Boom Pow!
Location: Northern Ireland
Gender: Male
Posts: 11
Registered:  
Reputation: 50%
pm
Head/Category Image Tutorial (19th Dec 10 at 7:54pm UTC)Quote Reply
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.

Image

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.

Image

Step 2
Double click the layer, or right click the layer and go to blending options.
Select Gradient Overlay. The settings I used where:-

Image

Step 3
Click Stroke: -

Image

Step 4
Next click Bevel and Emboss and use the following settings. (May need to alter them slightly for your image)

Image

Step 5
Select Inner Glow, and use the following settings:

Image

Layer 1 - Finished
Image

Step 6 - Layer 2 (The text container)
Create another shape, I created another rounded rectangle with radius 3. Filled this with f5d03e

Image

Step 7
Right click layer 2, and select blending options. Go to Stroke and use the following settings.

Image

Step 8
Gradient Overlay:

Image

Step 9
Inner Glow:

Image

Layer 2 - Finished

Image

Thanks for taking the time to read this tutorial, the .psd can be found here: Link

Van//

Not to be reposted without my permission.

Image
CåñåÐå™
Offline
[Avatar]
**
Location: Toronto , Canada
Gender: Male
Posts: 13
Registered:  
Reputation: 0%
pmwww
Re: Head/Category Image Tutorial (5th Jan 11 at 6:52am UTC)Quote Reply
really nice good work. {Smile}

Image
 Reply Printable View

All times are GMT+0 :: The current time is 3:13am
Page generated in 6.9577 seconds
Purchase Ad-Free Credits
This Forum is Powered By vForums (v2.4)
Create a Forum for Free | Find Forums