• A beginners guide to creating a web advert

    A beginners guide to creating a web advert

    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.

    Screen Shot 2016-02-21 at 11.43.14
    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

    Screen Shot 2016-02-21 at 11.44.35

    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.Screen Shot 2016-02-21 at 11.44.35

    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)Screen Shot 2016-02-21 at 11.44.35

    Screen Shot 2016-02-21 at 11.44.46Now 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.Screen Shot 2016-02-21 at 11.45.25Screen Shot 2016-02-21 at 11.45.49




















    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.

    Screen Shot 2016-02-21 at 11.54.17
    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.Screen Shot 2016-02-21 at 11.54.17


    And that’s it. Go to file> export > save for web

    Screen Shot 2016-02-21 at 11.55.48


    Another box will appear and make sure you select jpg and done!
    Screen Shot 2016-02-21 at 11.56.03






    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.

    monno logo


















    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.
    Screen Shot 2016-02-21 at 11.45.49 Screen Shot 2016-02-21 at 11.52.33 Screen Shot 2016-02-21 at 11.54.17 Screen Shot 2016-02-21 at 11.55.40 Screen Shot 2016-02-21 at 11.55.48 Screen Shot 2016-02-21 at 11.56.03 Screen Shot 2016-02-21 at 11.56.18



    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!








    Leave a Reply

    Your email address will not be published. Required fields are marked *

    Top 5 Skin Care Tips

    Learn how to treat your skin right! Download a copy of my Top 5 Skincare Tips!