Image Sources: Design Love Fest, Mairi Hughes, Angie Makes, and Angie Makes.
One of my absolute favorite tools to use in Photoshop is the clipping mask. It is such a versatile tool and can be used to create some stunning results. I’ll walk you through a use for clipping makes in the images below, and be sure to watch the video at the bottom that also covers some creative ways for bloggers and designers to use the clipping mask tool! Ahem. Like creating this super cool post layout (Available with the Mary Kate blog kit here!)
But first, let’s get on with how to apply a clipping mask to some hand brushed text.
I’ve started by creating a new document and placing some sweet hand brushed text. (See this tutorial for a set by step on scanning in and cleaning up your brush lettering.) So let’s go! Here’s exactly how to use a clipping mask in Photoshop.
Then, I picked out a really cool watercolor background that I wanted to be clipped inside of my text. I chose File / Place to place it on a layer above my brushed text.
There it is below, covering my “Be thankful” text.
Now is where the magic happens. Take a look below to see what I do to clip the text. I am just holding down the alt key then hovering over the space between the two layers. You should see a Venn diagram looking set of overlapping circles. Then simply click to create the clipping mask. To release the clipping mask, continue holding down alt and click again.
Viola! Your text looks great and your clipping mask was a success. You can select the clipped layer, in this case my purple / black flower pattern and move it around until you like the way it looks.
The Finished Product:
Now, let’s talk about how to use the clipping mask to create some sweet images for your blog posts… like this one!
If you’re making an image for web, size it appropriately. I’ve sized mine to fit my blog content posting area. I’ve made it tall so it will look good on Pinterest. The dimensions I chose are 900px by 1200px.
Next, make a shape on your document. I used a pentagon by using the polygon shape tool. You can use whatever shape (or object!) that you like.
Now, go to file / place to place the image that you would like to crop inside your shape.
Now place your image directly over your shape that it will be clipped (aka cropped) into.
Now is where the clipping mask action happens. Here it is. Again, we’re hovering in between our shape and image layer then hold down the alt key until we see the venn diagaram (double overlapping circle) shape. Click to mask and Click again to unmask.
Drag your image layer until it looks right.
Feel free to add more layers, shapes, and images until you have a lovely collage. Don’t worry, there are many collage templates for photoshop available. Here is just one that comes with our Mary Kate Blog Kit.
I cover both of these clipping mask techniques in this short video tutorial below. Hope you enjoy working with clipping masks. Share your creations in the comments below!
I’m pinning this for later but clearly not able to accomplish anything yet!
Me ha encantado el tutorial.
Mil gracias.
Gracias por tu comment! Me alegre que te gusto. :)
Oh this is so cool..thanks Angie for teaching me this easy shortcut….the way I used to do it took way too long!
Jill! Hey sweet lady. :) Glad you found something to save you a bit of time.
This is amazing and so easy! Thank you for sharing!
Sarah,
Oh awesome! Glad you found it useful. :)
Angie, I just have to say that I love you! I love that you live in Texas, I love that you speak Spanish (I am assuming because of your comment above). Hablo espanol tambien! But most of all, I love this tutorial! Thank you for such a great site and blog! I could spend hours looking at all your cute designs. Thank you for sharing some of your knowledge. Okay, I am done. Haha, hope that wasn’t too much love for you. :)
Ronda,
Tehe! Never too much love. :) You’re way sweet. Thank you.
My husband is from Ft. Worth so we make it to your stomping grounds every now and then.
Oh, and you and your blog are super cute. I went ahead and featured your site via Pinterest!
https://www.pinterest.com/AngieMakes/angie-makes-themes-showcase/
I LOVE this! I’m getting things all squared away for 2015 and going through your blog posts! This, along with your brush lettering tutorial rocks! Cannot wait to apply then to a few of my upcoming projects! :)
Lindsay,
Ah! Thanks so much. I’m so glad you found both those posts useful. I’m loving your site btw. Nice job! :) I’ll have to feature it.
Aww, you’re too sweet! :)
We loved this tutorial! Will put it to use for a fun post on our blog! Thanks.
THANKS!!!!
No problem Gi!
Thank you so much for this tutorial! I’ve been looking for a reliable one for quite a while and yours was extremely helpful!
Hi Angie! How did you do that clipping trick for the bicycle? The one included on the first picture? Thanks! :) <3
Hi Angie,
Bought your Mary Kate theme and I love it. This is going to help me to personalise it. It takes me ages but I´m learning to build my blog step by step.
Maria
I’m having some trouble with this. I’m on a Mac and I’m working in PSE 13. When I hold down alt and hover between the two layers, there is a square box with an arrow pointing downward instead of two overlapping circles. When I click, it makes the brush strokes disappear completely, leaving the text unchanged. Is there a simple fix to this?
Like the post above, I updated PS and AI within creative cloud…probably shouldn’t have! The little overlay Venn icon is no longer used and it’s a weird box with an arrow. It does nothing! I’m using a template from the chickaboom blog kit with that helps!
Rachel
I LOVE YOU!!! Lol….thank you so much for sharing this tutorial. Everything I’ve learned so far, I’ve done on my own and through trial and error, but I have been wanting to learn to do this so bad! ♡
Such an awesome tutorial ♥ Thanks Angie :)
Live Blog Love by Hazel Asoy
Nice tutorial on clipping mask photoshop.
Thank you so much for this tutorial!! It has been REALLY helpful and I’m excited to see what I can create using the clipping mask tool! :)
I was so excited to find this tutorial but unfortunately it does not work with the most recent version of Photoshop. I love your posts though!
Hi Britt!
What version of Photoshop do you have? I have the latest and while the two circles don’t appear, you see a square when holding alt and it works just fine. :)
Ah! This is fabulous! So glad I found you and I look forward to using this in my blog posts! Thanks again!
Thank you! A hug from Brasil! :*
Thank you for your tutorial. I have a project that involves this type of work, and this helps. Thank you
what a great tutorial. I like it very much. I think its very helpful that how to use clipping Mask
¡Gracias por el tutorial!
Saludos
This is awesome !!This is SUPER helpful.I’ve been curious about this. Lovely tutorial too.
Great article posted by you really! I picked out a really cool watercolor background that I wanted to be clipped inside of my text. I chose File / Place to place it on a layer above my brushed text.
This clipping mask photoshop tips is great and I have satisfied from this resources. thanks
It’s a great place to learn clipping mask idea, thanks dear,
Thank you for this tutorial! I am so excited that you are giving tips for Adobe Photoshop Elements, and not just Photoshop. I currently use Elements, but it is difficult to learn.
Such a nice information i like your all blogs.You are doing very well.Thanks Admin.
Today I got here some valuable idea about How to Use a Clipping Mask in Photoshop, thanks f this good explained
Very helful!
Its a veri nice blog and useful content .
Such a great forum. Students will be able to find a list of more websites from this post and they can learn better from these sites. Thanks for sharing the post
Very informative article. The review is a great way of knowing what customers are thinking about your service and products.
Excellent tutorial about the clipping mask. I was looking for a clipping mask tutorial. thank you so much for the tutorial.
Much thanks to you such a great amount for this instructional exercise! I’ve been searching for a solid one for a long time and yours was amazingly helpful
Thank you for posting such a great article! I found your site perfect for my needs. It contains interesting and useful posts for me. Please continue to uphold. Thank you for this great article.
Your service is very useful for everyone , I impressed by your magicjack support.
very good job keep it up.
Thanks for sharing valuable information. Your blog was very helpful and efficient For Me.if you are facing any problems with Magicjack Customer Service then Please Contact Magicjack Phone Number +1(833)783-3300.
Thank you for this tutorial! I am so excited that you are giving tips for Adobe Photoshop Elements, and not just Photoshop. I currently use Elements, but it is difficult to learn.
Awesome information, i have learned huge resources through this post. thanks
This article is good! Thanks for sharing this its a very informative……i reallly like to read this………keep posting
This post is great! Thank you for sharing this helpful information….i really like your post….
I am new to Photoshop, this seems a bit difficult to me but thanks for the tip .
Hey! Dear I loved your content very much because of your interested topics, keep sharing with us.
Hello ANGIE ,
I have read your article briefly and love to tell you that the it is informative and helpful for me. I like the useful in our daily blogs and the new updates regarding this information you offer in your articles.
Thanks for your information.
Visit Us:-https://www.dating-guideus.com/can-i-temporarily-deactivate-my-silversingles-account/
Visit Us:-https://www.dating-guideus.com/silversingles-phone-number/
Visit Us:-https://www.dating-guideus.com/cancel-my-silversingles-membership/
Hello! Already, I read some content of your blog. Your explanation is awesome! Thanks for sharing this with us.
Hello,
This is really helpful post and very informative there is no doubt about it. I found this one pretty fascinating and it should go into my Collection. Very good work!
Thank You.
Visit Us:-https://www.dating-guideus.com/can-you-see-messages-on-okcupid-without-paying/
Visit Us:-https://www.dating-guideus.com/okcupid-customer-service/
Hello,
Thank you ever so for you blog.Really looking forward to read more. Really Cool.
I think this is an informative and interesting blog so I think it is very useful and knowledgeable. I would like to thank you for the efforts you have made in writing this blog.
Great blog! Your content is really very wonderful to read, keep sharing with us
You can deposit money in a Venmo wallet or link your bank account before making any transaction. After that, all you have to do is just tap and scan the device and then, you are set to go! With value for time, Venmo also provides access to a different type of cards. Get you Venmo wallet ready now! Contact Venmo Customer Support .
Thank you ever so for your blog but my side photoshop in side layer not show please help how can i showing layer
great its very helpfull images clipping mask i have question what is difference cc & cs6 photoshopt
Hello! Thanks for sharing this amazing content your information is really very awesome to read. Keep it up and best of luck for your future updates.
Hello! Thanks for sharing this amazing content your information is really very awesome to read. Keep it up and best of luck for your future updates.
This is really helpful post and very informative there is no doubt about it. I found this one pretty fascinating and it should go into my Collection. Very good work!
Nice Blog Post. Thanks For Sharing this informative post.
MagicJack uses the internet connection for allowing you to make calls on this.
I’d like to find out more? I’d care to find out some additional information.
The clipping mask is important for masking. It is the first step. You did a great job and I liked your tutorial. Thanks for the share. Excellent! We’re so glad you found it useful!
I think the clipping mask is a powerful technique to remove your unwanted background. Great Information Sharing it. I like it, Great Job.
Thanks you so much for sharing this information I think it is very important for me
We were both young when I first saw you
I close my eyes, and the flashback starts
I’m standing there
nice info thanks
Thanks for sharing a informative clipping mask tutorial. hope you will share more.
I am very thank full to you for help us..
Amazing post, thanks for sharing this article.
Hey, what’s moving not to mention everybody is sharing the truth, which is excellent, keep writing.
Good idea, friend, thank you, keep up this up. I’m quite happy to realize your degree.
Thank you
Awesome article, Thanks for discussing this Report. I am quite interested in your own blog
and recent field work has identified two additional levels vertically higher, which
indicate that there is the opportunity of additional resources to get defined both around dip.
There would be no cumbersome application procedures
and so many business owners think it is comfortable to acquire financing commercial vehicle.
‘Span tinker-toyed with all the rate of interest all the
way down to 1%, and ‘Anke is following suit (bettering it to 0-.
But it was something such as the tiny Dutch Boy sticking his finger in the dyke to avoid the leak.
There would be no cumbersome application procedures and thus
many business owners find it comfortable to obtain financing
commercial vehicle. This is often a mistake that retirees make plus they end up
outliving their income.
Where the gold price is presented in currencies other than the US dollar, it’s changed into the neighborhood currency unit using the forex trading
rate closing price on the same day. I got an agreement by email, printed if off, signed it, scanned it
and emailed it returning to him in the pdf doc and everything was good
to go. The gas companies are so developed nowadays we need accurate techniques to flourish in this business area.
thank you so much for this amazing posts
Talk Points is an online tabloid that offers interesting & important information unbiasedly. Our aim is to make life simple with the help of technology. We know that technology does matter a lot but it has some limitations. To make life beautiful many other things also matter. Therefore, we share pearls of wisdom on health, travel, sports, entertainment, self-improvement and more.
For more info:-PNG v/s JPG
Good post. I browse here for approximately one hour. I’m new along with also your success motivates me personally.
But it was something similar to the tiny Dutch Boy sticking his finger in the dyke to
avoid the leak. There would be no cumbersome application procedures and so many businesses believe it is comfortable to obtain financing commercial vehicle.
The gas marketplace is so developed nowadays we need accurate ways to achieve this business area.
Thank you for this tutorial! I am so excited that you are giving tips for Adobe Photoshop Elements, and not just Photoshop. I currently use Elements, but it is difficult to learn.
Regards
David Karl
If you are not happy with the YouTube TV streaming services, you can also cancel Youtube TV subscription. For more details, call us today.
So, you love both Amazon and PayPal, but don’t know- how to transfer Amazon gift card balance to PayPal? You will be pleasantly surprise to know that the process to transfer Amazon gift balance is quite simple. All you have to do is just add your Amazon gift card to your PayPal account as a payment method and buy anything that you wish on PayPal. That’s how you can redeem your Amazon gift card on PayPal. To have a closer look on step by step process, open the above mentioned link and follow steps.
Cash App direct deposit is not only safe but also a fastest way to get paid online from your employer, IRS, and many other federal agencies. Additionally, it is simple and free to enable, set up, manage, use with ease of mind. It must be noted that only the Cash App users who have verified their account only they can enable direct deposit on Cash App. Moreover, it is important to have a Cash App card to get eligible for enabling Cash App direct deposit. Know more about how to activate Cash App card.
awesome, i love it……
We are one of the best and leading tour and travel agency in North India offers best tour packages which are easily adjustable in everyones budget. Please call us today and book your tour.
new more good news
NEW GOOD NEWS one of the best and leading tour and
more good and okk news
MORE NEWS UPDATES dailyuknewspost
todayusnewspost todayusnewsposttodayusnewspost todayusnewspost
MORE NEWS UPDATES US
MORE NEWS UPDATES US breakingnewsontime breakingnewsontime
LATEST NEWS MORE reporterwingsnews reporterwingsnews
MORE NEWS UPDATES US
ushonestcolumnist ushonestcolumnist
nice post….
Best app for online classes
Thank you for helping people get the information they need. Great stuff as usual. Keep up the great work!!!
Thanks for sharing this amazing and wonderful post. I visited first time on your blog and found it very useful and interesting. I also have my own blog. Please also visit there:
nice post