Photography Infographics

This is my final research post. I decided to get them all out of the way now as I will be busy with other assignments and exam preparation from next week onwards. I was going to do a post on the process of creating an infographics but felt my priority would be looking at other photography infographics to get some ideas. I will comment my opinion on them.

I feel this infographic has too much going on at the top, and little going on at the bottom. The colour layout is basic which gives me the impression it is informative. I like how they have describes the aperture, shutter speed, and iso. There are minimal words and I get an understanding of what they are trying to communicate through the pictures. The writing for shutter speed and aperture is too small for the viewer. The font used to write is hard to read.

I feel the colour scheme is not appropriate. It is too colourful which distracts me a little bit from what the image is trying to communicate. This infographic is boring as it hardly has pictures and uses timelines and words to inform the viewer. I however do like the concept of having the timeline like a camera film with arrows on the end.
I feel this infographic is very strong. The colour scheme is professional. I do however think the camera should have been a different colour instead of red to make it stand out a little bit, as well as the images. The writing is too small to read and too narrow. I like the way they have used settings to show how the technique works. I want to so something similar.

I feel this infographic is awful. There are so many things wrong. It is too colourful, I feel like I am a six year old at Lollipops play centre. It feels targeted at girls with the use of ranibows, hearts and stars. The camera looks like a poor doodle. WHY IS THERE SO MUCH WRITING? Maybe it is because the person can’t draw (evident through the camera). They have described settings appropriate for the technique however they failed to actually explain the technique.
 like this infographic. I feel the colour scheme goes well together (except the green). The background looks artistic which is relevant to what the infographic is showing. I LOVE the layout and want to do something similar. The illustrations are simple but effective. I was planning on doing something a bit more creative but this has showed me sometimes simple is better. So I will play around with both simple and creative. The illustrations in shutter speed are not very relevant and are hard to see on the blue. The white balance is where the infographic fails. They fail to show what white balance does. They only communicate the different types available.

nother terrible and boring infographic. Sure it gets all the infomation across but I’d much rather prefer to look at an infographic with visuals than a heap of words. However a good job was done on having a professional colour scheme.

Let’s start off with the bad. The colour scheme looks like ironman made this. According to the culture of colour these colours are associated with warmth, power, anger and love. That has nothing to do with photography? the lightening bolt for aperture has no purpose but a beginner wouldn’t. I get they are trying to say it is to do with light but why not use a light bulb or the sun? Onto the good. I love the fact they have used different objects to associate speed. It gives a humor and light hearted feel while being informative. The mountains on the exposure are cool but do they serve a purpose? not really. The ISO doodles aren’t very relevant as we are doing photography not music. However the message is still clear. They have done this infographic in a unique way which works. There is little writing which is good as we are able to visually see what each technique does.

Which Infographic is your favourite and why?


Illustrator Techniques

1. Aperture

For my Aperture part of the infographic I need to show the different openings of the camera lense; large, medium and small. To do this I need to;
– Show rulers. View -> rulers -> show rulers
– Draw a polygon from the center out (alt+shift) and lock it
– Draw a curved line using the pen tool starting at one of the polygon’s corners and following the side wide out. Use no fill and a stroke colour.
– Rotate the curved line around polygon’s center point (alt + click}
– When promoted with a rotation menu enter 60 in the angle box and click copy
– Zoom in and using the scissor tool cut the path at the intersection. Delete the top section of the original line (the part in the polygon)
– Select the top anchor points of both segments using the direct selection tool and join them using ctrl+j
– Create another curve to form a triangle using the pen tool. Click on one point and hold alt while clicking on the second point.
– Select the tool and rotate it while holding alt and clicking in the center point.
– Enter 60 in the angle box and click the copy button
– Hit ctrl+d 4 times to create a circle of triangles.
– Turn the strokes into fills. Object -> expand -> stroke -> ok
– Select the stroke and using the pathfinder tool click unite.
– Draw a circle smaller than the shape just created while holding shift+alt
– Select both the circle and the shape. Select the shape builder tool. Hold down alt and hover over parts needing to be removed. When the selection indication pattern is shown click once.
– Remove the outside lines first, then inside, followed by the polygon (unlock first) in the middle.

2. ISO

For my ISO part of the infographic I need to create a range of noise on the images created. To do this I can either go effect -> texture -> grain. Or effect -> artistic -> film grain.

3. White Balance

These images will be created using the pen tool, direct selection, pathfinder and shape builder.

4. Shutter speed

The first image will be created using the tools mentioned above. The following images will need to be blurred slightly and duplicated to show movement. To do this I need to go effect -> blur then pick the appropriate blur.

5. Exposure

Exposure will be difficult to create. However I am thinking of having three boxes created using the rounded rectangle tool. Having a blue house in each setting.
– over exposed; light blue house, white box
– correct exposure; blue house, grey box
– under exposed; dark blue house, black box

Colour Scheme

Colour scheme is an important factor to consider when making an infographic. To make my job easier I have decided to research into this now so when it comes to making everything I have my colour scheme and palette all sorted out. Colour is used to tie information together, clarify information and capture/guide a viewer’s attention.

I know the image above was used in the tutorial slideshow but I feel it accurately portrays everything needed to make my choice. It is best to view it in full.
According to this colour wheel I need to use the following colours
blue; art/creativity, cool and intelligence
black; intelligence
white; intelligence
orange/yellow; warmth

I need the warm and cool colours when describing my techniques. This is explained in my photography techniques research post. I need to communicate the idea of art and creativity as that is what manual photography is. How could I create a successful image without portraying the roots of photography somehow? Finally, intelligence needs to be communicated as I am teaching the viewers how to do something. This will help them to trust the information and treat it as credible. I however want to incorporate a grey as I feel it goes well. It is used to create balance which works well.

Based upon this research I need to find a cool colour scheme including white, blue, black and grey. I feel purple could work in here too. It has no negative connotations. This would I have selected a few and pasted images below. Which do you think would work best?

1. (first colour on the right is white)

Types of Infographics

Before I can begin my infographics I need to research what types there are and pick a type I want to pursue. There are eight types of infographics.

1. Visual Article; takes a lengthy piece of writing and makes it visual. Needs a strong title to be successful. The viewer is engaged by the header. The content must be varied, interesting and plentiful to avoid disappointed readers.


2. Flowchart; Answers a specific question by giving choices to the reader so they reach the right answer for them. They are simple, light hearted, and can be humorous. Simple is better as clutter is off-putting to the audience.  However numerous options are needed to avoid viewers feeling forced into categories.


3. Timeline; Made up of chronological dates that are visualised making an interesting shareable graphic. It takes the user on a journey and can be simple or complex.


4. Useful Bait; Explain something or answer a question by visually showing how to do it. This is infographic has a usability preference over design. Content has to be strictly relevant to the topic at hand.

5. Versus; Compares two things and places them in a side-by-side comparison to visually view the differences. Design is important when working with lots of data. Similarities need to be mentioned to give audience the full scope.


6. Number Porn; An infographic containing impressive numbers/statistics to visualise. Made up of charts and numbers. Design is needed to support the data.

7. Photo; Use photos to visualise the content or story. Offer a unique design to helpfully explain something using real life photos. They can answer a question or guide the reader through visuals or text.


8. Data Vis; Turns information into an appealing and creative visual. The focus is on design.


Sites used;

Based on my research I feel my infographic will be a Useful Bait infographic. This is because it will show the viewer the techniques required to take a successful manual photo. There will be elements of timeline and visual when describing each tecnique.

Photographic techniques

To successfully communicate to the viewer how to take a manual photograph. I myself need to understand and have a sentence to describe the process. I am going to research the definition of each technique involved, included photographs showing the process and explain the processes.

1. Aperture

When the shutter release button is hit to take a photograph a hole opens up allowing the camera image sensor to catch a glimpse of the scene you are capturing. The aperture set impacts the size of the hole and the light that goes into the image. The larger a hole the more light let in, the smaller the less light.  Aperture is measured in f-stops as shown below.

Aperture Diagram
When increasing aperture shutter speed must be decreased to allow light in, and vice versa. A large aperture is associated with small f/stop numbers, and a smaller aperture has a large f/stop number.

Aperture also allows for depth of field. A shallow depth of field is achieved using a large aperture (small f/stop number), and a large depth of field using a small aperture (big f/stop number). I however will not be exploring DOF indepth.

My images will be similar to this. 

2. ISO

ISO measure the sensitivity of the image sensor. It is measure in numbers, the lower the number the less sensitive the camera is to light, creating a fine grain. High ISO is used for darker settings to get faster shutter speed, however noise is created in the shots.

In the image below there is a low 100 ISO and on the right a high 3200 ISO.


I am thinking of doing something similar to the above image for my infographic, however illustrated obviously.

3. Shutter Speed

Shutter speed is basically the amount of time the cameras shutter is open, allowing the image sensor to “see” the scene awaiting capture. It is measure in seconds, or fractions of seconds. The bigger the denominator the faster the speed. For example 1/320 is faster than 1/60. On a slow speed (1/60 or lower) the camera is prone to shake and therefore a tripod is needed. A slow shutter speed is good for sports and movement shots, while a fast is good for still shots.

An example is below

For my image I am considering doing something similar to the below. A timeline showing numbers and the appropriate setting/what the shot will look like.

4. White Balance

White balance is adjusted to get the colours in the image accurate as possible. At the naked eye the scene can look normal however images have different sources of light with a different colour or temperature to them. This ranges from very cool light blue to a very warm candle colour. So for a blue setting, you would use a warm setting. For a yellow setting, you would use a cool setting.

The preset white balance settings are as follows;

  • “Auto – this is where the camera makes a best guess on a shot by shot basis. You’ll find it works in many situations but it’s worth venturing out of it for trickier lighting.
  • Tungsten – this mode is usually symbolized with a little bulb and is for shooting indoors, especially under tungsten (incandescent) lighting (such as bulb lighting). It generally cools down the colors in photos.
  • Fluorescent – this compensates for the ‘cool’ light of fluorescent light and will warm up your shots.
  • Daylight/Sunny – not all cameras have this setting because it sets things as fairly ‘normal’ white balance settings.
  • Cloudy – this setting generally warms things up a touch more than ‘daylight’ mode.
  • Flash – the flash of a camera can be quite a cool light so in Flash WB mode you’ll find it warms up your shots a touch.
  • Shade – the light in shade is generally cooler (bluer) than shooting in direct sunlight so this mode will warm things up a little.”

    An example is above.

    For my illustration I want to do something similar to the above. However it would not be in chart format. I want to use the appropriate symbols and colours associated with it. But underneath have a heading appropriate scenes with little images.

5. Exposure

Exposure is set by ISO, Shutter Speed and Aperture. This determines how bright or dark an image will be. This is shown below. It is easier to understand while viewing.

The exposure can be adjusted on a timeline of -2 to +2 on the camera to get the right setting. For my image I want to communicate this idea similar to the image below.