Learn To Create A Camera Lens In Photoshop

Learn To Create A Camera Lens In Photoshop

What We’ll Be Creating

Camera Lens Tutorial

Creating A New Document

Create a new document (Ctrl + N) 1130×700 pixels with any colored background. Set your foreground color to #af86b5 and background color to #644a68 then select the “Gradient Tool” (G) with a radial gradient.

Camera Lens Tutorial

Drag the radial gradient from the middle of the canvas outwards. Once the gradient has been applied go to “Filter > Noise > Add Noise”.

Camera Lens Tutorial

Creating The Outer Lens

Select the “Circle Tool” (U) then drag out a circle onto your canvas.

Camera Lens Tutorial

Now add the following layer styles to your circle layer.

Camera Lens Tutorial

Camera Lens Tutorial

You should have something like this.

Camera Lens Tutorial

Duplicate your circle layer then press “Ctrl + T” for the “Free Transform Tool” Resize the circle by about 25 pixels.

Quick Tip:

When resizing objects hold down the SHIFT + ALT keys on the keyboard, doing this will resize the element from the middle keeping it in line with your other circle layers.

Now right click your duplicated layer and select “Clear Layer Styles” from the menu, you should have something like this.

Camera Lens Tutorial

Now add the following layer styles to your duplicated layer.

Camera Lens Tutorial

Camera Lens Tutorial

You should have something like this.

Camera Lens Tutorial

Duplicate the circle layer again then resize it with the “Free Transform Tool” (Ctrl + T), resize the circle by about 8 pixels.

Quick Tip:

When resizing objects hold down the SHIFT + ALT keys on the keyboard, doing this will resize the element from the middle keeping it in line with your other circle layers.

Once you’ve resized the circle right click the duplicated layer and select “Clear Layer Styles” from the menu.

Camera Lens Tutorial

Now add the following layer styles to the duplicated layer.

Camera Lens Tutorial

Camera Lens Tutorial

You should have something like this.

Camera Lens Tutorial

Creating The Inner Lens

Duplicate the last circle layer in your layer stack then resize it with the “Free Transform Tool” (Ctrl + T). Resize the circle by about 20 px, right click the circle layer and select clear layer styles. Duplicate the duplicated layer so you have a total of 3 circles 5 pixels in between each other.

Camera Lens Tutorial

Now add the following layer styles to circles 1 and 2.

Camera Lens Tutorial

Camera Lens Tutorial

You should now have something like this.

Camera Lens Tutorial

Now add the following layer styles to circle 3.

Camera Lens Tutorial

Camera Lens Tutorial

Camera Lens Tutorial

The camera lens so far should look like this.

Camera Lens Tutorial

Creating The Inner Lens Continued

Duplicate the last circle in your stack again then clear the layer styles. Select the “Free Transform Tool” (Ctrl + T) and resize the circle by 30px. Repeat the steps a further 2 times only this time resizing the circle 5px then 15px.

Camera Lens Tutorial

Add a gradient overlay to circle 4 using the settings below.

Camera Lens Tutorial

Add a gradient overlay to circle 5 using the settings below.

Camera Lens Tutorial

Now set circle 5’s opacity to 48% then add the following layer styles.

Camera Lens Tutorial

Camera Lens Tutorial

The camera lens should look like this.

Camera Lens Tutorial

Creating The Inner Lens Continued Part3

Duplicate your last circle in the layers stack then clear the layer styles. Free transform the circle (Ctrl + T), resize the circle by about 5px. Repeat this 3 more times then set all the duplicated layers opacity to 48%.

Camera Lens Tutorial

Add the following layer styles to circles 7, 8 and 9.

Camera Lens Tutorial

Camera Lens Tutorial

Now add the following layer styles to circle 10.

Camera Lens Tutorial

Camera Lens Tutorial

You should have something like this.

Camera Lens Tutorial

Finally the last circle, duplicate the last circle in the stack then clear the layer styles. Resize the circle by about 25px then add the following layer styles.

Camera Lens Tutorial

Camera Lens Tutorial

Camera Lens Tutorial

Camera Lens Tutorial

You should now have something like this.

Camera Lens Tutorial

Creating The Highlights

Select the “Elliptical Marquee Tool” (M) then drag out a selection like the image below.

Camera Lens Tutorial

Create a new layer at the top of your stack then select the “Fill Tool” (G) with your foreground color set to white #ffffff, now fill the selection.

Camera Lens Tutorial

Load a selection around the last outer lens circle.

Quick Tip:

To load a selection click the little thumbnail in the layers window on the desired layer whilst holding down the CTRL key on the keyboard.

Camera Lens Tutorial

Once the selection has been loaded go to “Select > Inverse” then hit the delete key on the keyboard, you should be left with something like this.

Camera Lens Tutorial

Now add the following layer styles to your layer.

Camera Lens Tutorial

Camera Lens Tutorial

You should have something like this.

Camera Lens Tutorial

Using the “Rectangular Marquee Tool” (M) and the steps explained above add two rectangles to one of the outer lens circles.

Camera Lens Tutorial

Once you have the two rectangles in place add the following layer styles.

Camera Lens Tutorial

Camera Lens Tutorial

Your final image should look something like this.

Camera Lens Tutorial

Finish off the lens by adding a rounded shadow underneath and maybe some text around the outer lens circle, then your all done. Thanks for reading.

Conclusion

Thanks for taking part in this tutorial, maybe you could share some of your results by posting them below.

Camera Lens Tutorial

Purchase Psd Now

About the Author Wilma Hamlin

Wilma Hamlin is a creative designer & writer. She writes for Crayonify. Being a designer as well she use to create amazing designs using many tools. In her lesuire time she love to read books and tries to learn new designs.

Leave a Comment:

19 comments
Sw3b says

Wow nice exemple ! Thanks !

Reply
Richard Carpenter says

Thanks for your comment, much appreciated

Reply
Musa says

Wow. its really nice. Thanx very much for such nice topic. I Really appreciate your effort.

Reply
USA Free Driving Online Test says

Its a good one
I will try to do it today, hope i will come close to it

joe

Reply
Alejandro says

Wow! it’s awesome! very nice details!

Reply
lola says

Just did your tutorial – awesome! It certainly does take patience though with all those circles! Also, to maintain the size of your circle, you will need to press SHIFT + ALT – I think you had CTRL there. Loved the result! You really know your layers! And if you didn’t before this, you do now…thanks

Reply
Richard Carpenter says

@LOLA: yes i did put CTRL your right, now updated, sorry.

Thanks for all your comments much appreciated.

Reply
Hansi says

ohhh its great… thanks for your time and share yout knowledge..
Saludos desde México

Reply
Andrew says

When you say: resize the layer about 25 pixel or so, how can I know that it’s 25 pixels? Is there any box that indicates the value or something?

Reply
rajasegar says

Great tutorial and techniques well explained.
Thanks for sharing…
Bookmarked!!

Reply
aditya says

how to chnge d background colour ??

Reply
PlaTO says

coooool amazing work……

Reply
CGTotu says

Its great,a very nice exemple !

Reply
John says

Great Tut . I just a have a question . how you can type some texts in a cyrcle making it like curves. .any method to do that?

Reply
Richard Carpenter says

Search google “Text Along Path”

Reply
Raj Mehta says

Nice tut

:)

Reply
Nick says

Thanks for the tuts , very informative. Am a fan.

Reply
Rene says

Great tutorial, easy and super realistic – thanks!!! I found a little mistake in description at line: “Now set circle 5′s opacity to 48% then add the following layer styles.” – I must be said … circle 6 … isn´t it?

Reply
Ryan says

Thanks for taking the time to share this process in such detail.

Reply
Add Your Reply

Popular posts

css.php