Trendy Header in Photoshop

Feb 22, 2009 Photoshop, Web Graphics, Web Layouts

This tutorial has been viewed: 538 times

+ Add to Todo List

Added By: PSDesignZone

We are going to be creating the following Image:

View Full Image
First off your going to want to create a new photoshop document; I used the following settings

Fill the canvas using the paintbucket tool
with #e2e2e2

Tip:

Press (g) to bring out the Paintbucket tool

Now Create a new layer and select the Rounded Rectangle Tool , then set the foreground color to #695D54

Once you create the Rounded Rectangle we are going to create a new document for the dropshadow, press ctrl+n to create a new document and use the following settings:

Next select the Pencil tool (b) And create an image like so

Then go to Edit > Define Pattern, it doesn’t matter what it is named

Now ctrl+click on the layer that has the rounded rectangle on it to make a selection of that layer, then create a new layer now drag the new layer under the layer that contains the rounded rectangle. Use the arrow keys to move the selection down a ways.

Press shift+backspace to fill the layer with the pattern we just created.

Be sure to set the layer with the Pattern in it to about 20-30% (whatever looks good, do it by eye)

Tip:

you can make a pattern anything you want fool around with it and you can come up with some pretty cool effects.

Now we are going to make those bevels, create a new layer, first zoom in really close using the Zoom Tool pull out the handy pencil tool again set it’s width to 1px (pixel), set foreground color to black and draw a short line (see image), now set the foreground color to white and draw another line just to the right of that; Set this layers blending mode to overlay and your all set.

Copy this layer by pressing ctrl+j (while that layer is selected) and you can make multiple bevels, zoom out to see what it looks like.

Now pull out the gradient tool set the foreground color to white, and set the Gradient style to white to transparent (see pic)

Set the opacity of that layer to about 10-20%

Tip:

play around with the opacity and blending options to see interesting results

Now we can add in the text, I used Tahoma Bolded with an outer glow on it applied to it:

To come out with:

View Full Image

Hope that helps, if you have any questions leave a comment below.

Related posts

• Wolfman Signature Tutorial (1)
• Grass Text effect in Photoshop (0)
• Cool 3d Paint and Text Effects in Photoshop (0)
• Contemporary Photoshop Logo (8)

Tags: effects, photoshop