Avatar & Signatures Shop


Avatar & Signatures Shop
Avatar & Signatures Shop

*-Tutorial: How to Make/Upload a Banner?-*

Abhisheking IF-Rockerz

Joined: 05 October 2013
Posts: 6934

Posted: 14 September 2014 at 9:40am | IP Logged

Hello Wonderful People! Tongue
You must have got the impression from the thread's title of what is this all about! So,without further blabbering,this is a tutorial for H O W  T O  M A K E  A  B A N N E R.

Our India-Forums is such an awesome place that we feel very harsh to get parted from it for even a single day or merely hours.Embarrassed This itself proves our addiction to it. There are several contests held here but the most frequent are the Banner Contests. Many of you are indeed expert in creative field and making banner is your left hand's work.
 But,there are many more members among us who want to make banners and take part in the banner contest,but can't because they do not know how to make it.So,I am up with a BASIC tutorial for you who do not know to make a banner. Therefore,all you peeps,down there,tie your shoes and gear up for the banner contests.

The tutorial is for Photoshop 7.0 but I think it can work on almost all versions of PS.


Step One:
 In order to make a banner,you first need to have a PS. If you have,then it is nice but those who do not have it,can download it.There are many trial versions available across the net.

Step Two:
Open Photoshop. Go to File and click on New Option.

[It will get you a sheet to work on.]

Step Three:
A dialog box will appear. Set all the things there as needed for a banner.

[Here are the settings to get a correct working sheet.]

Step Four:
You working sheet will appear in the working area. To color the background (Optional) , select the Paint Bucket Tool from the tools section and also the background color.

[It will color the entire banner sheet.]

Step Five:
After having selected the tool,click on the banner. You will see that your banner is filled with that color.

[It will turn out like this.]

Step Six:
Go to File > Open and browse the pictures you want to be added in your banner.

[Do you really want to know consequences of this?!LOL]

Step Seven:
Select Crop tool to crop your image (Optional).

[It will crop your image.]

Step Eight:
Selecting the crop tool, drag the tool up to where you want to crop the picture. Click on the 'Tick' sign to crop it.

[It will finalize the cropping.]

Step Nine:
Go to Image > Image Size to resize your image according to your banner.

[It is mandatory or else your banner will not have desired look.]

Step Ten:
A dialog box will appear like this.

[It will vary because your image will be of different size.]

Step Eleven:
Set the height to 90 pixels and check box 'Constrain Proportion'. Leave the Width section untouched.

[Constrain proportion will make the width corresponding to the image's height.]

Step Twelve:
The image will turn out like this.

Step Thirteen:
Select the Move Tool from the tools section to drag the picture to the banner.

[Don't say,you don't want to add pictures in your banner!LOL]

Step Fourteen:
Drag the picture to the banner sheet you have made.Adjust its position.

[Adjust the image as per you want.]

Step Fifteen:
Resize all other pictures which you want to add in your banner.

Step Sixteen:
Drag them too to the banner and adjust their positions.

Step Seventeen:
If you want to save your incomplete banner,maybe when you got some work in middle of working on banner, press Ctrl + S to save it. Don't forget to set the format to .PSD . (Optional)

[.PSD format retains all the layers so that you can work on all the layers after you open it again.]

Step Eighteen:
Now select any layer and press Shift + Ctrl + E to merge all the layers into one.

[Merging is done to apply additional effects for ease or else going on each layer and applying the same thing would be wastage of time.]

Step Nineteen:
Now Comes the Extras section.
Go to Filter > Blur > Smart blur.

[It cleans your image.]

Step Twenty:
Such a dialog box will appear. Set everything as per your choice.

[Don't set the settings too low or too higher or your banner will look blurry.]

Step Twenty One:
Go to Image > Adjustments > Brightness/Contrast.

[It brightens your picture and also sets the contrast of the colors.]

Step Twenty Two:
This dialog box will appear. Set brightness and contrast as per your own choice.

Step Twenty Three:
Go to Filter > Sharpen > Sharpen.

[It sharpens your picture.]

Step Twenty Four:
Select the Type tool to add text on your banner.

Step Twenty Five:
After typing,it would appear like this.

You are done. Now,save it in JPEG/PNG format.
Here's the banner:


~ You can use clone stamp tool for ultra finishing of the pictures on the banner.
~ There are many more filters and options available to add nice effects to the banner.


So,pal,did you get success in making a banner? I think now you can really make a good banner. Don't forget to explore other thingies in PS because it is an ocean and who knows what is 'NOT' down there. EmbarrassedLOL

If you have any query regarding this,feel free to ask.


Special thanks to Aahaana for granting the permission.

Ms. Bholi Bhali for the original tutorial
Creators for the dividers


Edited by Abhishek_King - 15 September 2014 at 5:22am

The following 148 member(s) liked the above post:


kiminonawa IF-Rockerz

Joined: 18 May 2014
Posts: 8551

Posted: 28 June 2015 at 1:57pm | IP Logged


First Tutorial Link:-How to make an animated gif without Photoshop? 

Second Tutorial link:How to make a blinking text effect without Photoshop ?


Okay,Hi !

So,basically this is a tutorial for the people who don't have PHOTOSHOP and wanna make a banner for the contests or anything,like FF's or whatever !!

The tutorial is in "Fotor Banner maker"

(If the link is not working then go to http://banner.fotor.com)


Step 1:

Open Fotor Banner Maker,and choose a size.

Usually the size for banner in IF is 728*90,so I've chosen it :)

Step 2:

After clicking on 'Start Now' something like this pic will appear.

What you need to do is click on 'computer' in the side,and choose an appropriate picture for your banner.

Step 3:

After opening the pic from your computer or any site,the pic will appear on side.

Drag it to the place you want,and adjust the size.

You can adjust the size by the sign opposite to cross,or where "size" is written.

Close the bar by clicking the other cross.

Step 4:

Open another image and do the same.

But this time you need to even ERASE the boundaries.kay?

This can be done by clicking on the eraser option.

Step 5:

Your banner will look something like this in the pic.

I have made it quickly just for showing you,but despite that,your banner can look quite amazing :P

You can decrease the capacity of eraser to make it look more real.

Step 6:

Now you can add text,choose an appropriate font as well :)

Ok I am done with it XP

I hope it can work out !

If any queries or probs you can always pm me,

or view my gallery and comment there.

I hope it can help you.

After Giving effects in "Photobucket" the banner may look like:



Edited by Rhea_13 - 28 June 2015 at 2:18pm

The following 22 member(s) liked the above post:


.StarryPhoenix IF-Veteran Member

FF Graphicer Head
Joined: 11 April 2009
Posts: 34853

Posted: 29 June 2015 at 12:46am | IP Logged

Edited by .StarryPhoenix - 06 September 2015 at 1:02am

The following 5 member(s) liked the above post:


  • Page 1 of 1

Go to top

Related Topics

  Topics Author Replies Views Last Post
~* Tutorial: How to Upload Pics from Mobile *~

2 3

Author: Black_Angel   Replies: 19   Views: 2623

Black_Angel 19 2623 15 December 2014 at 9:45am by Black_Angel
Trouble's Junk #1|#Preview&Tutorial:Pg138

2 3 4 5 6 7 ... 149 150

Author: Trouble.   Replies: 1195   Views: 28810

Trouble. 1195 28810 01 September 2013 at 8:28am by Myra.
Tutorial: How To Make An Avatar

2 3 4 5 6 7 8

Author: *Rashmi*   Replies: 59   Views: 114154

*Rashmi* 59 114154 19 November 2009 at 5:27am by A-N-S-H-I-K-A
Glitter border tutorial for PSP 7

2 3 4 5 6 7

Author: Tumhari_Khushi   Replies: 50   Views: 16532

Tumhari_Khushi 50 16532 04 January 2009 at 4:41am by mariasrk
~Tutorial- how to put sparkles...~

2 3

Author: Soniya_89   Replies: 16   Views: 4397

Soniya_89 16 4397 02 January 2008 at 6:15pm by Quinn101

Forum Quick Jump

Forum Category / Channels

Disclaimer: All Logos and Pictures of various Channels, Shows, Artistes, Media Houses, Companies, Brands etc. belong to their respective owners, and are used to merely visually identify the Channels, Shows, Companies, Brands, etc. to the viewer. Incase of any issue please contact the webmaster.

Popular Channels :
Star Plus | Zee TV | Sony TV | Colors TV | SAB TV | Life OK

Quick Links :
Top 100 TV Celebrities | Top 100 Bollywood Celebs | About Us | Contact Us | Advertise | Forum Index