How to Create a Vintage Photo Camera icon for App Store in Adobe Illustrator


Step 29 – Create Lens

In the Layers panel add a new layer with the name Layer 2, which will place two perpendicular guides. Next, take Ellipse Tool (L) and create an ellipse with size 318×318 px, whose center should be located at the intersection of the guides, and fill this ellipse with a linear gradient.

Create over an ellipse a conical Gradient Mesh with size 312×312 px. How to make a conical mesh can be found here.

Add Compound Path with diameter outer circumference 312 px, and the diameter inner circumference 271 px.

Select Compound Path and Gradient Mesh and go to menu Object > Clipping Mask > Make, or press the hotkey Ctrl + 7.

Online HTML Email Template Builder

With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Try now for free!

Learn MoreOther Products

Step 30

Create a small rectangle with rounded corners and size of 2×15 px and simple linear gradient from black to white. Place this object as shown in the screenshot below.

Keep rectangle selected, take the Rotate Tool (R) and with the Alt key pressed, click at the intersection of the guides, then in the dialog box, enter 15 ° and click Copy.

Now press the key combination Ctrl + D 22 times.

Using the same technique, create a small incisions.

Step 31

Create in the center, circle with size of 274×274 px, and fill it with a linear gradient in gray tones.

Create a Compound Path with diameter outer circumference 269 px, and the diameter inner circumference 262 px, then fill it black color.

Create a shape as shown in the screenshot, and fill it with a light-gray gradient.

Duplicate the just-created object, and transform it into Gradient Mesh using the technique, that we used in steps 8 and 9 of this tutorial.

Now change the mesh blending mode to Multiply. This will create a shading effect of the previous form.

Step 32

More of the following will be very simple, so will only screenshots, without comments.

Step 33

Now create an ellipse with size 206×206 px, and fill it with a linear gradient as shown in the screenshot.

Copy this ellipse to Clipboard and Paste in Front, then resize it to 192×192 px.

Now double-click on the Blend Tool in the toolbar, open the configuration dialog box of the tool, and set a value of 5 steps, then press OK.

Create a blend from the last two ellipses.

After then go to Object > Blend > Expand.

In the resulting group, keep selected only the second, fourth and sixth object, and click on the Gradient panel Reverse Gradient button.

Step 34

Most of the lens has been created, except glass, glare and aperture. Follow-up actions will be very simple and the same type, so I will not comment on them, but give detailed screenshots.

Step 35

In this step, we continue to create elements of the lens.

To simulate the aperture add a little bit of a hexagon with rounded corners.

Step 36

In this step we will add highlights to our lens.

Take the Pen Tool (P) and create such forms, as shown in screenshot. Fill them with radial gradient and change blending mode to Screen.

A few more round highlights. As before, fill them with radial gradient and Screen blending mode.

In this, creation of the lens is almost over, and with it coming to an end and our work over the icon of vintage camera in general.

Step 37

Group all the objects that we have created in the last 3 steps. Above this group will create the latest in today’s lesson ellipse with size 190×190 px.

Go to Object > Clipping Mask > Make, or press the hotkey Ctrl + 7.

Now turn on the visibility of the remaining elements of the lens.

Turn on the visibility of the Layer 1 with camera body, and put the lens on the body, as shown in the screenshot below.

And finally add the shadows from the lens for more realism.


In this, tutorial on creating a vintage camera icons is over. I showed to you how to use simple techniques and a little patience, you can create amazing illustrations.

If you want, you can add a shadow under the camera and some abstract background.


Source File, Download Icon

1 2 3
Sergii Korolko

I'm a graphic designer and microstocker from Ukraine. Usually I create illustrations for microstocks, but sometimes I find the time, and share my knowledge and experience in the tutorials. You can find my portfolio in Shutterstock.

Posts by Sergii Korolko

Earn 25% commission on affiliate sales

We build high-quality products

Designmodo offers advanced drag and drop website and email builders for web designers and developers, we have everything you need to make money.

Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree