web analytics

How to Design a Banner in Photoshop

Banner is use to advertise your website or product so people can know about that. Today I will show you how to design a banner for your site in really simple and easy way. We need just Photoshop to design it. Below is the full detailed tutorial for you, don’t forget to comment if you like it.

Step 1

Open your Photoshop and create a new file from File>New and take the Width 300 and Height 250.

Step 2

After taking the new file we have to take some colors for our banner background.

then go to Gradient tool and select Radial style of the gradient to apply.

It will look like this

Step 3

After applying the Gradient to your background we need to select Brush tool from Toolbar and have to make changes in Brush settings pallet (see the settings below)

After applying these settings to your Brush tool, We will create a new Layer

And do some brushing like below

Step 4

Now we have to take our required text. Select Type tool from Toolbar and type your desire text.

Now we have to apply some layer style on text. Right click on your Text layer and select Blending Options and apply following settings

And Press OK. It will look like below

add some more text

Step 5

Now we will make a button, select Rounded Rectangle Tool from toolbar and draw a shape like below

Now go and Right click on the layer and select Blending Options and apply these settings


And Press Ok. It will look like below

add the text to your button and some other things that you want to add in your banner

Our banner is ready, hope you like this tutorial.

Join our readers and get the latest posts delivered straight to your inbox.
Enter you email address below:


Related Posts

Simple Page Peel Effect with jQuery & CSS

10 Excellent jQuery Effects and Tutorials

12 Fresh & Amazing Photoshop Tutorials

12 Fresh & Amazing Photoshop Tutorials

Creating Web Elements Kit in Photoshop

15 Photoshop Tutorials to Create Abstract and Cool Backgrounds