Mastering Masks in Photoshop and Illustrator, with School of Motion

January 9, 2025
School of Motion Logo

School of Motion está reimaginando la escuela de arte con una formación de primera clase que está disponible en tu horario desde cualquier lugar de la Tierra. Ofrecen una amplia variedad de cursos que pueden llevar tus objetivos creativos al siguiente nivel. Visita su sitio web para ver todas sus ofertas.

The below video originally appeared on School of Motion’s YouTube Channel, and this explanatory article originally appeared on their website. It was written by Jake Bartlett.


Masking is a technique that every motion designer needs to master. In the video below, you’ll learn how masks work in Photoshop and Illustrator.

If you work in Photoshop or Illustrator and aren’t routinely using masks, you are likely employing lots of convoluted hacks and workarounds to get the result you’re after. It’s probably painful at times and keeps you up at night. Well, have no fear, Jake Bartlett is here to teach you exactly how image and vector masks work inside of both Adobe Photoshop and Adobe Illustrator.

In this tutorial, Jake, who teaches Photoshop + Illustrator Unleashed in addition to Explainer Camp, walk you through a few examples of how you can use both vector and image-based masks in both apps. Bookmark this one, it’s useful AF.

How to Mask Objects in Photoshop and Illustrator

What are you going to learn in this tutorial?

You’re going to learn several ways of using masks in both Photoshop and Illustrator. More importantly, you’ll learn when to use each type of mask. Sometimes you want an image mask, sometimes you want a vector mask, and it’s important to know the benefits of each. You’ll also pick up a ton of handy workflow tips from Jake.

How clipping masks work in Illustrator

Admit it. Every time you need to use a clipping mask in Illustrator you have to look up how to do it. Hopefully, this lesson cures you of that ailment.

Mastering Masks 1

Illustrator has image masks?

Did you know Illustrator can use images as masks just like a Luma Matte in After Effects? Gadzooks!

Mastering Masks 2

Photoshop image mask techniques

Image masks are incredibly common in Photoshop, and also very powerful. Learn how they work, yada yada yada, then profit.

Mastering Masks 3

Using Vector Masks in Photoshop

Photoshop actually has very powerful vector tools as well as the raster tools you’re probably familiar with. Vector masks are a secret weapon that you can now wield.

Become Fluent in Photoshop and Illustrator in 8 weeks

For the full tutorial, make sure you watch School of Motion’s video! But there’s so much more to learning motion design skills.

Photoshop and Illustrator are the mama and papa of motion design. You’ll likely spend about half of your professional life using them, so you might as well know your way around both apps. You may think you know the programs, but if you’d like to really optimize your workflow and learn a ton of new techniques with the help of experienced industry pros, check out School of Motion’s course, Photoshop + Illustrator Unleashed.


School of Motion Logo

¿Quieres saber más?

While this was not a complete guide to mastering image masks, it will certainly get you started. Interested in learning more about all of the skills necessary for motion design and animation? For more tips, head to School of Motion’s Youtube Channel, or find complete courses on their website.

Entradas relacionadas:

Animating Dreams: Alex Ferreira Simões’ Journey from São Paulo to the Heart of Gaming

Animating Dreams: Alex Ferreira Simões’ Journey from São Paulo to the Heart of Gaming

Where Pixels And Daydreams Collide: Nick Shaheen’s Motion Capture Journey with Rokoko and Wacom

Where Pixels And Daydreams Collide: Nick Shaheen’s Motion Capture Journey with Rokoko and Wacom

Tracks and Layers, with Scan Pro Graphics, review the Wacom Movink OLED Pen Display 

Tracks and Layers, with Scan Pro Graphics, review the Wacom Movink OLED Pen Display 

Saca el máximo partido a tu Wacom con Pablo Muñoz Gómez - Consejo 10: Cómo hacer una copia de seguridad de tus ajustes personalizados de Wacom

Saca el máximo partido a tu Wacom con Pablo Muñoz Gómez - Consejo 10: Cómo hacer una copia de seguridad de tus ajustes personalizados de Wacom

Conecta con Wacom en las redes sociales

Don't mind us, we're out here mesmerized watching @andreaalice.nz make petals 🌺🌸💜🖌️ What beautiful things are you making today? Tag us #MadeWithWacom Now go feast your eyes and check out Andrea's stunning botanical prints. #creativeprofessionals #digitalart #artistsoninstagram
223 5
How many strokes to draw Rengoku? 🗡️💥❤️‍🔥 @caleo_real did this challenge and the results were..... Interesting 🤯😂 Do you count your strokes? An artist may choose to paint with as few brush strokes as possible for many reasons, including aesthetic effect, style, technique or emotional impact. #madewithwacom #digitalartist #digitalart #demonslayer #rengoku #fanart #artchallenge
907 10
One of the most important steps in animation is BLOCKING! We asked @fabgioffre to walk us through his process to show you how easy it can be, especially if you're using the right tools like @toonboomanimation and a Wacom tablet (Fabio is using the Movink on this video). Head to Fabio's YouTube channel for the full tutorial or head to our stories to get there. #toonboom #wacommovink #madewithwacom #animation
181 8
A seamless blend of design, engineering, technology. The Cintiq Pro 27 is designed to let professionals work and move in complete harmony. Ready for an upgrade? #wacomcintiqpro #CintiqPro
721 34
It's assembly time! 🔨📏💪🪛 Watch @hannarybak_ upgrade her #WacomWorkspace with the Wacom Flex Arm. Are you good at assembling things? We think Hanna made it look like a breeze. #wacomcintiq #CintiqPro #digitalart #artistlife #creativeprofessionals
328 10
New year's resolution: spend more time outside! 🌞🌼🌿🪴⁣ Where's your favorite place to draw? ⁣ With the Wacom Movink, you can transform any charming park nook or quaint café into your creative haven.⁣ Video by the lovely @ho_yingching
289 3
#HappyNewYear2025⁣ Just as the snake sheds its skin, we're encouraged to release fears and opening ourselves up to growth and renewal. ⁣ ⁣ May 2025 be a year of profound transformation 💙✨⁣ ⁣ Art by @here_4_cheese and calligraphy by @miki.amn ⁣ #Wacom #MadeWithWacom ⁣
2647 10
Kick off the new year with a new digital canvas. 🖌️🎨 Wacom One 12 is now on sale 🤘🤘🤘 Head to the Wacom estore to save. #WacomSale #WacomOne #wacomtablet
162 4
¿Cuáles son tus funciones favoritas de la Intuos Pro? Para @adam_theillustrator es desplazar, el zoom de tres dedos combinación de teclas, y la pantalla de alternancia para la opción de monitores duales ✍️✨ #intuospro #wacomtips #wacomtablet #digitalartist #digitalart #adobeillustrator
759 26
¿Has intentado alguna vez enmascarar a una persona utilizando un ratón? 🫢 @ruthiesmagicalcamera lo hizo y fue un auténtico asco. 🤷🏻‍♀️ A Ruthie le gusta tener un manejo total sobre cada detalle de sus composiciones fotográficas, y la edición con un lápiz Wacom le permite profundizar mucho en los detalles, con una precisión nítida, como si estuviera pintando sobre sus fotos 💃✍️📸🌾 ¡Mírala probando el nuevo #WacomMovink! PS. ¡La Wacom Movink ya está a la venta! #fotoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
451 9