Banner/Button Tips (For Use with Adobe Photoshop 5 and up)

So, you can't make a good banner or button yet? Well, here I'll share my tips and tricks to making some of the graphics I make.

Step 1: You must have a good graphics program, I recommend you use Adobe Photoshop. You can download a trail version at www.download.com and search for Adobe Photoshop.

Step 2: Find good quality images and cool fonts that you want to use on your banners/buttons. Once you have alot of these, The harder part comes that might be tricky and frustrating at first, but remember not to give up.

Step 3: Open Adobe, then go to file, "New". Select the banner/button size by typing it in then click "ok". NOTE: Make sure the size is in pixels and the mode is RGB Color, not gray scale. The recommended sizes for Top banners is around 780x185 pixels. A standard button (for example, affiliate link buttons) are 88x31 or 88x33. 

Step 4: Go to File, "Open", then find the image or images you want to use on your banner/button. use the selector tool (looks like a rectangle) and right click on the image and select "Select All". This will have the whole image surrounded by a box. If the image is big and you want it smaller, right click again on t he image and select "Free Transform" and use the corner to shrink the image to the size you want. Then right click again and go to edit, "Copy". Now go back to your blank button or banner and go to go to edit "Paste". This will paste that image onto your banner/button and make it a layer that you can move later on with the moving tool (that looks like an arrow). 

Step 5 (for Buttons): Next, put the text on after you have the image where you want it. To make the text, click on the button that has a "T" on it on the tool bar. then click on your button where you want it and a Text editor will come up and it'll have all the text styles you have on your computer. Once you put the text on, add some other stuff to it like an outer glow or a 3D effect. Go to image, "Effects" Then select outer glow, Then another mini editor will come up. In there you can choose what color the glow is and how strong or weak you want it to be. To make 3D text, go to image, "Effects" and select Bevel and Emboss. At the bottom of the editor, you'll see different kind of bevel effects, choose either inner bevel, emboss, or pillow emboss, for 2 cool 3D text effects.

Step 5 (for banners): Put several images on your banner and put then all mixed together where you want them. Next, click twice of the eraser tool button on the tool bar and change the setting to "Airbrush" and change the pressure to about 4. Next, select the layers on top of the other and begin carefully brushing away the border of the image. This will make it look like the whole thing is one image and it won't look crappy. Then add the text on and any other image with the background gone, and your done.

Step 6: Go to file, "Save As" then save the image as a JPEG. A quality chooser bar should pop up next after you save and will ask what level quality you want, for banners choose 8, and for buttons choose 10.

Extra Tip!: To remove the blank background of an image, use the magic wand and click on what you want clear, and go to Image, "Clear", then the background will be clear and you can put the image wherever.