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.
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.
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.
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.
So that wasn’t so tough after all. Here my banner that I made just in 3 minutes.
- Add new comment
- 42883 reads
Mon, 05/14/2007 - 17:24
really helpful for new users
Wed, 05/30/2007 - 11:32
nice thanks
Thu, 06/28/2007 - 10:16
i want such more prof banner
Thu, 06/28/2007 - 10:31
This tutorial was for beginners. Hope to write a professional level banner creation tutorial later.
Thu, 07/05/2007 - 00:26
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.
Thu, 07/05/2007 - 06:03
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 :-)
Thu, 01/29/2009 - 12:19
But I would like a tutorial for professinall banners!