Better Selections In Photoshop With Quick Masks

Share this article

 

In Adobe Photoshop, you can make temporary masks, called quick masks. Masks let you isolate and protect parts of an image. When you create a mask based on a selection, the area not selected is masked or protected from editing.

Creating a quick mask

1. Open the image you want to make a selection on.
Sometimes you can make a large chunk of a selection by using the magic wand to begin with.

2. Select the magic wand tool (clip_image001).

3. Click anywhere on the dress to begin the selection process.

4. To add to the selection, hold down Shift whilst clicking with the magic wand to add to the selection.

clip_image003

The dress is still only partly selected. Now we’re going to add to this selection using a quick mask.

6. Select the Quick Mask mode button (clip_image004) in the toolbox. By default, you work in Standard mode. When you click on the Quick Mask button, you will work in Quick Mask mode. If you click this button again you will go back to standard mode.

clip_image006

clip_image008

In Quick Mask mode, a red overlay (known as rubylith) appears, to mask and protect the area outside the selection.

Editing a quick mask

Now we need to refine the selection of the dress by adding to or erasing parts of the masked area. We do this by using the brush tool to make changes to your quick mask. The advantage of editing your selection as a mask is that you can use almost any tool or filter to modify the mask.

In Quick Mask mode, Photoshop automatically defaults to Grayscale mode. The foreground colour defaults to black, and the background colour defaults to white. When using a painting or editing tool in Quick Mask mode, keep in mind:

  • Painting with white erases the mask (the red overlay) and increases the selected area.
  • Painting with black adds to the mask (the red overlay) and decreases the selected area.

Adding to a selection by erasing masked areas

Start by painting with white to increase the selected area within the dress. This erases some of the mask.

1. To make the foreground color white, select the Switch Foreground and Background Colors icon (clip_image009) above the foreground and background colour-selection boxes.

clip_image011

2. Select the brush tool (clip_image012).

3. In the tool options bar, make sure that the mode is Normal. Then click the arrow to display the Brushes pop-up palette, and select a medium-sized brush.

clip_image014

4. Using the brush tool, begin painting over the red areas within the dress. As you paint with white, the red areas are erased.
Don’t worry if you paint outside the outline of the dress. You can make adjustments later by masking areas of the image as needed.

5. Continue painting with white to erase all of the mask (red) in the dress. As you work, switch back and forth between Quick Mask mode and Standard mode to see how painting in the mask alters the selected area.

Notice that the selection border has increased, selecting more of the dress.

clip_image016

6. Once you’ve erased all of the red areas within the dress, click the Standard mode icon (clip_image017) again to view your quick mask as a selection. Don’t worry if the selection extends a bit beyond the dress.
clip_image019

7. If necessary, zoom out so that you can see the entire image.
Subtracting from a selection by adding masked areas

If you’ve erased the mask beyond the edges of the dress, part of the background is included in the selection, so you need to return to Quick Mask mode and restore the mask to those edge areas by painting with black.

1. Click the Quick Mask Mode button (clip_image004[1]) to return to Quick Mask mode.

2. To make the foreground colour black, select the Switch Foreground and Background Colours icon (clip_image009[1]) , or press X on the keyboard. Make sure that the black colour box now appears on top. Remember that painting with black will add to the red overlay.

3. Choose a brush from the Brush pop-up palette. Select a small brush to refine the edges of the selection.

4. Now paint with black to restore the mask (the red overlay) to any of the background area that is still unprotected. Continue working until only the area inside the dress remains unmasked and you are completely satisfied with your mask selection.

clip_image021

5. In the toolbox, switch to Standard mode to view your final dress selection, and continue working this way till you have the selection the way you want it.

I love the quick mask because it allows you to create a very precise selection using familiar and easy to use tools such as the paint brush. Have you made selections using the quick mask before? Do you find it useful or maybe too time-consuming?

Frequently Asked Questions (FAQs) about Quick Masks in Photoshop

What is the difference between a quick mask and a layer mask in Photoshop?

A quick mask and a layer mask in Photoshop serve similar purposes but are used differently. A quick mask is a temporary mask used for making or refining selections in your image. It allows you to paint your selection using a brush, making it easier to include or exclude areas. On the other hand, a layer mask is a permanent, non-destructive way to hide parts of layers. You can alter the visibility of certain parts of a layer by painting black (to hide) or white (to reveal) on the layer mask.

How can I edit a quick mask in Photoshop?

To edit a quick mask, you first need to enter the Quick Mask Mode by pressing the Q key. Once in this mode, you can use the brush tool to paint the areas you want to select. The default color for the quick mask is red, which represents the masked or protected area. If you want to remove areas from the selection, you can paint with white. To exit the Quick Mask Mode and return to the standard mode, press the Q key again.

Can I change the color of the quick mask?

Yes, you can change the color of the quick mask. To do this, double-click on the Quick Mask Mode button in the Tools panel. This will open the Quick Mask Options dialog box. Here, you can change the color and the opacity of the mask.

How can I use the quick mask with other selection tools?

The quick mask is compatible with all the other selection tools in Photoshop. You can start a selection with any tool, like the Lasso or Marquee tool, and then switch to the Quick Mask Mode to refine the selection. This is particularly useful when dealing with complex selections that have irregular shapes.

Can I save my quick mask selection?

Yes, you can save your quick mask selection. After making your selection in the Quick Mask Mode, go to the Select menu and choose Save Selection. This will save your selection as a new channel which you can load later when needed.

Why is my quick mask not working?

If your quick mask is not working, it could be due to several reasons. One common issue is that the mask color is set to the same color as the area you’re trying to select, making it invisible. To fix this, change the mask color in the Quick Mask Options. Another issue could be that the opacity of the mask is set too low, making it hard to see. Increase the opacity in the Quick Mask Options to fix this.

How can I invert my quick mask selection?

To invert your quick mask selection, first exit the Quick Mask Mode by pressing the Q key. Then, go to the Select menu and choose Inverse. This will invert your selection, selecting everything that was not previously selected and deselecting everything that was.

Can I use the quick mask for image adjustments?

Yes, you can use the quick mask for image adjustments. After making your selection with the quick mask, you can apply any adjustment to that selection only. This is a great way to apply adjustments to specific areas of your image without affecting the rest of it.

Can I use the quick mask with the Brush tool?

Yes, the quick mask is designed to be used with the Brush tool. When in Quick Mask Mode, you can use the Brush tool to paint your selection. This allows for a high level of precision and control, especially when working with a graphics tablet.

How can I improve my skills with the quick mask?

The best way to improve your skills with the quick mask is through practice. Try using the quick mask in different scenarios, with different selection tools, and for different purposes. Also, experiment with different brush sizes and hardness levels to see how they affect your selection. Finally, don’t forget to use the zoom and pan tools to get a closer look at your selection and make more precise adjustments.

Jennifer FarleyJennifer Farley
View Author

Jennifer Farley is a designer, illustrator and design instructor based in Ireland. She writes about design and illustration on her blog at Laughing Lion Design.

Share this article
Read Next
From Idea to Prototype in Minutes: Claude Sonnet 3.5
From Idea to Prototype in Minutes: Claude Sonnet 3.5
Zain
Essential Plugins for WordPress Developers: Top Picks for 2024
Essential Plugins for WordPress Developers: Top Picks for 2024
SitePoint Sponsors
WebAssembly vs JavaScript: A Comparison
WebAssembly vs JavaScript: A Comparison
Kaan Güner
The Functional Depth of Docker and Docker Compose
The Functional Depth of Docker and Docker Compose
Vultr
How Top HR Agencies Build Trust Through Logo Designs
How Top HR Agencies Build Trust Through Logo Designs
Evan Brown
Leveraging Progressive Web Apps (PWAs) for Enhanced Mobile User Engagement
Leveraging Progressive Web Apps (PWAs) for Enhanced Mobile User Engagement
SitePoint Sponsors
10 Artificial Intelligence APIs for Developers
10 Artificial Intelligence APIs for Developers
SitePoint Sponsors
The Ultimate Guide to Navigating SQL Server With SQLCMD
The Ultimate Guide to Navigating SQL Server With SQLCMD
Nisarg Upadhyay
Retrieval-augmented Generation: Revolution or Overpromise?
Retrieval-augmented Generation: Revolution or Overpromise?
Kateryna ReshetiloOlexandr Moklyak
How to Deploy Apache Airflow on Vultr Using Anaconda
How to Deploy Apache Airflow on Vultr Using Anaconda
Vultr
Cloud Native: How Ampere Is Improving Nightly Arm64 Builds
Cloud Native: How Ampere Is Improving Nightly Arm64 Builds
Dave NearyAaron Williams
How to Create Content in WordPress with AI
How to Create Content in WordPress with AI
Çağdaş Dağ
A Beginner’s Guide to Setting Up a Project in Laravel
A Beginner’s Guide to Setting Up a Project in Laravel
Claudio Ribeiro
Enhancing DevSecOps Workflows with Generative AI: A Comprehensive Guide
Enhancing DevSecOps Workflows with Generative AI: A Comprehensive Guide
Gitlab
Creating Fluid Typography with the CSS clamp() Function
Creating Fluid Typography with the CSS clamp() Function
Daine Mawer
Comparing Full Stack and Headless CMS Platforms
Comparing Full Stack and Headless CMS Platforms
Vultr
7 Easy Ways to Make a Magento 2 Website Faster
7 Easy Ways to Make a Magento 2 Website Faster
Konstantin Gerasimov
Powerful React Form Builders to Consider in 2024
Powerful React Form Builders to Consider in 2024
Femi Akinyemi
Quick Tip: How to Animate Text Gradients and Patterns in CSS
Quick Tip: How to Animate Text Gradients and Patterns in CSS
Ralph Mason
Sending Email Using Node.js
Sending Email Using Node.js
Craig Buckler
Creating a Navbar in React
Creating a Navbar in React
Vidura Senevirathne
A Complete Guide to CSS Logical Properties, with Cheat Sheet
A Complete Guide to CSS Logical Properties, with Cheat Sheet
Ralph Mason
Using JSON Web Tokens with Node.js
Using JSON Web Tokens with Node.js
Lakindu Hewawasam
How to Build a Simple Web Server with Node.js
How to Build a Simple Web Server with Node.js
Chameera Dulanga
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?
Beloslava Petrova
Crafting Interactive Scatter Plots with Plotly
Crafting Interactive Scatter Plots with Plotly
Binara Prabhanga
GenAI: How to Reduce Cost with Prompt Compression Techniques
GenAI: How to Reduce Cost with Prompt Compression Techniques
Suvoraj Biswas
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
Aurelio De RosaMaria Antonietta Perna
Quick Tip: How to Align Column Rows with CSS Subgrid
Quick Tip: How to Align Column Rows with CSS Subgrid
Ralph Mason
15 Top Web Design Tools & Resources To Try in 2024
15 Top Web Design Tools & Resources To Try in 2024
SitePoint Sponsors
7 Simple Rules for Better Data Visualization
7 Simple Rules for Better Data Visualization
Mariia Merkulova
Cloudways Autonomous: Fully-Managed Scalable WordPress Hosting
Cloudways Autonomous: Fully-Managed Scalable WordPress Hosting
SitePoint Team
Best Programming Language for AI
Best Programming Language for AI
Lucero del Alba
Quick Tip: How to Add Gradient Effects and Patterns to Text
Quick Tip: How to Add Gradient Effects and Patterns to Text
Ralph Mason
Logging Made Easy: A Beginner’s Guide to Winston in Node.js
Logging Made Easy: A Beginner’s Guide to Winston in Node.js
Vultr
How to Optimize Website Content for Featured Snippets
How to Optimize Website Content for Featured Snippets
Dipen Visavadiya
Psychology and UX: Decoding the Science Behind User Clicks
Psychology and UX: Decoding the Science Behind User Clicks
Tanya Kumari
Build a Full-stack App with Node.js and htmx
Build a Full-stack App with Node.js and htmx
James Hibbard
Digital Transformation with AI: The Benefits and Challenges
Digital Transformation with AI: The Benefits and Challenges
Priyanka Prajapat
Quick Tip: Creating a Date Picker in React
Quick Tip: Creating a Date Picker in React
Dianne Pena
How to Create Interactive Animations Using React Spring
How to Create Interactive Animations Using React Spring
Yemi Ojedapo
10 Reasons to Love Google Docs
10 Reasons to Love Google Docs
Joshua KrausZain Zaidi
How to Use Magento 2 for International Ecommerce Success
How to Use Magento 2 for International Ecommerce Success
Mitul Patel
5 Exciting New JavaScript Features in 2024
5 Exciting New JavaScript Features in 2024
Olivia GibsonDarren Jones
Tools and Strategies for Efficient Web Project Management
Tools and Strategies for Efficient Web Project Management
Juliet Ofoegbu
Choosing the Best WordPress CRM Plugin for Your Business
Choosing the Best WordPress CRM Plugin for Your Business
Neve Wilkinson
ChatGPT Plugins for Marketing Success
ChatGPT Plugins for Marketing Success
Neil Jordan
Managing Static Files in Django: A Comprehensive Guide
Managing Static Files in Django: A Comprehensive Guide
Kabaki Antony
The Ultimate Guide to Choosing the Best React Website Builder
The Ultimate Guide to Choosing the Best React Website Builder
Dianne Pena
Exploring the Creative Power of CSS Filters and Blending
Exploring the Creative Power of CSS Filters and Blending
Joan Ayebola
How to Use WebSockets in Node.js to Create Real-time Apps
How to Use WebSockets in Node.js to Create Real-time Apps
Craig Buckler
Best Node.js Framework Choices for Modern App Development
Best Node.js Framework Choices for Modern App Development
Dianne Pena
SaaS Boilerplates: What They Are, And 10 of the Best
SaaS Boilerplates: What They Are, And 10 of the Best
Zain Zaidi
Understanding Cookies and Sessions in React
Understanding Cookies and Sessions in React
Blessing Ene Anyebe
Enhanced Internationalization (i18n) in Next.js 14
Enhanced Internationalization (i18n) in Next.js 14
Emmanuel Onyeyaforo
Essential React Native Performance Tips and Tricks
Essential React Native Performance Tips and Tricks
Shaik Mukthahar
How to Use Server-sent Events in Node.js
How to Use Server-sent Events in Node.js
Craig Buckler
Five Simple Ways to Boost a WooCommerce Site’s Performance
Five Simple Ways to Boost a WooCommerce Site’s Performance
Palash Ghosh
Elevate Your Online Store with Top WooCommerce Plugins
Elevate Your Online Store with Top WooCommerce Plugins
Dianne Pena
Unleash Your Website’s Potential: Top 5 SEO Tools of 2024
Unleash Your Website’s Potential: Top 5 SEO Tools of 2024
Dianne Pena
How to Build a Chat Interface using Gradio & Vultr Cloud GPU
How to Build a Chat Interface using Gradio & Vultr Cloud GPU
Vultr
Enhance Your React Apps with ShadCn Utilities and Components
Enhance Your React Apps with ShadCn Utilities and Components
David Jaja
10 Best Create React App Alternatives for Different Use Cases
10 Best Create React App Alternatives for Different Use Cases
Zain Zaidi
Control Lazy Load, Infinite Scroll and Animations in React
Control Lazy Load, Infinite Scroll and Animations in React
Blessing Ene Anyebe
Building a Research Assistant Tool with AI and JavaScript
Building a Research Assistant Tool with AI and JavaScript
Mahmud Adeleye
Understanding React useEffect
Understanding React useEffect
Dianne Pena
Web Design Trends to Watch in 2024
Web Design Trends to Watch in 2024
Juliet Ofoegbu
Building a 3D Card Flip Animation with CSS Houdini
Building a 3D Card Flip Animation with CSS Houdini
Fred Zugs
How to Use ChatGPT in an Unavailable Country
How to Use ChatGPT in an Unavailable Country
Dianne Pena
An Introduction to Node.js Multithreading
An Introduction to Node.js Multithreading
Craig Buckler
How to Boost WordPress Security and Protect Your SEO Ranking
How to Boost WordPress Security and Protect Your SEO Ranking
Jaya Iyer
Understanding How ChatGPT Maintains Context
Understanding How ChatGPT Maintains Context
Dianne Pena
Building Interactive Data Visualizations with D3.js and React
Building Interactive Data Visualizations with D3.js and React
Oluwabusayo Jacobs
JavaScript vs Python: Which One Should You Learn First?
JavaScript vs Python: Which One Should You Learn First?
Olivia GibsonDarren Jones
13 Best Books, Courses and Communities for Learning React
13 Best Books, Courses and Communities for Learning React
Zain Zaidi
5 jQuery.each() Function Examples
5 jQuery.each() Function Examples
Florian RapplJames Hibbard
Implementing User Authentication in React Apps with Appwrite
Implementing User Authentication in React Apps with Appwrite
Yemi Ojedapo
AI-Powered Search Engine With Milvus Vector Database on Vultr
AI-Powered Search Engine With Milvus Vector Database on Vultr
Vultr
Understanding Signals in Django
Understanding Signals in Django
Kabaki Antony
Why React Icons May Be the Only Icon Library You Need
Why React Icons May Be the Only Icon Library You Need
Zain Zaidi
View Transitions in Astro
View Transitions in Astro
Tamas Piros
Getting Started with Content Collections in Astro
Getting Started with Content Collections in Astro
Tamas Piros
What Does the Java Virtual Machine Do All Day?
What Does the Java Virtual Machine Do All Day?
Peter Kessler
Become a Freelance Web Developer on Fiverr: Ultimate Guide
Become a Freelance Web Developer on Fiverr: Ultimate Guide
Mayank Singh
Layouts in Astro
Layouts in Astro
Tamas Piros
.NET 8: Blazor Render Modes Explained
.NET 8: Blazor Render Modes Explained
Peter De Tender
Mastering Node CSV
Mastering Node CSV
Dianne Pena
A Beginner’s Guide to SvelteKit
A Beginner’s Guide to SvelteKit
Erik KückelheimSimon Holthausen
Brighten Up Your Astro Site with KwesForms and Rive
Brighten Up Your Astro Site with KwesForms and Rive
Paul Scanlon
Which Programming Language Should I Learn First in 2024?
Which Programming Language Should I Learn First in 2024?
Joel Falconer
Managing PHP Versions with Laravel Herd
Managing PHP Versions with Laravel Herd
Dianne Pena
Accelerating the Cloud: The Final Steps
Accelerating the Cloud: The Final Steps
Dave Neary
An Alphebetized List of MIME Types
An Alphebetized List of MIME Types
Dianne Pena
The Best PHP Frameworks for 2024
The Best PHP Frameworks for 2024
Claudio Ribeiro
11 Best WordPress Themes for Developers & Designers in 2024
11 Best WordPress Themes for Developers & Designers in 2024
SitePoint Sponsors
Top 10 Best WordPress AI Plugins of 2024
Top 10 Best WordPress AI Plugins of 2024
Dianne Pena
20+ Tools for Node.js Development in 2024
20+ Tools for Node.js Development in 2024
Dianne Pena
The Best Figma Plugins to Enhance Your Design Workflow in 2024
The Best Figma Plugins to Enhance Your Design Workflow in 2024
Dianne Pena
Harnessing the Power of Zenserp for Advanced Search Engine Parsing
Harnessing the Power of Zenserp for Advanced Search Engine Parsing
Christopher Collins
Build Your Own AI Tools in Python Using the OpenAI API
Build Your Own AI Tools in Python Using the OpenAI API
Zain Zaidi
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form