Creating simple blog graphics

Today I invite Amy from @noiseinwonderland to share some easy graphic creation knowledge this #TECHTUESDAY

I started following Amy on Instagram earlier this year and am always blown away by her vision and how her blog content stands out with simple and easy to create graphics So I reached out to Amy and here is her little guide on how to create the graphic below.


As a blogger, we take on many roles; we’re writers, editors, photographers, admin assistants, and sometimes even amateur graphic designers. Putting together a blog and all its content has so many different components, most notably written and photographic. But sometimes a certain post may not really lend itself to any type of photograph, or maybe you want to switch up things a little bit and present products you’re talking about in a different way, that’s where creating graphics can come in handy. Putting together something pretty might look difficult, but truth be told it’s actually super simple to do.

For this post I’ve put together a little graphic of all my favourite foundations (which may or may not be a new post coming to my blog soon; you heard it here first), to run you through, step-by-step, how I put graphics like this together. I‘m certainly no expert what-so-ever when it comes to this area, and there are probably various ways to create what I have, but I’m going to share the process that has always worked for me.

  1. Set up a Word Document

I like to create my graphic just using a simple word document. As I mentioned, I’m sure there’s other ways to do it, potentially even easier ways, but this is what I’ve found works for me. When I open a new word doc, the first things I do are set the orientation of the page (portrait or landscape) to suit whatever style of graphic I’m looking to create, and then set the margins to narrow to give me the maximum amount of space to create.

  1. Grab Product Images

To get the images you’re going to need to put your graphic together, head to a website that has what you’re looking. This might be a particular brand, or if you’re like me and creating graphics with makeup, I find Priceline is a good place to start. Go to the product pages of what you need, and then simply take a screenshot around the product image. Often you can click on the image to get a bigger picture to make screenshotting easier. If you’re working on an Apple computer like myself, Shift-Command-4 will give you the screenshottimg option that lets you pick the selected area rather than simply screenshotting the entire screen.

  1. Find Background Content

The component that really makes your graphic pop is the content you choose to put in the background behind the product images. This is an optional step if you prefer to make a more minimal looking graphic, but if you’re looking to add some colour and really catch someone’s attention, considering giving this step a go. As I was doing a foundation related graphic in this instance, I went to Google and typed in ‘foundation spill’. You can also look up things like ‘lipstick swatches’ to find something eye-catching for your background.

  1. Find Some Numbers

When you’re featuring numerous items in your post, you’ll need to number them so it’s easy for your reader to check out the product you’re talking about. I like to type something such has ‘handwritten number’ into Google and see what comes up.

  1. Put it All Together

So you’ve got your product images, some background graphics and your numbers; now it’s time to put it all together. I like to start by placing all my product images on the word document because there are a few steps to follow before they’re ready for you to play around with them. First, right click on the image, find the ‘wrap text’ option and change it to ‘square’; this allows you to unrestrictedly drag the image around anywhere on the page. Next, you need to get rid of the white background behind the image. Click on one of your images, navigate to ‘format image’ and then ‘remove background’. After you’ve done this for all of your products, I like to bring in the background graphics, repeat the above process and then start playing around with layout. Once I’ve got a layout I’m happy with, I’ll drag all my numbers onto the document, repeat the same steps again, and then choose where to place them.

  1. The Saving Process

Now to upload the graphic, usually you can’t just upload your Word document to your blog, generally, the graphic will need to be in a  JPEG format. To turn your word doc creation into an uploadable image, first, save the document as a PDF by choosing such option when saving it. From there, open the PDF you’ve saved, crop the image if you need. Depending on what program your PDF open if you may be able to choose the ‘save as’ option rather than simply just ‘save’. The ‘save as’ option will let you choose what format you save your graphic in, and it’s at this point you choose JPEG. In other cases, you make need to make a copy or duplicate of the PDF (the option to do so is generally found in the top toolbar under ‘file) and then choose to save your copy as a JPEG.

  1. You’re Know Officially an Amateur Graphic Designer

… and that’s all there is to it. Putting together the graphic and finding all the bits and pieces can be a little time consuming, but I also find it super enjoyable and good way to get out of the usual blog creation post routine of simply taking and editing photos.

If you have any other ways that you create graphics I’d love to hear about them. Also, if you do create anything using this method please share a link to your post below so I can check out your wonderful creations. Happy blogging!

Facebook – Noise In Wonderland
Twitter – Noise In Wonderland

My favourite program to create blog graphics is Canva.
Let us know in the comments below if you use different apps or programs.

Stay Dynamic,

0 comments on “Creating simple blog graphics

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: