We are reader-supported. When you buy through links on our site, we may earn an affiliate commission. Learn more.

Learn How To Create A Real Magnifying Glass

What We’ll Be Creating

Learn How To Create A Real Magnifying Glass

Resources Used In This Tutorial

Getting Started!

Simply start off with a screenshot of some sort and place it onto your canvas. I’m using a screenshot of my upcoming website code snippet.

Learn How To Create A Real Magnifying Glass

I’ve gave my screenshot a simple background and shadow just to add a bit of depth to the overall image.

Download the “Vector Magnifying Glass” from the resource list above.

Once downloaded place the magnifying glass onto the canvas.

Learn How To Create A Real Magnifying Glass

Modifying The Magnifying Glass

Using your desired cutting tool remove the white background from the vector magnifying glass. Once the background is removed, removed the inner lens then resize the vector to a reasonable shape using the “Free Transform Tool” (Ctrl + T).

Learn How To Create A Real Magnifying Glass

Now to the magniying glass shape add a “Drop Shadow” using the settings below.

Learn How To Create A Real Magnifying Glass
Learn How To Create A Real Magnifying Glass

Next, select the “Circle Tool” (U) then drag out a new white circle #ffffff inside of the lens area.

Learn How To Create A Real Magnifying Glass

Magically Transform The Magnifying Glass

Open a bigger vesion of the screenshot you used in the first step then copy it to your canvas. Before we proceed we need to organise our layers.

Learn How To Create A Real Magnifying Glass

Its important that the bigger screenshot sits inbetween the magniifying glass layer and the white circle layer. Once you have organised the layer right click the bigger screenshot and select “Create Clipping Mask”. The bigger screenshot should disapear into the magnifying glass lens.

Learn How To Create A Real Magnifying Glass

If you select the magnifying glass layer and white circle layer then right click and select “Link Layers” you can freely move the magnifying glass around the canvas to zoom into the different areas.

Learn How To Create A Real Magnifying Glass

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page.

Learn How To Create A Real Magnifying Glass
Author: Tom ClaytonTom loves to write on technology, e-commerce & internet marketing. Tom has been a full-time internet marketer for two decades now, earning millions of dollars while living life on his own terms. Along the way, he’s also coached thousands of other people to success.
css.php