photoshop creative

Create a 3D infographic template

Posted in:
Tips & Tutorials, by Mark White
September 27, 2017

Learn how to combine stats with visuals for killer infographics


1. Create the background

Create a new document at 233x310mm, then fill it with the colour #e9e4d0. Create a new layer (Cmd/Ctrl+J), use a soft rounded brush (B) with a size of 2600px, select white as your colour and paint in the centre of the image. Change the blend mode to Soft Light.

2. Use the 3D tool

Create a new layer and make a white circle, then go to the 3D menu and choose the option ‘New 3D extrusion from selected layer’. Go to the Coordinates menu and use the settings shown in the screenshot. Then go to the Mesh menu and set the Extrusion Depth to 2.53cm.

3. Create a layer mask

Create a new layer, select the pie-chart layer and with the Magic Wand tool (W), click on the white part. Create a layer group (Cmd/Ctrl+G) and press the Add Layer Mask button. Repeat the procedure for the base. By grouping layers, you will ensure a tidier workspace.

4. Draw the slices

Use the Pen tool (P) to draw the slices of the chart. To make it more organised, draw each part of the slice and place it into a layer group with a mask, just as you did in the previous step.

5. Use masks to blend

Place layer01 from a grass image inside the chart’s top layer folder, then place more grass, as in the image. To blend it, make a mask and with a soft rounded brush (50% Opacity), erase the edges. Finally add a river and follow the same procedure.

6. Link the adjustment layers

Add tree and place it as shown above, then add a farm, activate the layer selection, use the Feather command (Shift+F6) set to 2px, invert the selection (Cmd/Ctrl+Shift+I) and press delete. Use a Levels adjustment layer, hold Alt+Cmd/Ctrl and link it with the farm layer, then set it to 48, 1.00, 255.

7. Combine tools

Add a cow and with the Pen tool, draw the shadows separately in black. Use the Gaussian Blur filter set to 15px, change the blend mode to Multiply and press the Add Layer Mask button. Use the Gradient tool (G) with the option Foreground to Transparent (Opacity: 40%) and gently erase the shadow.

8. Compose the base

Inside the base layer group, add an earthy base, and the 01 and 02 layers from more earthy bases. To blend the images, make masks to erase the edges. To get a more realistic result, place the images at a small size and then duplicate (Cmd/Ctrl+J) until they fill the entire base shape.

9. Apply blend modes

Add layer01 from a wheat field image and place it on the top of the slice 02 folder. Use the same images from step 8 to compose the base. Add layer02 from the wheat field image, place it outside the folder, change the blend mode to Screen and duplicate it until it fills the shape.

10. Adjust the perspective

Follow the same procedure as the previous step; add layer01 from a rice field image and place it on the top of the slice 03 folder. Use the Free Transform tool (Cmd/Ctrl+T) to adjust the perspective. Finally, add layer02 from the rice field image, place it outside and duplicate until it fills the shape.

11. Blend the image

Use layer01 from a corn field image and place it on top of the slice 04 folder, then use layer02, place it outside the folder and duplicate until it fills the shape. Add the corn field image, place it in the bottom of the slice and make a mask to blend.

12. Add more elements

Add a tractor and blend it in with the scene by making a mask to erase parts of the tyre and windscreen. Then add birds and cloud, and place them as shown above.

13. Include the information

Now let’s add the information about the farm. To do that, make a rectangle using the Rounded Rectangle tool (U) with the colour #3f7b32 and without any stroke. Then write the information. Remember that the number should always be the main focus of the information.

14. Make the final adjustments

Now for the final adjustments. Use the Adjustment menu to set the colour tone. Remember that as this is a piece of art with information it must be very vibrant, so use Brightness/ Contrast set to 5/10 and Photo Filter (Warming Filter 85 with 25% of Density).

  • Antonio Casta

    great job but
    the images are in really low quality.. you cant read anything.