Photo Manipulation

“Piece of the Arctic” Pie Chart Photo Manipulation

I saw some beautiful 3D illustration of Madagascar that inspired me to create this illustration. In this tutorial, I’ll share my experience in recreating this illustration. This tutorial will utilize Photoshop 3D features, layer masking, and a lot of selections.

Preview of Final Results


final-results[43]


Tutorial Resources


Step 1

Create a new layer (Ctrl+N) with 1600x1200px wide and resolution is set to 150dpi. Create a new layer, fill it with solid 50% gray color.

step-001[28]


Step 2

Create a 3D shape by accessing menu 3D > New Shape From Layer > Cylinder. Use one of the 3D Object tool to reduce the cylinder’s height as seen below.

step-002[28]


Step 3

Increase the cylinder size by dragging up the middle square in the 3D Axis, see image below.

step-003[28]


Step 4

Still using the 3D Object Rotation tool, adjust the perspective like shown below. Show the 3D panel by going to Window > 3D menu. Inside the 3d panel, click scene button to see option about material and render settings. Click the Edit button to show the 3D Render Settings dialog, we need to see some wire frames for guidelines, so check the second option (wire frame box icon), then adjust Crease Threshold value to 0. Click OK to apply changes.

step-004[27]


Step 5

Convert 3d object layer into a raster layer, then create a new layer above it. Using solid round brush, draw a guideline to mark the area we’re going to cut.

step-005[28]


Step 6

Create a light blue (RGB: #6dcff6) ellipse using ellipse tool, make sure you create it below the guideline layer. Using Edit > Free Transform Path command to adjust ellipse’s width and height. Don’t forget to hit Enter when you’re done transforming.

step-006[28]


Step 7

Create a new ellipse shape below the first one, notice that I rename the layers for easier recognition. Use free transform command to adjust ellipse’s width & height, following the 3d model as guidance. This process will be easier if we can look the 3d model, so reducing the layer’s opacity surely will help us. As for the bottom edge part, use warp command to bend it. Hit Enter when you’re done.

step-007[28]


Step 8

Still in the layer bottom, select Pen tool from tool bar. Activate subtract from shape area option, then follow the guidelines to create a triangle-like shape. Because we’re using subtract from selection mode, the triangle will ‘cut’ the ellipse as seen below.

step-008[28]


Step 9

Click layer top thumbnail, then repeat the same step as before to cut the ellipse using Pen tool.

step-009[28]


Step 10

We don’t need the 3d model layer anymore, so you can hide or delete it now. Still using Pen tool, create the left, inside & right shape (I assume you already know how to use Pen tool). For easier recognition, I suggest using different blue color tone for each shape. Make sure the layers order from top to bottom are like this: layer top, right, inside, left, bottom (see image below for more details).

step-010[28]


Step 11

Now you’ve done creating the 3D pie, hide or delete the guideline layer since we no longer need it. The next step is adding texture, but first you have to decide where to put the light source. You don’t have to draw a polygonal shape to do this step, just visualize in your mind that the light source is from the top right corner (as seen below). Knowing the light source will make your work easier, because you know where to draw shadows and highlights globally.

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

Create an Unnerving Surreal 3D Room Scene in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create a Photo Manipulation of an Emotional Dancer in a Forest

Photo ManipulationPhotoshop TutorialsUpdated

How to Create a Mountainous Matte Painting in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create a Surreal Photo Manipulation of a Monk in the Caves

14 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).