Skip Navigation

2.6 Masking layers

You’re halfway there! In this lesson, we’ll learn what masks are and how to use them in our designs. After this lesson, you’ll understand the differences between an outline mask and an alpha mask and know when to use each one.

Key learnings

  • An outline mask only shows parts of one or more layers that fall within its shape.

  • Alpha masks hide anything that falls outside of their shape. They also control the opacity of any layer they’re masking.

Lesson files

Mentor

Profile photo of Joseph Todaro

Joseph Todaro

Design Advocate at Sketch

Joseph is a Design Advocate at Sketch. He brings over a decade of product, design, and education experience. Before joining Sketch, he was a Senior Product Designer at InVision and was also responsible for the design education courses for InVision Studio and DSM.

While designing in-flight entertainment software at Fuse IFX, he migrated his team to Sketch – a tool that would go on to change the way he works. Eventually, he founded LearnSketch.com as a side project to share his knowledge and passion for the tool.

Joseph currently teaches UI and UX design at the Laguna College of Art and Design. He continues to share resources with the design community through projects like LearnSketch.com, Shapefest.com, LUTHOUSE.com and RandomUI.com.