How to Create a Climate Change Infographic in Adobe InDesign

Help spread awareness about the effects of global warming with this informative climate change infographic. Easily adaptable to your own choice of facts and stats, this is a great template for creating a unique design.

How to Create a Climate Change Infographic in Adobe InDesign

We’ll set up the layout in Adobe InDesign and prepare it for sharing online, on social media or Pinterest.

How to Create a Climate Change Infographic in Adobe InDesign

Ready to spread the word about climate change? Let’s get started…

What You’ll Need to Create Your Infographic

You’ll need access to Adobe InDesign and Adobe Photoshop to create your design. If you want to create circular pie-chart graphics, you’ll also need to have Adobe Illustrator to hand. In addition, you’ll need to download the following images and font files:

If you want to customise your design with more icon details, you can look at using some of the icons in this line energy setor this environment set.

Once you’ve downloaded the images and installed the fonts onto your computer, you’re ready to dive in.

1. How to Set Up Your Infographic Document

Step 1

Open up InDesign and go to File > New > Document. Choose Web for the Intent at the top, and deselect Facing Pages.

Under Page Size, set the Width to 1800 px*and the Height to 6950 px (you can adjust the height later if you wish by using the Page Tool).

How to Create a Climate Change Infographic in Adobe InDesign

Click OK to create your document.

*Pinterest recommends an image width of 600 px. 1800 px is three times that recommended width, which means that your design will look crisp and clear when later resized.

How to Create a Climate Change Infographic in Adobe InDesign

Step 2

Expand the Layers panel (Window > Layers), and double-click on Layer 1 to open the Options window. Rename the layer Background and click OK.

Click on the Create New Layer button at the bottom of the panel and rename this second layer Photo. Then create a final new layer called Typography.

How to Create a Climate Change Infographic in Adobe InDesign

Lock all the layers except Background.

How to Create a Climate Change Infographic in Adobe InDesign

Step 3

It’s a good idea to create a complete color palette for using across your design before you begin. Here’s how.

Expand the Swatches panel (Window > Color > Swatches), and select New Color Swatch from the panel’s drop-down menu (at top-right).

With the Type set to Process and Mode to RGB, adjust the levels of Red, Green and Blue until you’ve created your desired result. Click Add and then OK.

How to Create a Climate Change Infographic in Adobe InDesign

Repeat this process to create more RGB swatches, building up a full palette. To create the palette used on the design pictured here, create the following swatches:

  • R=251 G=252 B=247
  • R=224 G=110 B=9
  • R=164 G=104 B=13
  • R=118 G=81 B=37
  • R=229 G=35 B=47
  • R=168 G=217 B=232
  • R=83 G=172 B=188
  • R=45 G=4 B=11
  • R=116 G=194 B=206
  • R=47 G=154 B=172
  • R=0 G=127 B=159
  • R=51 G=52 B=80

Step 4

You can also create two gradient swatches by choosing New Gradient Swatch from the panel menu. Here, we can create one ‘Heat Gradient’ and one ‘Flood Gradient’ to create contrasting effects on the design.

For the Heat Gradient swatch, set the Type to Radial and choose Swatches for the Stop Color. Then choose a darker red swatch for one stop and an orange swatch for the other.

How to Create a Climate Change Infographic in Adobe InDesign

For the Flood Gradient swatch, choose a pale blue for one stop and [Paper] (white) for the other.

How to Create a Climate Change Infographic in Adobe InDesign

Step 5

With the rulers visible (View > Show Rulers), drag a guide down from the top ruler, down to Y position 1865 px (you can see this in the top Controls panel).

Drag a second guide down to 3780 px, a third to 4540 px, and a final to 5385 px. This sections up the page, ready for applying our background color.

How to Create a Climate Change Infographic in Adobe InDesign

2. How to Build Up a Background on Your Layout

Step 1

Take the Rectangle Tool (M) and drag across the top section of the page, extending it down to the first guide. From the Swatches panel, set the Fill to a sky-blue swatch.

How to Create a Climate Change Infographic in Adobe InDesign

Create more rectangle shapes, filling each designated section with a color, graduating from pale sea-blue to deep blue towards the bottom.

How to Create a Climate Change Infographic in Adobe InDesign

Step 2

Zoom into the bottom of the page. Use the Pen Tool (P) to draw a rough shape, mimicking the sandy curves of the bottom of the ocean. Set the Fill to a dark peach shade.

How to Create a Climate Change Infographic in Adobe InDesign

Edit > Copy, Edit > Paste the shape, and move it below, covering the bottom of the page completely. Adjust the Fill to a beige shade.

How to Create a Climate Change Infographic in Adobe InDesign

Step 3

Scroll up towards the top of the page.

Use the Pen Tool (P) to draw a straight line across the top guide (beneath the first colored section), and then pull it down and work your way across, creating a jagged illustration. This gives the impression of the underneath of an iceberg.

Join the illustration into a complete shape and set the Fill to [Paper].

How to Create a Climate Change Infographic in Adobe InDesign

Expand the Stroke panel (Window > Stroke), and set the Weight of the stroke to 6 pt and Type to Right Slant Hash, to give the design some texture.

How to Create a Climate Change Infographic in Adobe InDesign

Finally, head up to Object > Effects > Drop Shadow. Bring the Opacity down to 10% and set the Effect Color (by clicking on the colored square next to the Mode menu at the top) to a slightly contrasting blue shade to make the shadow appear subtle and natural.

How to Create a Climate Change Infographic in Adobe InDesign

Click OK to exit.

3. How to Edit the Photo for Your Infographic

Step 1

Head up to File > Saveto save your design, and minimize the window for a moment. Open up the polar bear photoin Photoshop.

Duplicate the Background layer to keep a copy of the image intact, and switch off its visibility.

Then use the Lasso Tool (L) to section off an area around the edge of the bear’s silhouette. The aim is to isolate the image from its background.

How to Create a Climate Change Infographic in Adobe InDesign

Once you’ve selected an area, click on the Refine Edge button in the top Controls panel, and check Smart Radius. Adjust the sliders until you’re happy with the accuracy of the selection, before clicking OK.

How to Create a Climate Change Infographic in Adobe InDesign

Then hit Delete on your keyboard to remove the selection.

How to Create a Climate Change Infographic in Adobe InDesign

Work your way around the whole image until all of the background is removed.

Step 2

The image will look more stylish in the final layout if we convert it to black and white.

Head up to Image > Adjustments > Channel Mixer. Check Monochrome at the bottom of the window, and adjust the levels until you’re happy with the result. Click OK.

How to Create a Climate Change Infographic in Adobe InDesign

Then File > Save As your image as a Photoshop (.psd) file, which will preserve the transparent background and the quality of the image.

Step 3

Return to your InDesign document and lock the Background layer. Unlock the layer above, Photo.

Use the Rectangle Frame Tool (F) to create an image frame over the top of the iceberg illustration and the bottom of the sky-blue colored section.

File > Place, choose your Photoshop image, and Open.

How to Create a Climate Change Infographic in Adobe InDesign

Step 4

With the image frame selected, go to Object > Effects > Transparency, and set the Mode to Hard Light. Click OK.

How to Create a Climate Change Infographic in Adobe InDesign

Then select the image frame and Edit > Copy, Edit > Paste in Place, creating a second copy of the image layered over the top. Head back to the Effects window again, and adjust the Mode to Normal and Opacity to 50%.

How to Create a Climate Change Infographic in Adobe InDesign

4. How to Format Typography for Your Infographic

Step 1

Lock the Photo layer and unlock the top layer, Typography.

Use the Type Tool (T) to create a text frame at the top of the page, and type in the title of the infographic.

From either the Controls panel at the top of the workspace or the Character and Paragraph panels (Window > Type & Tables > Character), set the Font to Charlevoix Pro Bold, Size 140 pt, Tracking 40,and Align Center. Adjust the Font Color to [Paper] from the Swatches panel.

How to Create a Climate Change Infographic in Adobe InDesign

To create a border around the title, click on the text frame with the Selection Tool (V, Escape), and set the Stroke of the frame to [Paper] from the Swatches panel. Then go to Object > Text Frame Options and increase the Inset value (here, to 30 px) until the text is nicely centered in the frame.

How to Create a Climate Change Infographic in Adobe InDesign

You can also create a text frame below the main title for a subtitle if you wish. Set the text inCharlevoix Pro Regular.

Step 2

Create another text frame and layer over the top of the polar bear photo. Type in ‘2050’ and set the Font Color to Heat Gradient. Set the Font to Bebas Neue and make the Font Size very generous (around 600 pt).

You can also adjust the Transparency settings in the Effects window to Multiply, to bring through some of the photo beneath.

How to Create a Climate Change Infographic in Adobe InDesign

Step 3

Create a text frame to the top-left of the polar bear, and type in your first fact. You can of course adapt this to whatever statistic you’d like to present.

Set the Font to Charlevoix Pro and play with the proportions of the text, adjusting the Font Size, Leading (line-spacing), and Font Color to create a hierarchy in the paragraph and pull out key words.

How to Create a Climate Change Infographic in Adobe InDesign

Step 4

You can create ‘pointers’ for items of text by using the Line Tool (). In the Stroke panel, set the Type to CircleSolid.

How to Create a Climate Change Infographic in Adobe InDesign

Add credits for each statistic in a separate text frame, set in a smaller Font Size.

How to Create a Climate Change Infographic in Adobe InDesign

Step 5

You can create arrows by using the Line Tool () and Stroke panel too, though I generally prefer to use the Line Tool to create both the stem and arrow head, allowing me to control the exact proportions of the arrow.

How to Create a Climate Change Infographic in Adobe InDesign

Here I’ve created an arrow to the right side of the polar bear, before setting a statistic in Charlevoix Pro Bold in a text frame next to it. I’ve adjusted the Font Color to Heat Gradient for extra impact.

How to Create a Climate Change Infographic in Adobe InDesign

I continue to build up text around this key statistic, set in more pared-back Charlevoix Pro Regular and a [Paper] Font Color.

How to Create a Climate Change Infographic in Adobe InDesign

Step 6

Once you’ve designed one statistic, you can use this as a model for creating others, by copying and pasting.

Here I’ve pasted the arrow and text frames onto the center of the iceberg section, and adjusted the text content and Font Color.

How to Create a Climate Change Infographic in Adobe InDesign

Once you’re completely happy with the formatting and arrangement of text, you can head up to Type > Create Outlines to vectorise this text*. This allows you to scale the group easily to suit your design.

*Please note, this will prevent you from applying further formatting, like adjusting tracking etc., so it might be sensible to paste a copy of your original text onto the artboard next to the page.

How to Create a Climate Change Infographic in Adobe InDesign

Step 7

You can add icons to your infographic quickly and easily by opening up a vector set of icons in Illustrator, before copying and pasting over individual icons.

Here, I’ve pasted in a weight icon from this scales and rulers set, before adjusting the Fill to an off-white swatch.

How to Create a Climate Change Infographic in Adobe InDesign

Embellish your icon designs with arrows and text, and pull out key figures or words in a contrasting color.

How to Create a Climate Change Infographic in Adobe InDesign

Step 8

You can also create section arrow icons by using the Ellipse Tool (L) and holding Shift to create a small circle towards the bottom of a colored section.

How to Create a Climate Change Infographic in Adobe InDesign

Use the Pen Tool (P) to create a simple arrow shape inside the circle.

How to Create a Climate Change Infographic in Adobe InDesign

Right-Click > Group the elements together to create an icon that’s easy to copy and paste.

How to Create a Climate Change Infographic in Adobe InDesign

Continue to build up statistics down the length of your infographic, varying theFont Colorsfor contrast and interest.

How to Create a Climate Change Infographic in Adobe InDesign

Step 9

To create a pie chart, we’ll need the brief help of Illustrator. Minimize your InDesign document, and open up Illustrator.

Use the Ellipse Tool (L)and hold Shift to create a circle on the artboard, setting it to have no fill and a thick stroke (around 50 pt).

How to Create a Climate Change Infographic in Adobe InDesign

Go to Object > Path > Outline Stroke.

How to Create a Climate Change Infographic in Adobe InDesign

Then head up to Edit > Copy.

Step 10

Return to your InDesign document and Edit > Paste the circle onto the page, setting it in the center of a colored section. Adjust the color to a pale swatch.

How to Create a Climate Change Infographic in Adobe InDesign

Edit > Paste, Edit > Paste in Place the circle directly on top of the first, and adjust the color to a contrasting swatch.

How to Create a Climate Change Infographic in Adobe InDesign

Then take the Scissors Tool (C) and snip away at the sides of the circle on top, isolating a section of the ‘pie’ to roughly match the percentage of your statistic.

How to Create a Climate Change Infographic in Adobe InDesignHow to Create a Climate Change Infographic in Adobe InDesign

Step 11

You can also add bar charts to your infographic, which are easier to do directly in InDesign.

First, use the Line Tool () to create two arrows, one pointing upwards and the other pointing right.

How to Create a Climate Change Infographic in Adobe InDesign

Then use the Rectangle Tool (M) to create ‘bars’ on the chart. You can soften the corners of these by going to Object > Corner Options and setting the Shape to Rounded.

How to Create a Climate Change Infographic in Adobe InDesign

Add captions under the lower arrow and above each bar if you wish.

How to Create a Climate Change Infographic in Adobe InDesign

I’ve used the Flood Gradient swatch to make the main title of the bar chart really stand out.

How to Create a Climate Change Infographic in Adobe InDesignHow to Create a Climate Change Infographic in Adobe InDesign

5. How to Export Your Design for Web

Step 1

When you’ve finished your infographic design, make sure to File > Save all your hard work.

To export the design ready for sharing online, head up to File > Export.Choose JPEG or PNG from the Format menu at the bottom of the window, and give the image a suitable name.

How to Create a Climate Change Infographic in Adobe InDesign

Click Save.

Step 2

In the export options window, you can adjust the settings of the image to make it suitable for uploading online. Adjust the Quality to Medium or High, set the Resolution to 72 ppi, and make sure the Color Space is set to RGB.

How to Create a Climate Change Infographic in Adobe InDesign

Finally, click Export to create your web-ready image.

Awesome job! Your infographic is finished!

Conclusion: Your Finished Infographic

With your infographic exported, it’s time to get it up online and spread the word about the impact of global warming on climate and environmental change. Or why not print it out and post it up on the noticeboard at your college or workplace?

If you’re looking for more resources for your infographic designs, you can find plenty of themed icons on GraphicRiver and ready-to-edit infographic templates on ThemeKeeper Elements.

How to Create a Climate Change Infographic in Adobe InDesign