Magnifying Glass with Photo Zoom Effect in Adobe Photoshop

November 3, 2009 in Photoshop by admin

How to create a Magnifying Glass with a Photo Zoom Effect in Adobe Photoshop

by Ady C. Ronaldo

This tutorial teaches us how to create a magnifying glass in Adobe Photoshop. It also teaches us how to utilize a zoom effect, so it looks like the magnifying glass is actually zooming in on the object beneath it.

Step 1: New Document

Open a new document (Ctrl + N).

Magnifying Glass in Photoshop Tutorial InstaTuts -1

Step 2: New Layer

Create a new layer in your layers dialog by going to the main menu and selecting Layer > New > Layer.

Magnifying Glass in Photoshop Tutorial InstaTuts -2

Step 3: Custom Shape Tool

Select the custom shape tool icon in your Tool Bar.

Magnifying Glass in Photoshop Tutorial InstaTuts-3

Step 4: Search Shape

Select the “Search” icon in the custom shape tool bar.

Magnifying Glass in Photoshop Tutorial InstaTuts-4

Step 5: Create Magnifying Glass

Create something that looks like a magnifying glass.

Magnifying Glass in Photoshop Tutorial InstaTuts-5

Step 6: Rotate the Magnifying Glass

Rotate the magnifying glass by going to Edit > Free Transform and then changing the orientation.

Magnifying Glass in Photoshop Tutorial InstaTuts-6

Step 7: Select Handle

Select the handle of the magnifying glass

Magnifying Glass in Photoshop Tutorial InstaTuts-7

Step 8: Make a Copy of the “Handle” Layer

Right click – layer via copy.

Magnifying Glass in Photoshop Tutorial InstaTuts-8

Step 9: Foreground Color

Set foreground color to #7b5124.

Magnifying Glass in Photoshop Tutorial InstaTuts-9

Step 10: Background Color

Set background color to #cd834b.

Magnifying Glass in Photoshop Tutorial InstaTuts-10

Step 11: Wood Effect

Create a wood looking effect by going to Filter > Render > Fibres ( add wood effect)

Magnifying Glass in Photoshop Tutorial InstaTuts-11

Step 12: Rectangular Marquee Selection Tool

With rectangular marquee tool make a selection ( Set feather radius on 2 px for rectangular marquee tool).

Magnifying Glass in Photoshop Tutorial InstaTuts-12

Step 13: Dodge Tool

Use dodge tool and dodge the selected part.

Magnifying Glass in Photoshop Tutorial InstaTuts-13

Step 14: Burn Tool

Use burn tool and burn the side parts. First, use the rectangular marquee selection tool to make the following selection. Then, use the burn tool to burn out that selection. Then switch over to the opposite side and do the same.

Magnifying Glass in Photoshop Tutorial InstaTuts-14

Step 15: Wood Handle Results

You should have something like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-15

Step 16: Layer 1

Select layer 1.

Magnifying Glass in Photoshop Tutorial InstaTuts-16

Step 17: Delete Layer 1

Delete Layer 1 and then create another New Layer. With the elliptical marquee tool make this selection :

Magnifying Glass in Photoshop Tutorial InstaTuts-17

Step 18: Stroke Path

Right click -> Stroke Path and make the following settings:

Magnifying Glass in Photoshop Tutorial InstaTuts-18

Step 19: Create New Layer

Create another New Layer.

Magnifying Glass in Photoshop Tutorial InstaTuts-19

Step 20: Make Selection

Make the following crescent shaped selection:

Magnifying Glass in Photoshop Tutorial InstaTuts-20

Step 21: Fill Selection

Fill the selection with gray color.

Magnifying Glass in Photoshop Tutorial InstaTuts-21

Step 22: Gradient Overlay

Right click the selected layer and go to Blending Options -> Gradient Overlay – make these settings:

Magnifying Glass in Photoshop Tutorial InstaTuts-22

Step 23: More Settings

Proceed to make the following settings:

Magnifying Glass in Photoshop Tutorial InstaTuts-23

Step 24: Preview

After these steps you should have something like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-24

Step 25: Flip Duplicated Layer

Duplicate the last layer and go to Edit > Transform > Flip Horizontal.

Magnifying Glass in Photoshop Tutorial InstaTuts-25

Step 26: Preview

Make sure you have something like this crescent shape:

Magnifying Glass in Photoshop Tutorial InstaTuts-26

Step 27: Move Layer

Move the layer to the left:

Magnifying Glass in Photoshop Tutorial InstaTuts-27

Step 28:

Select all the layers, and go to Layer > New > Group for layers, you should have now a group called “Group 1 “. Duplicate this group:

Magnifying Glass in Photoshop Tutorial InstaTuts-28

Step 29: Merge Group

Select the group called “Group 1 Copy” and merge it.

Magnifying Glass in Photoshop Tutorial InstaTuts-29

Step 30: Merged Group Preview

You should have something like that:

Magnifying Glass in Photoshop Tutorial InstaTuts-30

Step 31: Group 1 Layer Visibility

Modify layer visibility for Group 1 by pressing on the eye. This removes the Layer from view.

Magnifying Glass in Photoshop Tutorial InstaTuts-31

Step 32: Rotate Magnifying Glass

Go to Edit > Free Transform and rotate the magnifying glass like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-32

Step 33: Create New Document

Make a new document with following settings:

Magnifying Glass in Photoshop Tutorial InstaTuts-33

Step 34: Move Magnifying Glass

Move the magnifier into the new document :

Magnifying Glass in Photoshop Tutorial InstaTuts-34

Step 35: Add Background Picture

Add a background. I used a print screen.

Magnifying Glass in Photoshop Tutorial InstaTuts-35

Step 36: Background Preview

You should have something like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-36

Step 37: Select Inner Rim

Make a selection around the inside rim of where the glass will be, like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-37

Step 38: Copy Background Circle

Copy a circle to go inside the magnifying glass from the original print screen. Paste it and it will show as another layer:

Magnifying Glass in Photoshop Tutorial InstaTuts-38

Step 39: Place Circle in Magnifying Glass

Move the circle to the center of the magnifying glass and size it to fit.

Magnifying Glass in Photoshop Tutorial InstaTuts-39

Step 40: Create Inner Shadow

Right click on the last layer and go to Blending Options and make following setting for inner shadow :

Magnifying Glass in Photoshop Tutorial InstaTuts-40

Step 41: Select Inner Rim

With the Pen Tool or Elliptical Marquee tool make a selection like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-41

Step 42: New Layer

Make a new layer (Shift+Ctrl+N):

Magnifying Glass in Photoshop Tutorial InstaTuts-42

Step 43: Color Fill

Fill the selection with white:

Magnifying Glass in Photoshop Tutorial InstaTuts-43

Step 44: Change Opacity

Make next settings for the layer – Opacity 15%:

Magnifying Glass in Photoshop Tutorial InstaTuts-44

Step 45: Create Another Inner Shadow

Right click on the layer and go to Blending Options -> Inner Shadow , and make these settings:

Magnifying Glass in Photoshop Tutorial InstaTuts-45

Step 46: Preview Lens

You should have something like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-46

Step 47: Create New Layer

Create another New layer (Ctrl+Shift+N):

Magnifying Glass in Photoshop Tutorial InstaTuts-47

Step 48: Pen Tool Select

Make this kind of selection with pen tool:

Magnifying Glass in Photoshop Tutorial InstaTuts-48

Step 49: Color Fill

Fill the selection with with white:

Magnifying Glass in Photoshop Tutorial InstaTuts-49

Step 50: Change Opacity

Make next settings for the filled layer – Opacity 44%:

Magnifying Glass in Photoshop Tutorial InstaTuts-50

Step 51: Preview of Reflection

Should have something like this:

Magnifying Glass in Photoshop Tutorial InstaTuts-51

Step 52: Drop Shadow

Select the magnifier layer and go to Blending Options –> Drop Shadow and make the following settings:

Magnifying Glass in Photoshop Tutorial InstaTuts-52

Step 53: And the Final Result!

Great work! You now have an awesome magnifying glass:

Magnifying Glass in Photoshop Tutorial InstaTuts-53

GOOD LUCK PHOTOSHOPPERS!