Like most people, I am not very good at the subject of design. To create banners I have a simple trick with which I get decent results.
If you are a designer, don’t keep reading. You’ll want to kill me and you’re probably right. I don’t want to give the feeling that graphic design is easy and that everyone can do it. The average blogger does not usually invest in design because it does not give it the importance it deserves (see who speaks) or simply does not have the resources to make this investment.
Banner DesignFotolia photo rights
It’s been almost 4 years since I proposed a simple way to design a banner without Photoshop. Touch update this because since then I have improved the method a bit. I present a simple way to create a banner for your blog without having advanced design knowledge, obtaining a more or less acceptable result (according to my own criteria, of course …).
1. Choose a striking photo as the basis for the design:
You can compensate for the lack of talent to design decent banners using a good photo as the basis. Ideally, images with children, people or animals. In my case, I have chosen the photo of a young girl with a striking hairstyle and red background. As you know, I have a supplier to Fotolia but you can also use photos licensed by Creative Commons using eg Flickr or directly the advanced search for Google images.
Yesterday on Twitter I was told that the girl in my photo was naked but I am convinced that she wears a top underneath (the photo is approved by my wife so I took a risk 😉 ). Ideally, clean backgrounds because they simplify the design because the text stands out more if placed directly above the image. In my case, I opted for a different version.
2. Add texts and visual elements to the banner
Once we have the photo, now add text. Before you have to put a box on top of the photo so that we respect the dimensions of the banner we want to create. In my case, it is very simple because the banner measures 200 by 200 pixels. The ratio is 1, so I just have to keep in mind that the frame is as wide as it is tall. In the case of having a Robappages of 300 × 250 pixels, the ratio would be 1.2. If you choose a square 24 centimeters wide, it must be 20 centimeters high (24/20 = 1.2).
Keep in mind that we can include only a few words within the space we have available. The text that we put must be put in large print because otherwise, it will not look good once we adjust it to the smaller dimensions of a banner. The error of overloading the banner with information must be avoided. Its main objective is to attract attention and generate interest. At a visual level, different font sizes may look good as shown in the example below. We must also add a call to action like the one seen in the orange box.
3. Cut the image to obtain the appropriate dimensions
When you have designed the banner in Powerpoint and have achieved a design that you like, you have to take the next step. Now copy all the elements and paste them into a program that allows you to save in the appropriate format and change the dimensions. I like XnView for its simplicity.
Once you have copied everything you paste now with “Edit / Import from clipboard”. The next step is to make the short leaving the box outside so that it is not seen inside the banner. Then you go to “Image / Resize” to put the pixels that fit the banner format (in my case 200 by 200). The last step is to save the images in PNG format. In JPG banners can lose resolution and have a kind of “dirty” aspect especially in the part of the letters.
Now all you need is to upload the banner to your blog. I already explained that to you in a post more than 1 year ago: How to create a self-promotion campaign within your WordPress blog
I hope it has been useful to you. Obviously, you can do many more cool things especially if you master Photoshop and these things. But well, somewhere you have to start …;)