Brief 2 WIP


Images for the Method:

So I have completed the rest of my graphics for the seven step method. I have taken out the ‘borders’ on the side because as I was creating the ingredients, I realised that the white was not as easily seen with the light grey as the background. The next post I upload will hopefully be my final inforgaphic!

Screen Shot 2015-06-04 at 11.16.11 pm



Creating the graphics for all the ingredients:

I have created all the ingredients you will need to make the pancakes and tried to make it clearer what they all are by using a few one or two words. This was only because ingredients such as baking powder and sugar are hard to distinguish from other substances.

Screen Shot 2015-06-04 at 11.15.05 pm



Screen Shot 2015-05-29 at 8.43.34 pm Screen Shot 2015-05-29 at 8.43.09 pm

I started on my basic layout by using the shapes tool and adjusting/distorting parts to create what I wanted. I originally wanted to put a spoon and fork on each side however realised this would not work in the space I had available. I downloaded a font from called ‘Carrington’ as I feel like it fits the ‘recipe’ type of look and is elegant yet legible. I decided with just using the word ‘Pancakes!’ as I feel as though ‘How To Make Pancakes’ would have been too long and it is obvious with the rest of the image (when it’s done) that it will be how to make them. I then went on to create the stack of 7 pancakes for each step. I did this by placing an image of the pancake stack I got from and used this as a guide. I used the pen tool to go around each pancake and rounded the edges. I made each pancake a different colour to co-ordinate with each step. I am planning on making the images for each step in the same colouring as the step it goes with. I am still playing around with the idea of taking out the rectangles on each side but I want to see how the step-by-step images will look with and without it first before I decide.


Screen Shot 2015-05-31 at 11.30.51 am Screen Shot 2015-05-31 at 11.31.08 am

Once I had completed the pancake stack and the toppings I added in tiny indicator lines just in case it is not clear which step goes to what pancake. With the colour scheme, the basic colours I ideally want to keep with the shades of yellow/browns (as these are the colours of pancakes) and with white/black. I do not want to make it too complicated with extra colours. I did try a few different coloured background base colours, however I ended up keeping with the grey (only slightly lighter) just to make the baker’s hat, plate and pancake stack really ‘pop’ and contrast well.


Screen Shot 2015-05-31 at 11.37.40 am A8-01

I have also just completed the smaller infographic by using two of the stack of pancakes, the toppings and just simply ‘Pancakes!’ in the same font. I used the ‘type on a path’ tool to make the title curve in a similar way to the pancake’s edge.


Finding images on Flickr:
(…and I’ve decided on a layout)

So I have decided to use my THIRD layout idea to start off my infographic as it was the most popular and could really do well to effectively show this process as well as being visually appealing and unique.

To begin, I went onto Flickr in the ‘all creative commons’ section and found some images that might be helpful in completing my images for my infographic. I may use the following…

Screen Shot 2015-05-28 at 9.25.12 pm

Screen Shot 2015-05-28 at 9.29.35 pm

Screen Shot 2015-05-28 at 9.29.39 pm17156847471_76ee22a5ff_z


Draft Layouts/Concepts:

These are some very rough ideas of what I might start off with for my infographics layout…

In all of these ideas I would like to further develop how I show the measurements of the ingredients. Possibly place them in a specific order or way that is more interesting than just listing the measurements. I also want to point out that the squares indicating the steps will probably be larger in the actual, final infographic I do than in the following sketches.


1) This first idea I had was to create a visual in the centre and put the process around this visual. With the infographic being about how to make pancakes the obvious choice for the centre image was a stack of pancakes. This tells the viewer at a glance what the subject of the infographic is. I like this idea but would still have to develop it a bit more.


2) I used the same idea of the stack of pancakes in the centre, however placed the ingredients on the left side of the infographic and placing the steps slightly differently around the main image. I think if I were to go with this sort of layout it will need a lot of work and I don’t think the steps set out this way is as effective in showing a process. I may scratch this option when deciding upon a final layout.


3) In this idea I decided to base the whole process inside the image of the stack of pancakes. I want to make the baker’s hat much larger for the ingredients, though not as large as the pancake stack as I don’t want it to detract from the main message. I think there is an adequate use of whitespace but I’m still unsure exactly how to place the images for each step in each pancake. I will work on how to do this once I decide on what layout I will refine. I think this idea could work out nicely.


4) I followed a basic step-by-step layout in this idea, using the rule of thirds. I feel as though the ingredients are squashed up at the top and would definitely need to find another way to display this information if I were to use this layout as a starting point. Like the last idea I feel as though there is a good amount of whitespace used here however I don’t know whether the baker’s hat is the right main image compared to the stack of pancakes…

WIP Post 1

Selecting A Topic + Recipe:

After considering a few different ideas for what I will do this assignment on, for example “how grapes turn into wine” (which I found to be too complicated) and “how does recycling work” (which I found to be too simple) I have landed on the idea of “how to make pancakes” I feel as though this will offer plenty for visually communicating a process without the use of excessive amounts of text. In class I had asked my tutor for some feedback on this idea before I made a start and then went on to find a recipe.

This is the recipe I think I will use for my infographic assignment. Each of the steps has potential visually and at the end of the process also. I might add in an 8th step just saying something along the lines of “Enjoy with your favourite toppings!” therefore making the infographic more evenly balanced and also giving me an opportunity to show a finished -or a few finished pancakes.

The recipe is as follows:

  1. “Mix flour, baking powder, salt, and sugar

    In a medium-size mixing bowl or large glass measuring cup, whisk together your dry ingredients (or follow directions for premade pancake mix).

  2. Mix milk, eggs, and oil

    In a separate bowl, whisk together the wet ingredients (milk, eggs, vegetable oil, or melted butter) until the egg is broken up (this will prevent overmixing in the next step).

  3. Mix dry ingredients with wet ingredients

    Add the wet ingredients to the bowl with the dry ingredients. Stir them together until you stop seeing flour. Remember to not overmix, which makes the batter tough. Keep a few lumps in your batter to keep the pancakes tender.

  4. Pre-heat the pan or skillet

    Turn your stove to medium-high heat and place a large skillet or griddle on the burner. To test for temperature, sprinkle a few drops of water on the pan. It’s hot enough when the droplets bubble up and evaporate.

  5. Add oil to pan

    Moisten a paper towel with vegetable oil and use it to lightly wipe the bottom of the pan. This will keep the pancakes from sticking.

  6. Pour the batter into the pan

    For each pancake, gently pour 1/3 to 1/2 cup of batter into the pan, using a ladle or a measuring cup. Use a spoon to spread the batter into a circle. Add pancake fillings, like bananas or sliced peaches, in the circles of batter.

  7. Flip the pancakes when the bubbles burst

    Once bubbles begin to pop in the pancake’s center, it’s ready to be turned. Insert the entire spatula under the pancake’s middle. Lift the pancake quickly about an inch off the pan’s surface and flip it over. If you’re making pancakes for a large crowd, place them on a wire rack over a baking sheet (to prevent sogginess), and keep pancakes in the oven on low heat (approximately 200 degrees F to 225 degrees F) until you’re ready to serve.”


    1 1/2 cups all-purpose flour
    3 1/2 teaspoons baking powder
    1 teaspoon salt
    1 tablespoon white sugar
    1 1/4 cups milk
    1 egg
    3 tablespoons butter, melted or vegetable oil

Ingredients from: