Welcome to the second tutorial in the “Creating a Set of Digital Painting Icons” series. This time we’ll create a digital SLR camera, a tool digital artists often use to take pictures to create textures or for reference. We will construct a rather simple camera, but we’ll make it interesting through judicious use of brush strokes and shadows. Let’s get to it!

Psd Plus Membership

Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.

Tutorial and Series Details

Below are the five icons we are creating in this series.

In this tutorial we are aiming for a digital SLR camera complete with pun-riddled brand and model name.

• Program: Adobe Photoshop CS2 and later
• Difficulty: Intermediate
• Estimated Completion Time: 2 hours

Step 1

Create a new blank document and as usual set both width and height to 512 pixels.
Select a very dark gray foreground color and create the shape of the camera’s body using the Pen Tool (P) in Shape layers mode. Pay attention to the fact that the shape is not symmetrical and the corners have different radiuses.

Step 2

Using brush strokes in selected spots we’ll add three-dimensionality to this flat shape. Make the foregound color white. Select the Dodge Tool (O) from the toolbar and set it up as in image 2a. If you have a pressure-sensitive tablet, then paint very lightly to add roundness to the right edge (2b). If you don’t have a tablet, you need to reduce the Dodge Tool’s exposure to a very low number and use successive strokes to achieve a similar effect. You’ll get the hang of it soon enough. On the left there’s a bulging grip barrel. Paint vertical strokes with the Dodge Tool near to but not on the edge (2c).

Step 3

Now let’s switch to the Burn Tool (O) to add shadows. Set it up as in image 3a and darken the spots marked in image 3b. Now the convex grip barrel is more visible and the bottom is darker. The brush strokes are visible, too, and it’s not a pretty sight. We want the camera to be smooth.

We can use a blur pass on the whole surface. In order to keep the edges sharp we must toggle on Preserve Transparency in the Layers palette (3c). Now we can go to Filter > Blur > Gaussian Blur and choose a moderate value (3d) to smooth the surface (3e).

Step 4

Let’s create the lens now. First set up a few guides to mark its center (4a). Now create a medium, dark gray circle. It will be the outer rim of the lens (4b). Create a smaller, darker circle by duplicating and scaling the first one (4c).

Step 5

Add a radial Gradient Overlay style to the first circle (5a) with tightly placed color spots (5b) to create a couple of rings (5c). Once satisfied with the result rasterize the layer style. Command-click the New Layer icon at the bottom of the Layers window to create a layer below the one selected (5d). Now Hit Command + E to merge the outer rim down with the empty layer (5e).

Step 6

Using the Dodge and the Burn tools add some reflections to the outer rim. Refer to image 6 for the detailed instructions.

Step 7

We will now add several smaller rims and circles to the the lens and we will simulate reflections with the Dodge and Burn technique explained before. Add a smaller rim (7a), add reflections (7b) and use the Gaussian Blur filter set to 1px (7c).

Step 8

Create a smaller rim (8a), erase the top-left part with the Eraser Tool (E) set to a big, soft brush. Enhance the lighting with a dab of the Dodge Tool (8b).

Step 9

Add a smaller, dark circle (9a) and two smaller, half-erased rims (9b, 9c).

Step 10

Add a dark gray circle (10a) and the shutter hole. The shutter hole is a black circle with a medium gray thin stroke (10b). Finally use Dodge and Burn on the circle created in image 10a to make it look convex (10c).

Step 11

Let’s add some cool highlights on the lens. Using the brush tool set to a soft, round preset and low opacity paint a few colored highlights near the shutter hole: a purple one (11a), a green one (11b) a white one and a yellow one (11c).

Step 12

The lens has a glass cover. Create a white circle above all highlights (12a) and set it to Screen blending mode, 15% opacity (12b). Now a little adjustment: increase the contrast on the body by using Levels, Brightness/Contrast or Curves (12c). I used Levels (Command+L) and moved the left slider (black point) to the right and the right slider (white point) to the left (12d).

Step 13

The lens is finished so we can group all its layers together. Make a duplicate of the group and hit Command+E to merge it down to one layer (13a). Hide the original group and keep it for later tweaking. Add a Drop Shadow style to the lens layer (13b) so it casts a shadow onto the body (13c). The shadow must not be visible outside the contour of the body so Alt-click between the lens layer and the body layer to mask the first with the latter (13d). Now the shadow doesn’t stick out from the bottom of the camera anymore (13e).

Step 14

We’ll create the shutter button now.
Draw an ellipse above the convex grip barrel on the left side (14a). Fill in the gap between the body and the ellipse (14b)

Step 15

Duplicate the ellipse and align the copy to the top of the camera’s body (15a). Fill the bottom ellipse with a horizontal gradient. Use the values indicated in image 15b. Now grab the Blur Tool from the toolbar and blur the bottom of the ellipse to remove its hard edge and blend it with the main body (15c).

Step 16

Add a Stroke style to the top ellipse (16a, 16b). Right-click on the “fx” icon on the layer and choose Create Layers (16c). The Stroke style has been converted to a separate layer masked to its “parent.” We can now erase most of it and just leave the bottom part to create a front highlight (16d). Merge the stroke down (Command+E) when you’re finished. The highlight is too sharp so blur it a bit (16e).

Step 17

Draw a very dark ellipse on top of the ones you have: it will be the hole where the shutter button sits (17a). A smaller, lighter ellipse will be the base of the shutter (17b). Select the Direct Selection Tool (A) and move the top point up a bit (17c). Duplicate it and scale down the copy to create another shape (17d).

Continue Learning…