Learn How To Create A Real Magnifying Glass

A real Magnifying Glass i hear you say….? yes, in todays tutorial I’ll show you how to create a real magnifying glass which really magnifies your canvas.

In Effects

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

Download Source

  1. InfamuosLA
    August 10, 2011 at 6:42 PM

    Great tutorial – can’t wait for the launch of CodeSnippet :)

  2. August 11, 2011 at 9:35 AM

    nice tutorial we have great experience from you ..! we are excepting more with you richard ..!

  3. John
    August 11, 2011 at 11:03 AM

    Wow. Luv that Richard. pretty amazing thanx. i just did one for my Facebook page. and wow.. its really amazing specially when you move the tool . amazing effect. thanx for sharing such these experience

  4. John
    August 11, 2011 at 8:04 PM

    I would like to ask you if you can show us how to make the magnifying tool that we just downloaded from the website. its raelly amazing

  5. August 12, 2011 at 2:39 PM

    Follow the tutorial, it shows you how to do it

  6. August 12, 2011 at 7:42 PM

    thank you man
    :)

  7. fatma
    August 21, 2011 at 11:29 PM

    really useful one thx u

Give Us Your Feedback

Here on Photoshop Plus we use something called Gravatar, its a little image which will appear next to your name when you comment on a blog. Using a gravatar will help us recognise genuine comments from the spam comments.


Don't forget to leave a comment on this post, we appreciated your feedback good or bad.

There's currently 7 Comments On Learn How To Create A Real Magnifying Glass, why not add yours!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Auto Scroll To The Top
css.php