How to create a simple advertising banner in GIMP without a designer?

You have a banner to make - for a website, for social media or for print - and the designer is busy, expensive, or you simply want to try it yourself. Good news: a simple, clear banner really can be made in free GIMP, without years of practice. The secret is not a thousand effects, but a few rules we will walk through step by step. Grab a coffee, open the program and start with us - you can do this.

Before you click anything - decide the goal and the place

This is the most important step, and most people skip it and then start over. Before you open a new document, answer one question: where will this banner appear? Because a banner for a website and a banner for print are two different worlds - and you set them up differently from the very start.

Web banner - think in pixels

If the banner is going on a website, a shop or a social media profile, you give its size in pixels. Check what size the destination expects and enter that. Screen resolution is the standard 72 dpi - no need for more, because a screen will display it anyway. In GIMP you choose "File" - "New", enter width and height in pixels and confirm. You have a blank canvas in exactly the shape the banner will be seen in.

Print banner - think in millimetres, bleeds and 300 dpi

If the banner is going to be printed - as a poster, roll-up or larger medium - the rules change. You give the size in millimetres, set the resolution to 300 dpi (so the print is sharp), and add bleeds to the format, that is 3 mm of spare on each side that the print house trims off. Thanks to bleeds, no white strip is left at the edge after cutting.

How to choose the size, bleeds and resolution for a specific format is explained more simply in our help on preparing files for print - it is worth a look before you set up the document. And if you are thinking about a ready print, take a look at our advertising posters - they will suggest what format makes sense.

One message and a clear hierarchy

A banner is not a flyer. No one will read it sentence by sentence - they pass it in a second, scroll past it or see it from across the street. That is why one rule reigns: one banner, one message. You choose the single most important thing to say and one action you encourage - one strong headline and one clear call to action like "Order", "Check", "Sign up". If you are trying to fit three slogans and five benefits, you are making a flyer, not a banner. The empty space around the text is not a loss - it is breathing room that lets the message be read at all.

Once you know what to say, arrange it so the eye knows where to start. The most important thing should be the biggest, the less important ones - proportionally smaller. A proven order, from most to least important:

1. Headline - the biggest, bold, catching the eye first. Your main thought.
2. Subtitle - smaller, completing the headline with one sentence or a concrete detail.
3. Call to action (CTA) - a button or highlighted line that says what to do next.
4. Logo - usually in a corner, small but legible. The signature of who stands behind it.

When you look at the banner from a distance and see first the headline, then the CTA, and last the rest - the hierarchy works. If everything shouts equally loudly, it means nothing shouts.

Readability from a distance - a test you do with your eyes

A banner has one job: to be read quickly and from afar. Before you polish the details, take care of three things that decide whether anyone reads your message at all.

• Strong contrast between text and background - light text on a dark background or dark on light. Grey on light grey leads nowhere.
• A simple, legible font - sans-serif, clear, without ornaments. Fancy, handwritten fonts look pretty up close and vanish from a distance.
• Few words - the greater the distance the banner has to work from, the less text. A few words you can see beat a sentence you cannot.

There is a simple test: step back from the screen to the far side of the room, or squint. If you still read the headline without effort - good. If you have to stare, improve the contrast, enlarge the text or shorten the slogan.

Colours and background - on brand

Choose two, at most three colours - ideally the ones from your logo or company identity. That way the banner instantly looks like part of your brand, not a random graphic. Let one colour be the base or background, the second an accent (for example on the CTA button), the third at most a supplement. You can build the background in GIMP in three ways:

• A solid colour - the simplest and safest. You fill the background layer with one colour and the text immediately has a calm place.
• A gradient - a gentle transition of two colours. It adds depth and still does not disturb the text.
• A photo - striking, but it needs care. Under the text it almost always has to be darkened so the letters are legible.

If you go for a photo, add a semi-transparent dark layer over it - in GIMP that is a new layer filled with black at reduced opacity. Text on such a background suddenly becomes legible, and the photo is still visible. This is one of those tricks that instantly make a banner look professional.

Working on layers - the heart of the job in GIMP

Here is all the magic and, at the same time, the thing that means you do not have to be a designer. Layers are like transparent sheets stacked one on another - on each one you keep a separate element. You can move the text without touching the background, or fix the logo without ruining the rest. Nothing sticks together permanently. A simple layer setup, from bottom to top:

1. Background - colour, gradient or photo. The lowest layer.
2. Graphic - the optional photo darkening, shapes, decorative elements.
3. Text - headline, subtitle, CTA. Each larger text is best on its own layer.
4. Logo - at the very top, so it is always visible.

You add text with the text tool (the "A" icon in the toolbox): you click on the banner, type, then select and change the font, size and colour in the tool options. Each click creates a new text layer - and that is a good thing, because you will move the headline separately from the CTA. Finally, take care of alignment: GIMP's alignment tool lets you centre an element or line it up evenly with an edge. A few elements on one line instantly look orderly.

Export - a different file for the web, a different one for print

When the banner is ready, all that is left is saving it in a format the destination understands. Watch out: in GIMP "Save" creates a working file (.xcf) with the layers - great for further editing, but useless for a website or print house. You create the finished banner through "File" - "Export As".

For a website and social media you choose PNG (when you have sharp edges, text, a logo or need a transparent background - the image is clean and crisp) or JPG (lighter, good for banners with a photo background, when you care about a smaller file). For print, PDF is the safest - just make sure the document had 300 dpi and bleeds from the start, and that the text is embedded in the file. The details of what to watch for with print files are gathered in our guide on preparing files - a few minutes of reading saves an hour of corrections.

The most common mistakes - and how to avoid them

To finish, a short list of things that spoil even nicely started banners. Run your eye over it before exporting and you will avoid most slip-ups:

• Too much text - the most common sin. A banner is a slogan, not a paragraph. Cut without mercy.
• Weak contrast - the text blends into the background. Check it with the distance test and fix it before it is too late.
• A blurry logo - dropped in small and enlarged by force. Always use a good-quality logo and rather shrink it, never stretch it upwards.
• No margins - text and logo pushed right to the edge look cramped, and in print they may get cut off. Leave a margin of breathing room around everything.

If you are starting from scratch and want to get to grips with the tools first, take a look at our post on GIMP for beginners and tools for advertising materials - there we explain, one by one, what each thing is for.

Summary - you really can do this yourself

A simple advertising banner is not magic for the initiated. Set the document up correctly (pixels for the web, millimetres and bleeds for print), stick to one message, build a clear hierarchy, take care of contrast and work on layers - and then export in the right format. That is all. Your first banner may take about an hour, the second one twenty minutes. And when the moment of printing comes and you are not sure of the file settings, simply get in touch - we will help so the print comes out exactly as you imagined it.