Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.
Leica is considered one of the most prestigious camera brands. In this tutorial, we will draw one of the most notable Leica cameras in Photoshop, the Leica M1. Let's get started!
Step 1: Background and Floor
Make new file (Command/Ctrl + N) and set its size to 110 × 700 px. Activate gradient tool. Set its mode to radial from #f5f5f5 to #c4c5c4.
Duplicate layer by pressing Command/Ctrl + J. Hit Command/Ctrl + T to transform it. Pull upper handle down to convert it into a floor.
On layers panel, click Add Layer Mask icon to add layer mask. Paint upper mask with black until it fades onto the background.
Step 4: Basic Shape
Open Paths panel. Click new path icon. Use pen tool to draw camera basic path.
Grab a leather texture from Design Instruct freebies section. Below, we use Leather Texture 04 from the collection.
Current leather color doesn't fit the camera appearance. We need to change its color to gray. Add new adjustment layer Hue/Saturation and use below settings.
This is the result after we add Hue/Saturation.
Copy basic camera path and place it on top of the leather texture.
Select leather texture and adjustment layer. Hit Command/Ctrl + G to place them inside a group layer. Click Layer > Vector Mask > Current Path. The leather texture is now goes inside the path. From this point onward until Step 29, make sure to place all new layer inside this group layer.
Step 9: Metal Parts
Duplicate camera path. Click Layer > New Fill Layer > Solid Color. Select color #9ebec5. Add a rectangular path on middle of the path. Modify its bottom side to turn it into a curve. Set its mode to Subtract. Add a rectangular path and set its mode to Add to Shape. See picture below to see the shape that you need to make.
Add Layer Style Bevel and Emboss and Gradient Overlay.
This is the result we have. This shape is going to be metal part of the camera.
In Layers panel, Command/Ctrl-click layer shape to make new selection based on its shape.
Make new layer. Fill selection with black.
Soften it by adding Gaussian Blur (Filter > Blur > Gaussian Blur).
Hit Command/Ctrl + [ to place the layer under previous layer shape. Move the shadow down a few pixel.
Make new layer and then activate brush tool. Manually, paint black as shadows on left and right side of the camera.
Repeat previous step, this time use white for highlights. We want to place the source light on left side of the camera. So, draw a white line on left side of the camera. Use eraser tool with 0% hardness and 20% opacity to erase highlights on its leather texture.
Reduce layer Opacity to 10%. This is enough to add subtle highlight onto the camera.
Add another highlight on right side of the camera using same technique. This time set its Opacity to lower than 10%. Remember that highlight on left side needs to be more stronger because the light source is placed on top left side too.
Command/Ctrl-click camera main path to make new selection based on its shape.
Make new layer. Click Edit > Stroke. Select black as its color with width 2 px.
Deselect by pressing Command/Ctrl + D. Click Filter > Blur > Gaussian Blur to soften the line. Use soft eraser to erase parts of the line. This line will be shadows on camera's edge.
Let's repeat previous, but this time for highlight on the metal part. Command/Ctrl-click metal part layer to make new selection. make new layer. Click Edit > Stroke and choose white color. Remove selection and then soften it using Gaussian Blur.
Use Eraser tool to erase some part of the highlight line.
Step 23: Add Metal Texture
Make new layer and then fill it with white. Click Edit > Fill, select white color and then click OK. Click Filter > Noise > Add Noise.
Click Filter > Blur > Motion Blur. Set angle to 0° with very big distance size.
Change layers blend mode to Overlay and reduce its Opacity.
Step 26: Add Highlights
Let's add some soft highlights onto the camerea. Activate Brush tool and set its Opacity to 40%. Change background color to white. Make new layer and then draw small highlights on top left of the camera. Don't worry if the result looks too rough. Soften it by applying Gaussian Blur (Filter > Blur > Gaussian Blur).
Repeat this steps on other areas of the camera.
Make new and paint shadow on left side of the camera. Make sure to use a big and soft brush.
Make new layer. Draw big shadow on right side of the camera. Reduce layer Opacity until the result is natural.
Step 29: Lens
Make a new separate group for drawing lenses. Draw a thin rounded rectangle with color #add9e7. Select shape using Path Selection tool and hit Command/Ctrl + Alt + T to duplicate and transform it. In the option bar, set angle to 2°.
Make sure the new path is selected. Hit Command/Ctrl + Shift + Alt + G to repeat the transformation. Keep doing this until we have a full circle shape.
Add Drop Shadow and Outer Glow with following settings.
Repeat previous steps, but this time draw a black rectangle with angle 5°.
Reduce layers Opacity to 10%. Hit Command/Ctrl + [ to move the layer down and place it under previous circle shape.
Make new layer on top of circle shape. Dab white and black on its edge using a soft big brush. Hit Command/Ctrl + Alt + G to convert the layer into a Clipping Mask. This way, the pixels will goes inside the shape.
Draw bigger circle behind the lens and lines. Use #a2cedc for its color.
Douible click layer and activate Gradient Overlay with following settings.
Make new layer right above the circle and dab white and black using soft big brush. Convert the layer to Clipping Mask (Command/Ctrl + Alt + G).
Draw a circle shape with color #202323. Make new layer and dab white on its right side. Convert layer to Clipping Mask by pressing Command/Ctrl + Alt + G.
Draw smaller circle with color #1b1c1e. Make new layer, convert it to Clipping mask and then dab black and white on its edge.
You should now understand the process. Repeat this a few times until we get a complete set of circles inside the lens.
Draw smaller circle again with color #0f0c14.
Add subtle Gradient Overlay.
Draw a small circle with color #111010.
Draw a big circle covering whole lens. You can use any color for this shape.
Double click layer shape and add subtle Gradient Overlay with Opacity 11% from black to white.
Reduce Fill layer to 0%. This way, we can reveal the lens and add subtle gradient on top of it.
Draw a rounded rectangle. Select the path using Path Selection Tool. Hit Command/Ctrl + Alt + T to duplicate and transform the shape. Alt-drag transformation reference point and place it on center of the lens. Rotate the shape for 30°.
Repeat the process by pressing Command/Ctrl + Shift + Alt + T. See picture below to see the result.
Add layer style Inner Glow and Gradient Overlay.
Reduce Opacity to 40% and Fill to 0%.
Place the layer on top of small circle shape we made in Step 37. Convert layer to Clipping Mask by pressing Command/Ctrl + Alt + G. Split each path into separate layers.
This what we will have after we split each path into separate layer shape.
Let's add highlights inside the lens. Make new layer and place it above all layers. Use soft brush to draw white spot on the lens. Don't worry is the result is very harsh, we can fix it easily.
Add Gaussian Blur to soften the highlight we have just manually drawn.
Draw a circle shape covering the lens.
Add layer style Gradient Overlay. Set its mode to radial from black to white.
This is the result. Change Fill layer to 0% to reveal the lens underneath the shape.
Make a new layer. Draw a circular selection on venter of the lens and fill it with black.
Click FIlter > Render > Lens Flare.
Change layer's blend mode to Screen and reduce Opacity to 19%.
Draw a circular path using ellipse tool.
Activate Type tool and click right on the path. Remember to do it exactly on the path, not inside or outside the path. If you do it correctly, your text direction will follow the path curvature.
Make new layer above the text and then paint some shadows. Erase unneeded shadow using Eraser tool.
Repeat the steps above to add more texts on the lens.
The lens is currently appears flat. We need to add shadow to give it depth. Command/Ctrl-click lens basic shape to make new selection based on its shape. Make sure marquee tool is selected and then hit down a few times to move the selection down.
Make new selection and place it under the lens. Fill selection with black. Deselect (Command/Ctrl + D) and then soften it using Gaussian Blur.
Hit Command/Ctrl + T to perform transformation. Right click and select Warp. Pull lower right box.
Warp transformation sometimes add rough edges. To fix it, we need to soften it again using Gaussian Blur. This time use bigger radius.
Add layer mask and then paint lower right corner of the shadow with black until it fades onto the camera base.
Draw a rectangle shape on lower right of the lens with color #e0f6fa. Activate pen tool then click and drag its middle top side to add new point. Use Direct selection to select it and drag it down until we get a curve.
Add some circles on left and right side of the shape. Make sure to set its mode to Add to Shape in the Option Bar.
Add Gradient Overlay onto the layer shape.
Rotate the shape 135°.
Duplicate shape by pressing Command/Ctrl + J. Place it behind the original shape. Pull its middle point down. See picture below to see the result.
Make new layer and then paint shadows on top of the duplicated shape.
Make new layer again and put it behind the lens. Paint our previous shape shadow on the camera.
Step 64: View Finder
Draw a rounded rectangle with color #c7d4d5. Inside the shape, draw smaller rounded rectangle and set its mode to Subtract from Shape.
Double click layer to open Layer Style dialog box. Add Drop Shadow and Bevel and Emboss.
Command/Ctrl-click shape and move the selection 3 pixels left and down. Make new layer and place it under the shape. Fill selection with black.
Click Filter > Blur > Gaussian Blur to soften it.
Make new layer again. Activate brush tool with small brush size. Paint needed highlights and shadows. While painting this, make sure to remember that our light source is in upper right corner of the canvas.
Make new layer, this time place it on top of the shape. Paint subtle shadow inside the shape.
Draw a small rectangle inside the frame. Set its color to #37383c.
Add layer style Inner Glow and Gradient Overlay.
Here's the result.
Draw a small circle on center of the viewfinder with color #e0e1e1. Reduce its Opacity and Fill to 2% and 90%. With these settings, the circle seems to be inside the viewfinder glass.
Make new layer. Paint subtle shadows and highlights inside the viewfinder glass. Use very soft brush with low Opacity, no more than 5%. Remember, we want it to be very subtle.
Activate the viewfinder glass. In Layers panel, double click it to open Layer Styles dialog box. Activate Bevel and Emboss and Gradient Overlay.
Use same technique to draw another viewfinder on left and right side of the camera.
For the left side, you can simply duplicate the first viewfinder and resize it.
Draw a black rounded rectangle on top of the small viewfinder.
Add Bevel and Emboss.
Reduce Fill layer to 0%.
Double click layer to open Layer Style dialog box again. Activate Layer Mask Hides Effects.
Click Add Layer Mask icon to add layer mask and then left side of the shape with black. We want the Bevel effect fades onto left side of the camera body.
Make new layer. Command/Ctrl-click shape to make new selection based on its shape. Fill it with black.
Hit Command/Ctrl + D to deselect. Click Filter > Blur > Gaussian Blur to soften the black pixels.
Hit Command/Ctrl + T to transform the shadow. Right click and select Warp. Pull down lower area.
Select upper shadow and then hit Delete key. Reduce its Opacity to 40%.
Command/Ctrl-click shape we have made in Step 74. Make new layer and then click Edit > Stroke. Set its color to white.
Soften the stroke by applying Gaussian Blur.
Erase some of stroke line.
Step 84: Draw Switch
Draw a circle shape with color #bcb4ac. Add a polygon path on top of it with mode Add to Path.
Add Layer Style Drop, Bevel and Emboss, and Gradient Overlay.
On top of the shape, draw a circle with color: #87a0a8.
Add Drop Shadow, Outer Glow, and Bevel and Emboss with following settings.
Draw bigger circle, this time with color #9eb8bd. Place behind both previous shapes.
Double click layer shape to open Layer Style dialog box. Activate Drop Shadow and Gradient Overlay.
Make new layer and paint subtle shadow behind the dial.
Draw a circle, smaller than the previous one.
Add Bevel and Emboss
Make new layer and then manually paint highlights on the circle.
Draw another highlight on the smaller circle.
Make new layer and make circular selection covering top of the circle shape. Fill it with black and then click Filter > Noise > Add Noise.
Click Filter > Blur > Radial Blur and select Spin for its blur method.
Change layer's blend mode to Screen and reduce its Opacity.
Below is the result in 100% magnification.
Draw a small circle with color #ccc6bf. Add Drop Shadow, Inner Glow, Inner Shadow, and Gradient Overlay with following settings.
Duplicate the shape by pressing Command/Ctrl + J. hit Command/Ctrl + T to resize it. Repeat this process a few times.
Draw two small dark circles shape on the dial. Add following Layer Styles.
Make new layer and place it under the set of circles. Use soft brush tool to paint soft shadow on the camera body.
Repeat this process to draw another switch on the camera.
Step 97: Screw
Draw a small circle shape with color #cbd6d8. Add Inner Shadow.
Draw smaller circle shape with color #c8d5d8. Add rectangle path with path mode Subtract. To convert it into a screw we need to add following Layer Styles.
Make new layer and then manually paint subtle highlight on the screw.
Use same techniques to draw a dark screw.
Make below switch using combinations of techiques that we have learnt earlier.
Draw a circle with color #2c383a.
Draw a ring shape with color #e4e0e4. To do this, you just need to draw a circle and add smaller circle inside it and set its mode to Subtract. Add Drop Shadow and Bevel and Emboss with following settings.
Command/Ctrl-click ring shape to make a new selection based on its shape. Click Select > Modify > Contract to reduce the selection size.
Make new layer and then fill selection with black. Hit Command/Ctrl + D to deselect.
Add Gaussian Blur filter to soften it.
Erase some of the line stroke using soft eraser tool.
Make new layer. Command/Ctrl-click ring shape and click Edit > Stroke. Set its color to white.
Erase some of the white lines.
Draw a small circle inside the ring shape. Set its color to #bfd4d9. Add following Layer Styles.
Make new layer and then paint highlight on the shape. Convert layer to Clipping Mask by pressing Command/Ctrl + Alt + G.
Make new layer and paint some highlights and shadows on top of the shape.
Draw a small circle shape with color #646a68. Add Gradient Overlay and Inner Shadow.
Draw smaller circle shape with color #bfd4d9. Add a rectangle path on its center and set its mode to Subtract. Add Drop Shadow, Bevel and Emboss, and Gradient Overlay.
Step 115: Draw Speed Dials
Draw a rounded rectangle behind the camera and add Gradient Overlay.
Make new layer on top of the shape. Set foreground color to black and then paint random shadow using soft brush. Convert layer to Clipping Mask.
Make a new file with canvas size 6 × 6 pixels.
Zoom in to maximum using zoom tool. Activate pencil tool with brush size 1 px. Draw below pattern using only black, white, and gray color.
Click Edit > Define Pattern to save the image as a pattern.
Make new layer. Place layer right above the dial shape. Draw a selection covering the camera dial. Click Edit > Fill. Activate Use: Pattern. Select pattern we have just made earlier.
Convert layer to Clipping Mask by pressing Command/Ctrl + Alt G. Change layers blend mode to Overlay and reduce its Opacity.
Draw a rectangle behind the Speed Dial with color #5c6c6b. Add Layer Style Inner Glow.
Make new layer. Draw some highlights and shadows on new layer.
Draw a rectangle with color: #5c6c6b. Click the middle its upper and lower side to add new points. Select both new points and move them up.
Make new layer and then convert it to Clipping Mask. Click Edit > Fill, select Use: Pattern and select pattern we have made earlier.
Set blend mode to Overlay with Opacity 40%.
Make new layer. Activate big brush tool and then paint some highlights and shadows. Convert layer to Clipping Mask. This way, all the highlights and shadows go inside the shape.
Draw a rectangle behind previous shape with color #627c82. Make new layer and then convert it to Clipping Mask. Paint some highlights and shadows.
Paint subtle shadow under the speed dial.
Add more realism to the shape by painting stronger highlight.
Draw a thin rectangle. Make new layer and paint small highlight and shadow inside the shape. Convert the layer into a Clipping Mask.
Step 132: Shutter
Draw a rectangle with color #727f80. Click half of its upper and lower side to add new points. Pull the right side down using Direct Selection tool. See picture below for reference.
Make new layer and then activate a small soft brush with Hardness 0%. Draw some black lines on top of the shape. Soften the lines by adding Gaussian Blur. Convert the layer to Clipping Mask by pressing Command/Ctrl + Alt + G.
Earlier, we have paint shadows. Now, let's working on its highlight. Do the same thing, but this time use white for the color.
Zoom closer and draw 1 px white line on upper and lower side.
Draw a dark rectangle behind the shape.
On its top, draw a rounded rectangle with color #7a8d91 to be used for the camera shutter.
Make a new layer and then paint white random lines. Soften them using Gaussian Blur. Convert layer to Clipping Mask.
Draw a rounded rectangle. Use same techniques to add highlight and shadows onto the shape.
Draw another rounded rectangle, this time thinner, and then make new layer. Paint its highlight and shadow.
Draw a rounded rectangle with color #737e7f. Add layer mask and then paint black on its right until it fades onto the shape behind it. See picture below for reference on its position.
Repeat techniques we have learnt earlier to paint its highlight and shadow.
Step 143: Add More Highlights
Our current camera is still too flat. If you look everything closely, you will notice that there is no perfect lighting in real life. There are always random light reflections everywhere. So, that's what we're going to do. Add highlight onto our camera. Make new layer and then activate brush tool with 0% Hardness. Manually paint white highlight on some elements on the camera.
Below you can see the difference before and after adding the highlights. You can see this subtle difference really adds more realism onto the object.
Step 144: Shadow
Make new layer and then put it under the camera. Use soft brush to draw camera shadow on the floor.
Remember that we need more shadow under the lens.
Paint dark shadow right behind the camera. Make sure to match its direction with our light source position. Paint lighter shadow further away from the camera. Make sure to do this patiently until the shadow fades perfectly onto the floor.
Below is the final result. I hope you learn something new from this tutorial. If you have any questions, feel free to ask in the comment form below. I'd be glad to help you.