Create Banner Using Photoshop in Minutes!

in Photoshop

Adobe Photoshop CS

Creating a banner using Adobe Photoshop isn't that much of a deal. This is a beginner level tutorial and describes a simple procedure for creating a professional looking banner in Photoshop. The entire process can be completed within a few minutes.

Step 1: Getting Started

First of all do a little bit of brainstorming, to create a rough idea about how you want to create banner for your own or client's website. Makeup your mind and open the Photoshop window. Open a new page and set the height and width of the window. I set it to 700x127; it basically depending on your requirements. Name the newly created project, or select the default name.

Photoshop Project

Step 2: Place Images

Now let the creative work begin. Choose pictures for your banner, don't put too much pictures on your banner. Be advised that most high resolution images are copyrighted, but you can search for loyalty free images on internet (mostly thumbnails).

You can cut desired portion of an image with or without its background, as required. Suppose if you want to remove background of the image, look for lasso tool in the tools menu. Use lasso tool for selecting the image (it is pretty much just like cutting a picture using a paper cutter). You can remove extra background through magic wand tool, also found in the tools menu. Now through the move tool place the image in your banner, just drag and drop.

Photoshop Tools

Step 3: Place Text

You can also place some text in your banner. There are lots of text styles available in Adobe Photoshop; you can also create more effects.


If you want to add your own effect then just right click on you text layer and then click on blending option. In the blending menu you can select different option for making your text more attractive.

Photoshop blending

Step 4: Bring Image Behind Text

If you want to place an image behind the text then you should decrease the opacity of the image.

Photoshop Opacity

So that wasn't so tough after all. Here my banner that I made just in 3 minutes.

Photoshop Banner


really helpful for new users

really helpful for new users

nice thanks

nice thanks


i want such more prof banner

For Beginners

This tutorial was for beginners. Hope to write a professional level banner creation tutorial later.

a good tute

A pretty good tutorial but I was confused about the layers and wish you would clarify that more, could you explain? I am new to photoshop.

About Layers

I Photoshop one image can have several layers. For example a banner can have a layer for text, a separate layer for logo and so on. A layer is just like a transparent sheet, in this way several layers can be place over each other to compose a single image. If you want to modify a layered image you just need to select that layer and edit it using Photoshop. In this way the rest of the layers will remain intact and you don't need to modify them.

Layered concept gives graphic designers more control over an image. For example you compose a cartoon character in Photoshop. Now you like to change its hat, just do the changing in layer containing the hat. You can also move layer from one image into another image. Layer are good :-)