Free online photoshop training

Photoshop tutorials for webdesigners

Design join now Free Website Banner

September 8th, 2007 · 1 Comment

Lets create some a website banner using with text join now.

[1]-First of all open a new document of custom size Height & Width 500 x 300 pixels and Resolution 72 and Mode RGB Color.pun137-website-banner1.gif

[2]-Now create the following selection with the help of Rectangular Marquee Tool.

pun137-website-banner2.gif

[3]-Now fill the selection with any color of your choice.

pun137-website-banner3.gif

[4]-Now click on sign ‘f ‘ which is shown by a finger sign as shown below.

pun137-website-banner4.gif

[5]-Now select the Drop Shadow and apply the following settings

pun137-website-banner5.gif

[6]-Now select the Inner Glow Structure and use the following settings

pun137-website-banner6.gif

pun137-website-banner7.gif

[7]-Now select the Color Overlay and apply the following settingspun137-website-banner8.gif

[8]-Now select Gradient Overlay and use the following settings

pun137-website-banner9.gif

pun137-website-banner10.gif

[9]-Now select Stroke and use the following settings.

pun137-website-banner11.gif

[10]-Now your image will be look as shown below

website-header

[11]-Now press Ctrl+J for duplicate layer and click on ‘f ‘ which is indicated by finger sign as shown below

pun137-website-banner13.gif

[12]-After open the Blending Options remove the Drop Shadow and another settings will be same

pun137-website-banner14.gif

[13]-Now press Ctrl+T and Transform the following shape

pun137-website-banner15.gif

[14]-Now create the following selection by the help of Polygonal Lasso Tool

website-header-button

[15]-Now fill the selection with #F8F8FC color and apply the following opacity

website-header-button

[16]-Now your image will look like the image below.

pun137-website-banner18.gif

[17]-Now select Text Tool and create the following Text. This is it.

This completes the photoshop tutorial for a website banner.

website-header

Create a modern looking Website Header

Create Rusty photoshop text effect

Design a pocket math calculator

Tags: Web graphics

1 response so far ↓

  • 1 Designer Dude // Sep 18, 2007 at 3:50 am

    Hi from New York! Nice blog posting about Design join now Free Website Banner. I would have to agree with you on this one. I am going to look more into create your own website for free. This Tuesday I have time.

Leave a Comment