Mobile app version of vmapp.org
Login or Join
Lengel450

: How to design sleek magnifying glass effects like these? I'm wondering how I can create the magnifying glass effect I've seen a lot lately on pages that sell software (either desktop or web-applications).

@Lengel450

Posted in: #AdobePhotoshop #PhotoshopEffects #WebsiteDesign

I'm wondering how I can create the magnifying glass effect I've seen a lot lately on pages that sell software (either desktop or web-applications).

Here are two examples. I really like the first one (first place I saw it too)

Things App:

SupportBreeze:

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Lengel450

2 Comments

Sorted by latest first Latest Oldest Best

 

@Berumen635

Sorry for being so lazy,i think if i have bookmarks it better to spread them rather than creating and showing you each steps,i learn this thing from such tutorials they are easy to understand,

please take a look and follow the same...


Photoshop Magnifying Glass
Photoshop Magnify
Zoom Effect in photoshop
Magnifying from scratch
This one is awesome


And Micheal already did a great job....

10% popularity Vote Up Vote Down


 

@Alves566

Make a new layer on top of the background, then make a circular selection (hold down shift to make sure it is a perfect circle) and fill it with any color that you want.
Set the fill % in the layers palette to 0%.
Go into the layer FX and add a stroke (black) and inner glow (white).
Keeping the circle selected, move to the background layer and hit ctrl+c (copy).
Make a new layer above the background but below the magnifying glass, paste the copied part, line it up pretty well, hit ctrl+t (free transform) then scale it while pressing both shift (to keep it proportional) and alt (to keep the center stationary).
Ctrl+click the magnifying glass layer's icon in the layer palette (the one you made in step 1, stroked in step 3, etc.) and then hit Ctrl+Shift+i to invert the selection.
With the zoomed content layer selected (from step 5,) hit delete.
Bring up the FX for the zoomed content layer and put a fuzzy drop shadow on it.


After that, make a handle for the magnifying glass... probably the easiest way would be to create a new layer, make a tall, narrow selection, fill it with black, and then use liquefy on it. The more difficult (but better results) way would be to make a new layer, use the pen tool to create a path with a subtle wavy top, then go into the paths palette, right-click the path, select "Make Selection," and then use Edit-Stroke. Delete the left, right, and bottom sides, keeping only the top. Then position it so that it is flush with the stroke from the magnifying glass layer (the one with the stroke and inner glow on it.)

Here's an example:



You could also use spherize on the zoomed content, but it's going to heavily distort the text:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme