A webcam is essentially just a camera that is connected to a computer, either directly or wireless, and gathers a series of images for remote display elsewhere.
So today, we are going to create a webcam icon in Photoshop. This tutorial is very interesting and easy to learn. In this tutorial, we have used useful and easy techniques to make this cool webcam icon. We are hopeful that you will like our creation. Feel free and share your comments with us.
Create a Webcam Icon in Photoshop - Final Preview
Final Preview
Tools and Resources
Lets start to create a adorable webcam icon in Photoshop.
Step 1
Create a new document (Ctrl+N) 600x500 of size.
Create New Document
Step 2
Select Ellipse Tool from tool panel and create a circle with black color #000000 name it layer Base Circle.
Create Circle
Step 3
Now applying Gradient Overlay on this base circle layer.
Gradient Overlay
When we applying gradient overlay we get nice effect on base circle layer.
Get Nice Effect on Base Circle
Step 4
Create a new layer and select the Brush Tool from tool panel select any soft brush with 70px of size and draw a spot as like in preview.
Draw Brush Spot
Now down the opacity of this brush layer 50%.
Minimize Brush Layer Opacity
Step 5
Select Ellipse Tool again and create a circle with color #434343 and name it layer 1st Circle.
Create 2nd Circle
Go to Blending Option and applying Bevel and Emboss.
Bevel and Emboss
After applying bevel and emboss we get cool effect on circle layer.
Get Cool Effect
Step 6
Duplicate this 1st circle layer and and name it layer 2nd circle, go to Edit > Transform (Ctrl+T) and minimize the size of duplicate 2nd circle layer.
Duplicate Layer
After minimize the size of 2nd circle layer we get cool result.
Get Result
Step 7
Duplicate the second circle layer and and name it layer 3rd circle, go to Edit > Transform (Ctrl+T) and minimize the size of 3rd circle layer.
Duplicate Circle
When minimize the size of this duplicate circle layer, applying black color #000000.
Get Duplicate Layer
Step 8
Select Ellipse Tool again and create a small circle with color #212121.
Create a Circle
Go to Layer > Layer Style and applying some blending options.
Outer Glow
Outer Glow
Bevel and Emboss
Bevel and Emboss
Now after applying these blending options we get nice preview.
Step 9
Again create a small circle with Ellipse Tool and applying this color #f0d3f3.
Create Small Circle
Step 10
Create new layer select Pen Tool and draw a path as like in picture below.
Create a Path
After creating the path right click on path and select (Make Selection) option.
Line Path Selection
Now fill this selection with white color #ffffff and name it layer Line. Press the (Ctrl+D) for deselection.
Fill Selection
After fill the selection set line layer bottom of the all circle layers as like in preview.
Set Line Bottom Side
Now go to blending option and applying Satin.
Satin
After applying satin we get new effect on line layer.
Get New Effect
Now minimize the opacity of line layer 50%.
Minimize the Opacity
Step 11
Create new layer select Polygonal Lasso Tool and make a selection as like in preview.
Make a Selection
Fill this selection with gradient Overlay gray to transparent.
Gradient Overlay
Fill Selection With Gradient
After applying gradient overlay we get beautiful shape as like in picture below.
Get Polygonal Lasso Shape
Step 12
Select the Ellipse Tool create a circle with black color #000000 bottom of all the layers and name it layer Small Stand.
Create Black Circle
Step 13
Select Ellipse Tool and create a shape with black color #000000 name it layer Stand.
Create a Black Shape
Go to Edit > Transform > Perspective minimize the size of upper side of stand layer as like in preview.
Transform Stand Shape layer
Now adjust the stand layer little bit upper side as like in picture below.
Adjust Stand Layer
Step 14
Now go to Layer > Layer Style and applying some blending options on this stand layer.
Bevel and Emboss
Bevel and Emboss
Color Overlay
Color Overlay
After applying these layer styles we get new effect on stand shape layer.
Get New Effect on Stand Layer
Step 15
Duplicate this stand layer and change the Layer Style of duplicate stand layer.
Bevel and Emboss
Bevel and Emboss
After applying bevel and emboss on duplicate stand layer we get beautiful webcam stand.
Get Duplicate Stand
Step 16
In this last step applying the gray color #555454 on small stand layer as like in final preview.
Final Preview
