“Piece of the Artic” 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

---

---

Piece of the Artic Pie Chart Photoshop Tutorial

---

Resources

• Water Texture - straymuse | sxc.hu
• Sand Texture - neopicture | sxc.hu
• Cruise - tuareg | sxc.hu
• Iceberg1 - nitygrity | sxc.hu
• Iceberg2 - rsface001 | sxc.hu
• Whale1 - kitenellie | sxc.hu
• Whale2 - clafouti | sxc.hu
• Shark - nighthawk7 | sxc.hu

---

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 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 3

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

---

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 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 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 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 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 9

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

---

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 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.

---

Step 12

Open the water image (File > Open). Press Ctrl+A to select all parts of the image, then press Ctrl+C to copy it to clipboard. Get back to 3D pie image and press Ctrl+V to paste the water image. Make sure you place it above the TOP layer and name it wave.

Posted in: Phothosop