webadviser.io

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.

How to design a banner in Photoshop

Step 2

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

How to design a banner in Photoshop

 

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

How to design a banner in Photoshop

It will look like this

How to design a banner in Photoshop

 

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)

How to designer a banner in Photoshop

How to design a banner in Photoshop

How to design a banner in Photoshop

How to design a banner in Photoshop

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

How to design a banner in Photoshop

And do some brushing like below

How to design a banner in Photoshop

Step 4

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

How to design a banner in Photoshop

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

How to design a banner in Photoshop

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.

Source: http://www.92pixels.com/how-to-design-a-banner-in-photoshop/

No time to get the job done?
We have plenty.