Creating you’re own advert for web can be super easy if done correctly.
When creating artwork for web, your set-up is key. For this tutorial I will be using photoshop, as this is one the programmes I use on a daily basis.
Open up photoshop document. Click document File > New
Now a dialog box comes up which can be a bit intimidating if you don’t/rarely use photoshop. It’s fine all its asking for is to name your file, what size you want it, the resolution and if you want RGB or CMYK
File name: MPU (or whatever you want to name it)
Width X Height: 300 X 250
This is a rough guide and may vary slightly, depending on who you’re placing your advertisement with.
Colour mode: RGB
RGB is the colour set-up for screen. CMYK is colour set-up for print.
Resolution: 72 or 150
(72 is better as you want your image to load quickly, the bigger the image/resolution the longer it will take to load)
Now your document is set-up, it’s the fun part! Depending on what your MPU for, maybe you want to highlight a certain offer or create it to advertise on someone else’s blog.
I’m going to show you how to create one to advertise you’re own blog.
Depending on what you want to focus on your design may differ. However there are some key things I want you to focus on.
What is your brand identity?
Do you have a promotion?
A certain aspect of your blog you want to highlight
If you missed my previous post about adverting for web, check it out here.
Now when designing you will want your advert to reflect your blog style. This includes imagery, type, colour scheme, logo. The reason for this is that your blog is easily recognised. You may be starting out or you may have been blogging for a long time.
For the sake of this post, I’m going to create a very basic advert with just a logo and text. If you want to change the colour of your background. Go to rectangle shape tool > fill select the colour of your choice. And then draw the shape to fill the background.
Now it’s time to add your logo. Go to File > place linked file And place and scale to how you like to position it. Make sure you scale it correctly by holding down the shift key. This is so it does not distort. You can also use this step to add a image of your choice.
Adding text, go to your tool bar again and click the T (text box) draw your text box and simply type in what you want to say. I’ve put how to make a web advert. Highlight all the text and go to the top tool bar and you can choose the font, size , colour etc.
And that’s it. Go to file> export > save for web
Another box will appear and make sure you select jpg and done!
You now have a fun MPU to advertise your wonderful blog or website! Obviously this is just the basic steps to creating an MPU and there is so much more you can do with your advertising space. Try experimenting with different tools and what works best for you.
I hope you found this helpful! Please leave a comment if you have any questions or have you’re own tips to share.
Moving onto to text, keep it short and sweet. Less is more, that’s why simplistic blogs and websites do so well and they’re not overwhelming, clear and direct.
And this is the finished advert. As you can see I’ve kept mine very basic and simple, but you can get creative and try out lots of different styles and techniques!