This will be your final result

[Only registered and activated users can see links. ]

1. First thing we need to do is create a new document. I started with a size of 1000×216.

[Only registered and activated users can see links. ]

2. What we want to do next is to add a gradient to our background layer. To do so, right click your background layer and then input the following blending options

[Only registered and activated users can see links. ]


3. Next we want to use our rectangle marquee tool to make a selection similar to the following and fill it with #FFFFFF

[Only registered and activated users can see links. ]

4. Now input the following blending options

[Only registered and activated users can see links. ]
[Only registered and activated users can see links. ]


5. You should have something that looks similar to this

[Only registered and activated users can see links. ]

6. Next, we want to go ahead and add some text for our links. I used Helvetica with all caps

[Only registered and activated users can see links. ]

7. Now we want to show what our active link will look like. To do so use your rectangle marquee tool again to make a selection similar to the following:



8. Choose Edit>Clear and you should have something that looks like this:



9. Next we want to add a little bar across the top. So use your rectangle marquee tool to make a selection similar to this and fill it with #FFFFFF

[Only registered and activated users can see links. ]

10. Now input the following blending options into this layer

[Only registered and activated users can see links. ]


11. It will look something like this

[Only registered and activated users can see links. ]

12. Now all I did was add some text and a simple logo with a custom shape from default photoshop shapes and this is what I came up with:

[Only registered and activated users can see links. ]

13. You can take it one more step and add some round vector shapes. I used some halftone patterns from one of the GoMedia Arsenal packs

[Only registered and activated users can see links. ]

[Only registered and activated users can see links. ]

Remember if you have any questions or comments about this tutorial to leave your responses in the comments below and we will get back to you very quickly.

If you enjoyed this tutorial please take a moment to visit one of our sponsors.