{"id":818279,"date":"2025-01-09T09:00:00","date_gmt":"2025-01-09T17:00:00","guid":{"rendered":"https:\/\/community.wacom.com\/en-us\/?p=818279"},"modified":"2025-02-03T14:10:39","modified_gmt":"2025-02-03T22:10:39","slug":"mastering-masks-photoshop-illustrator-school-of-motion","status":"publish","type":"post","link":"https:\/\/community.wacom.com\/en-us\/mastering-masks-photoshop-illustrator-school-of-motion\/","title":{"rendered":"Mastering Masks in Photoshop and Illustrator, with School of Motion"},"content":{"rendered":"\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg\" alt=\"School of Motion Logo\" class=\"wp-image-811227\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg 225w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-200x200.jpg 200w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-100x100.jpg 100w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<p class=\"has-text-align-left wp-block-paragraph\"><em><a href=\"https:\/\/www.schoolofmotion.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">School of Motion<\/a>&nbsp;is reimagining art school with world-class training that is available on your schedule from anywhere on Earth. They offer a wide variety of courses that can take your creative goals to the next level. Check out their&nbsp;<a href=\"https:\/\/www.schoolofmotion.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a>&nbsp;to see all of their offerings. <\/em><\/p>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><em>The below video originally appeared on School of Motion\u2019s<a href=\"https:\/\/www.youtube.com\/@schoolofmotion\" target=\"_blank\" rel=\"noreferrer noopener\">\u00a0YouTube Channel<\/a>,\u00a0and this explanatory article originally appeared on\u00a0<a href=\"https:\/\/www.schoolofmotion.com\/blog\/mastering-masks-photoshop-illustrator\" data-type=\"link\" data-id=\"https:\/\/www.schoolofmotion.com\/blog\/your-first-day-in-zbrush\" target=\"_blank\" rel=\"noreferrer noopener\">their website<\/a>. It was written by Jake Bartlett. <\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this tutorial, Jake, who teaches <a href=\"https:\/\/www.schoolofmotion.com\/photoshop-illustrator-unleashed\" target=\"_blank\" rel=\"noreferrer noopener\">Photoshop + Illustrator Unleashed<\/a> in addition to <a href=\"https:\/\/www.schoolofmotion.com\/explainer-camp\" target=\"_blank\" rel=\"noreferrer noopener\">Explainer Camp<\/a>, 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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Mask Objects in Photoshop and Illustrator<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Mastering Masks in Photoshop and Illustrator\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/gmu3OGtNcJA?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What are you going to learn in this tutorial?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How clipping masks work in Illustrator<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"515\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-1.jpeg\" alt=\"Mastering Masks 1\" class=\"wp-image-818317\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-1.jpeg 950w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-1-480x260.jpeg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 950px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Illustrator has image masks?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Did you know Illustrator can use images as masks just like a Luma Matte in After Effects? Gadzooks!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"364\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-2.jpeg\" alt=\"Mastering Masks 2\" class=\"wp-image-818318\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-2.jpeg 950w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-2-480x184.jpeg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 950px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Photoshop image mask techniques<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Image masks are incredibly common in Photoshop, and also very powerful. Learn how they work, yada yada yada, then profit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"402\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-3.jpeg\" alt=\"Mastering Masks 3\" class=\"wp-image-818319\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-3.jpeg 950w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2024\/12\/Mastering-Masks-3-480x203.jpeg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 950px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Using Vector Masks in Photoshop<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Become Fluent in Photoshop and Illustrator in 8 weeks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For the full tutorial, make sure you watch School of Motion's video! But there's so much more to learning motion design skills.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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\u00a0School of Motion's course, <a href=\"https:\/\/www.schoolofmotion.com\/photoshop-illustrator-unleashed\" target=\"_blank\" rel=\"noreferrer noopener\">Photoshop + Illustrator Unleashed.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Photoshop + Illustrator Unleashed: Essential Design Training for Motion Design\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/yauwoumFKqA?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg\" alt=\"School of Motion Logo\" class=\"wp-image-811227\" title=\"School of Motion Logo\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg 225w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-200x200.jpg 200w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-100x100.jpg 100w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<h3 class=\"wp-block-heading\">Want to learn more?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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\u2019s\u00a0<a href=\"https:\/\/www.youtube.com\/channel\/UCAhdxqdrDN3gWJkaUFl9G-Q\" target=\"_blank\" rel=\"noreferrer noopener\">Youtube Channel<\/a>, or find complete courses on their\u00a0<a href=\"https:\/\/www.schoolofmotion.com\/courses\" target=\"_blank\" rel=\"noreferrer noopener\">website.<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Masking is a technique that every motion designer needs to master. In this tutorial, you&#8217;ll learn how masks work in Photoshop and Illustrator.<\/p>\n","protected":false},"author":128,"featured_media":818325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2438,2326,2338,2551,2341],"tags":[2547],"class_list":["post-818279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3d","category-animation","category-how-to","category-learn-creative-education","category-software","tag-school-of-motion"],"_links":{"self":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/818279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/users\/128"}],"replies":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/comments?post=818279"}],"version-history":[{"count":0,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/818279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media\/818325"}],"wp:attachment":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media?parent=818279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/categories?post=818279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/tags?post=818279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}