A lock is a mechanical and electronic device that is released by a physical object. Its a great and very useful invention. So today we are going to create a wonderful lock icon in Photoshop. We hope you will really like and easily learn this tutorial. If you have any suggestion then feel free and share with us.

Related Tutorials:

Tutorial Details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 45 Mins

Download source file:

Create a Wonderful Lock Icon in Photoshop: Final Preview

Lock Icon Tutorial Final Preview

Tools and Resources

Tools and Resources


Following photoshop tool are used in this tutorial.

  • Rounded Rectangle Tool
  • Ellipse Tool
  • Pen Tool
  • Gradient Tool
  • Eraser Tool

Lets start to create a wonderful lock icon in Photoshop

Step 1

Create a new document (Ctrl+N) 600×500 of size.

Create New File

Step 2

Select the Rounded Rectangle Tool and draw a rectangle with color #98036b.

Create a Rectangle

Step 3

Select Rounded rectangle tool again and draw one more shape with any of color, I am going to apply this color #262626.

Draw a Rectangle

Now I am going to apply some Blending Options.

Inner Glow

Inner Glow

Bevel and Emboss

Bevel and Emboss

Gradient Overlay

Gradient Overlay

After applying blending options we get a nice rectangle.

Get Nice Preview

Step 4

Select the Ellipse Tool and draw a small circle with this color #797077 as like shown below.

Draw Small Circle

Go to blending options and applying Stroke.

Get Nice Result

Duplicate this small circle layer and adjust right side as like in preview.

Duplicate Small Circle

Step 5

Select the Pen Tool and draw a path as like in picture below.

Draw a Shape

Now right click on the path and click on (Make selection).

Make Selection

Fill it layer with any color, I fill this selection with black color #000000.

Applying Color

When we have applied color, then go to Layer > Layer Style and applying some effects.

Bevel and Emboss

Bevel and Emboss

Color Overlay

Color Overlay

Gradient Overlay

Gradient Overlay



After applying these effects we have get cool result.

Get Beautiful Result

Step 6

Now select the Ellipse Tool again and draw a circle with color #bb2494 as like in picture.

Draw a Circle

Now applying some blending options.

Drop Shadow

Drop Shadow

Inner Glow

Inner Glow

Gradient Overlay

Gradient Overlay



Now we have get a new stylish circle as like in picture.

Get Beautiful Circle

Duplicate this circle layer with the help of transform tool (Ctrl+T) down the size of circle and adjust it as like in preview.

Duplicate Center Circle

Step 7

Select the Rounded Rectangle Tool again and create a small rectangle with black color #000000.

Design a Small Rectangle

Step 8

Now select the ellipse tool again and draw a small circle with black color #000000 and adjust it as like in preview.

Design a Small Circle

Step 9

Now in this last step select the all layers and press (Ctrl+E) to merge them, named it Lock Layer duplicate the lock layer and select the Transform Tool

Go to Edit > Transform > Rotate Vertical

Now select the Eraser tool set the opacity 20% till, erase the half lock as like in final preview.

Final Preview

Lock Icon Tutorial Final Preview

I hope you have enjoyed this beautiful and attractive Lock Icon tutorial. If you like it then don’t forget to share your comments with us. Follow TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.

2 thoughts

Comments are closed.