How to use a digital photo mask
Photo masks are a simple way of showcasing a photo with pretty much any shape or design you can imagine. It’s an easy process once you know how to combine the two images—the photograph(s) and the mask. Here’s how:
1. Open the photo mask file in Photoshop or Photoshop Elements (I’m using Photoshop CS3, but you can accomplish this in any edition). The mask I am using is from Photocuts Masks v.2 by Carina Gardner.
2. Open the photograph you would like to mask in the same program. If you want to edit your photo, do that now and flatten all the layers before you continue.
3. Select all (ctrl+a) and copy (ctrl+c) your photograph.
4. Go back to your photo mask file that is open in the same program (you can find it in the window tab at the top). Paste (ctrl+v) your copied photograph over the mask. Use the transform tool (ctrl+t) to adjust the size of your photograph to the rough size of the mask. To change the size without distorting your picture, hold down the shift key and pull a corner to make the image bigger or smaller.
5. Head over to your layer palette at the right of your screen. Your photomask will probably be called layer 0 and your photo will be layer 1. Right click on layer 1 to see this pull-down option menu. Select ‘Create Clipping Mask’ or ‘Group with Previous’. (These two commands act the same in this function, but have different names in different editions of Photoshop.)
6. And now your photo should have magically snapped into the shape of your mask.
7. You can continue to move your photo and change its size until you are happy with its placement in the mask. Just make sure the photo layer is highlighted in the layer palette and then use the move or transform tools to put things in the right place.
Want to transfer this image to a digital scrapbook page you’re working on? Flatten the layers (ctrl+e), select all (ctrl+a) and copy (ctrl+c). You can then paste it into your digital layout and continue to add layers above and below.
Want to save the masked image to use online, like in a blog post? Change the image size to what you use for your blog (look in the image tab at the top of the screen) and then choose Save for Web from the file tab. Saving as a jpg will default the transparent areas (the checkerboard) to white or another default colour you have selected. That’s fine—if that colour is the same background as your blog. If you want to save the transparency of the image, you’ll need to save it as a gif or png (but be aware that not all web browsers like png files).
Want to print this image to use on a paper layout? No problem. Just use your normal print dialogue and the transparent elements on your screen will become the white of your photo paper. Add a layer of digital paper below the mask if you would like the background to be anything other than white photo paper.
Ready to choose some photo masks? You can start your search here.
xlovesx
Read more about:
13 July 2009
Next post: How to use a layered page template
Previous post: Digital scrapbooking tutorial :: Customising a digital page template
15 July 2009, 16:34
Thanks for this Shimelle, this has come in very handy for the Copy and Paste challenge this week!
17 October 2009, 17:51
Thank you so much for this tutorial. I’ve had some masks for a while but never really understood how to use them.
18 October 2009, 08:37
I’ve used your tutorial to create an LO using a mask, you can see it on my blog here
25 November 2009, 22:20
Quite informative and interesting tutorial.
Thanks.
23 October 2012, 10:27
Thank you so much for this tutorial! That was so easy!
5 July 2013, 07:20
I enjoyed the tips and will follow. Thanks,
7 December 2017, 00:25
Photo masks are a simple way of showcasing a photo with pretty much any shape or design you can imagine.
29 October 2021, 09:54
Thank you for sharing this great information. It really helped me a lot in learning photo editing. However, to be able to master in a short time is very difficult. Therefore, whenever I need it, I will use an online tool. One of the online tools I often use is https://removal.ai/manual-background-removal-services . I share this because I believe that a lot of people need it as much as I do.