View the Photoshop Action Photostream Become a Fan of MCP Actions on Facebook Follow MCP Actions on Twitter Join MCP Actions on Linkedin Subscribe to the MCP Actions Tutorials via email

How to use a “Clipping Mask” to insert photos into a template

December 1st, 2008
Categorized Under: Photoshop Tips & Tutorials

This is a very basic tutorial on how to use clipping masks to insert photos into a template or card.

To start with, open your template.  For this example, I am using a very simple white template.  Openings shown in black.  The black represents the layer(s) in your templates that you need to clip to.  Depending on the designer they may be labeled “Photo Layer,” “Photo” or almost anything else.  What you are looking for to identify these layers is a shape (such as a rectangle) in your layers palette.

clipping mask tut 900x485 How to use a Clipping Mask to insert photos into a template

Once you find these, you need to bring the photo(s) into the template and place a photo above the layer.  So in this sample, there is a layer 2 and layer 3.  Whichever photo you place above layer 2 will be on the right and directly above layer 3 will be on the left.

To move a photo into your canvas, go WINDOW – ARRANGE – CASCADE so you can see things staggered.  Then use the MOVE tool to move the photo into the template or card.  Once your photo is inside, move it above the layer you need it to clip to, and position so that it is over that shape.

This is what your layers palette will look like with your photo placed above layer 2.

clipping mask tut2 How to use a Clipping Mask to insert photos into a template

To resize a photo that is way too big, hold CTRL (or CMD) + “T” and this will bring up your transform handles.  Then hold down SHIFT KEY.  And move in one of the 4 corners to shrink.  If you do not hold SHIFT, your photo will distort.  Click the check mark at the top to accept the change.

clipping mask tut3 900x937 How to use a Clipping Mask to insert photos into a template

Next you will be adding the clipping mask so that the photo clips just to the shape layer below. There are numerous ways to do this.  The easiest way is to go in your layers palette menu and select from the drop down “Create Clipping Mask.”  If you prefer short cut keys it is ALT + CTRL + G (OPT + CMD + G).

clipping mask tut4 How to use a Clipping Mask to insert photos into a template

Once you do this you can move your photo around to taste and it will only be inside that shape below.

clipping mask tut5 How to use a Clipping Mask to insert photos into a template

Next Step is to insert a photo above each other layer and clip it to the cooresponding layer as well.  Then you are ready to save.

As I said this is a basic clipping mask tutorial as related to templates and cards.  Clipping masks can be used for a variety of other applications as well.  I hope this helps you start understanding them.

clipping mask tut6 How to use a Clipping Mask to insert photos into a template

Share this post:
  • Facebook
  • Twitter
  • Add to favorites
  • Digg
  • StumbleUpon
  • del.icio.us
  • Technorati
  • LinkedIn
  • Google Bookmarks
Tags: , , , , , , ,

10 Comments

Leave a Reply








  1. 1. keri Says:

    you are awesome! thanks jodi :) i never could figure that out! haha…

  2. 2. janeth Says:

    Thank you Jodi. Great tutorial!!:o)

  3. 3. Niki from CA Says:

    Thanks a ton!! Except I’m a little on the slow side today…. how do you get the black rectangles again?

  4. 4. Pam Says:

    Thanks for this tutorial, Jodi. It’s just what I was trying to figure out and here you make it look so darn simple!

    Also wanted to say how excited I am to see that you are now on PW’s photo “staff”. You sure started off with a bang showing one of your step by step tutorials! I think you are the best around!

  5. 5. Jennifer Bartlett Says:

    Thank you for sharing this. It will help me alot. You are so kind to take all this time to help.

  6. 6. SBL clipping path services Says:

    This is just a fantastic tutorial! How totally cool!!

    Regards,
    SBL Graphics
    http://www.saibposervices.com/Clipping-path_services.aspx

  7. 7. tracy Says:

    ok, i never knew how to do that. THANKS!

  8. 8. 40 Top Photoshop Tips, Tricks & Tutorials from MCP Actions | MCP Actions Blog Says:

    [...] Using Clipping Masks – How to insert photos into a template [...]

  9. 9. Web Design, Splash Pages, Blog Headers, Wordpress Blogs, Blog Sites, HTML Websites » Web Design, Splash Pages, Blog Headers, Wordpress Blogs, Blog Sites, HTML Websites Says:

    [...] Using Clipping Masks – How to insert photos into a template [...]

  10. 10. Get Ready for Father’s Day and Celebrate with this GREAT FREE DAD Template | MCP Actions Blog Says:

    [...] clipping masks – if you are familiar with using clipping masks, it is amazing. You may also see my tutorial on using clipping masks here. If you are not familiar and not eager to learn a new skill, version 2 is for [...]

Welcome to the MCP Actions Photoshop Blog

  • Learn to enhance your images with time saving Photoshop tutorials. Join us for daily blog posts with the latest photography and photoshop tips, contests, photographer interviews, and blueprints teaching how to use photoshop actions.

shop for photoshop actionsTamron Lenses CouponFlorabella TexturesKaleidoscope TexturesTeach Photography ClassesClick In MomsanimotoEasy as Pie

Polls

Will you upgrade to Photoshop CS5?

View Results

Loading ... Loading ...





Find Photoshop Actions

Use the code below to display the MCP banner above on your blog or website.


Use the code below to display a text link to MCP Actions on your blog or website.
Related Posts Widget for Blogs by LinkWithin