How to Make a 125 X 125 Banner Ad


A small banner ad is one of the commercial mainstays of the internet. It is present in some form or other in the vast majority of websites. Because of size constraints, the small banner can communicate only one core message. But it has the potential to communicate that one message extremely well. Even if you have never made a banner before, you can download a trial version of Adobe Photoshop and get to work.

Things You'll Need

  • Adobe Photoshop
  • Go to the File menu in Photoshop and create a new file. The dimensions of this file should be 125 X 125 pixels. The resolution should be 72 pixels per inch, and the color mode should be RGB.

  • Use the "Text" feature in the toolbox to write out the core message of your banner. You should be as concise as possible, since this banner size is quite small.

  • Change the size, color and font of your text from the options pane that appears under the menu bar.

  • Open the file that contains the artwork for your background image in the banner. Select the parts that you wish to use with the selection tools in the toolbox. "Quick Select" and "Rectangular Marquee Tool" are helpful for this.

  • Go to the Edit menu and click on "Copy." Go back to your banner file and back to "Edit," and click on "Paste." This creates a layer in your banner containing the artwork.

  • Right-click on this artwork and click on "Free transform" to edit the size, shape and orientation of your pasted art.

  • Go to the "Layers" window and drag the text layer so that it's positioned above the image layer. The layer above will always show up in front of the layer below.

  • Select any layer that you wish to further edit and make changes. You can move elements around by using the "Move" tool in the toolbox or by using "Free transform."

  • Go to "File" and click on "Save for Web & Devices." Save your banner as a JPG.

Tips & Warnings

  • A 125 X 125 banner is very small. Make sure that you are trying to communicate only one core message.
  • Don't crowd your layout. Keep things simple.

Related Searches


  • Photo Credit bouquet in peach vase art image by robert mobley from
Promoted By Zergnet


Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!