Masking Smart Filters

Topics Covered in This Photoshop Tutorial:

Object Selection, Using & Masking Smart Filters

Exercise Preview

Photo by Alexei Maridashvili on Unsplash

Exercise Overview

In this exercise, you'll master one of Photoshop's most powerful combinations: smart filters paired with precision masking. This workflow preserves your original image while giving you complete control over selective effects—a technique essential for professional photo manipulation. By the end of this tutorial, you'll understand how to create sophisticated depth-of-field effects while maintaining the flexibility to refine your work at any stage.

Selecting the Teepee

The foundation of effective masking lies in creating accurate selections. We'll start with Photoshop's AI-powered selection tools, then refine our results using traditional techniques for pixel-perfect precision.

1. From the Photoshop Class folder, open the 3D Teepee.jpg file.
2. Go into the Select menu and choose Subject.
3. While Photoshop's AI does a reasonable job identifying the teepee as the primary subject, notice it also includes part of one of the people in the foreground. This demonstrates why automated selections often require manual refinement for professional results.
4. Press Cmd–D (Mac) or CTRL–D (Windows) to deselect.
5. In the Tools panel, choose the Object Selection tool .

6. Photoshop immediately begins analyzing the image to identify distinct objects—a process that leverages Adobe's machine learning algorithms. Processing time varies based on your system's performance and image complexity. In the Options bar, the spinning arrow circle indicates active processing. Once it stops spinning, all objects have been identified and cataloged.

   • Hover over the teepee—it should highlight with a pink overlay indicating it's recognized as a selectable object—and click on it to create your selection.
7. In the Options bar at the top of the window click Select and Mask (or choose it from the Select menu to access Photoshop's most sophisticated selection refinement workspace).

8. In the Properties panel on the right, we'll configure the preview settings for optimal visibility:

   • Next to View click the thumbnail and choose Overlay
   • Set Opacity to 50%
   • Below Opacity, change the Indicates menu from Masked Areas to Selected Areas

   The red overlay now clearly indicates your current selection, making it easier to identify areas that need refinement.

9. Choose View > 200% to examine the selection quality at pixel level.

   Notice the edge detection isn't pristine, particularly on the right side of the teepee where the organic textures challenge the algorithm's precision.

10. In the Tools panel on the left, select the Brush tool .

11. In the Options bar at the top of the window, we'll leverage Adobe's cloud-based AI for enhanced precision:

    • To the right of Select Subject click the down arrow and choose Cloud (Detailed results).
    • Click Select Subject to process your selection using Adobe's most advanced algorithms, which analyze your image on Adobe's servers for superior results.
    • If prompted about discarding your current selection, click OK.

    The cloud processing delivers significantly improved edge detection around the teepee's complex textures, though it now includes the people in the selection—we'll address this next.

12. Choose View > Fit on Screen (Cmd–0 (Mac) or CTRL–0 (Windows)) to see the entire image.
13. In the Tools panel, click on the Lasso tool .

14. Hold Option (Mac) or ALT (Windows) to switch to subtract mode, then draw a selection around the three people to remove them from your selection.

    Upon release, the people should no longer display the red overlay, confirming they've been excluded from your selection.

15. Choose View > 200% and navigate to examine the teepee's apex.
16. Scroll to the top of the teepee to focus on the most intricate details.
17. In the Tools panel on the left, select the Brush tool for manual refinement.
18. Size the brush appropriately by hovering over the wooden poles at the teepee's peak and using the [ or ] keys until the brush cursor fits comfortably within that detail area.

19. In the Options bar, configure your brush for precision work:

    • Click on the brush thumbnail to access brush settings.
    • Set Size to approximately 25 px.
    • Set Hardness to 80% for crisp edges with slight feathering.
    • Click the brush thumbnail again to close the options panel.

20. Now comes the critical refinement phase—this is where technical skill separates professional work from amateur results. Your goal is to ensure every pixel of the teepee displays the red overlay while excluding all background elements. Professional techniques to employ:

    • For straight edges, click at one point, hold Shift, then click at the destination—Photoshop will create a perfectly straight brush stroke between the points.
    • To remove unwanted red areas (such as background showing through rope gaps), hold Option (Mac) or ALT (Windows) to subtract from the selection as you paint.
    • Continuously adjust brush size using [ and ] keys to match the detail level of different areas.
    • Modify brush hardness as needed—harder brushes for crisp edges, softer for organic transitions.
    • Focus on the upper portions where blur will be most noticeable; the teepee's base requires less precision.

21. Once your selection refinement is complete, configure the output settings in the Properties panel on the right (scroll down if necessary to access Output Settings):

    • Output To: Selection
22. Click OK to apply your refined selection and return to the main workspace.

23. Currently, you have the teepee selected, but our blur effect needs to target the background. Choose Select > Inverse to flip the selection to everything except the teepee.

Applying the Blur As a Smart Filter

With our precise selection complete, we'll now apply blur effects using smart filters—Adobe's non-destructive approach that preserves your original image data while allowing unlimited adjustments.

1. Go into the Filter menu and choose Convert for Smart Filters.

   If prompted about enabling re-editable smart filters, click OK. This conversion transforms your layer into a smart object, enabling non-destructive filter application.

2. Navigate to Filter > Blur Gallery and choose Field Blur—Adobe's most sophisticated depth-of-field simulation tool.
3. In the Blur Tools panel on the right, increase the Blur amount to 55 px to create a strong depth-of-field effect.

4. To simulate realistic depth perception, we'll create graduated blur that diminishes toward the foreground. Currently, there's a white blur pin (with a circular indicator) in the image center. Click at the bottom of the teepee, directly below the existing pin, to create a second control point.

   • In the Blur Tools panel, reduce this pin's Blur amount to 0 px
   • The image now displays realistic depth falloff—sharp focus in the foreground transitioning to maximum blur in the background, mimicking natural camera optics.

5. In the Options bar, finalize your blur settings:

   • Check High Quality for superior rendering at the expense of processing time
   • Click OK to apply the effect.

Editing the Smart Filter Settings

Here's where smart filters demonstrate their professional value—complete editability without image degradation. Upon review, let's assume the background blur appears excessive and needs refinement.

1. In the Layers panel, organize your workspace for clarity:

   • Double-click the Layer 0 name and rename it photo
   • Double-click Blur Gallery to reopen the filter interface with all original settings intact.

2. Click the top blur pin (center of the photo) to activate it for adjustment.

   • In the Blur Tools panel, reduce the Blur amount to 35 px for a more subtle, professional effect.

3. In the Options bar, click OK to apply your refinements.

4. Examine the Layers panel architecture: notice the mask thumbnail adjacent to Smart Filters. This mask controls which areas receive filter effects—you can see the teepee's silhouette rendered in black and white. This single mask affects all smart filters applied to this layer, though Adobe could improve this by allowing individual masks per filter.

   For future mask adjustments, you would paint on this thumbnail using black to hide effects or white to reveal them.

Editing the Contents of the Smart Object

Smart objects offer another powerful advantage: the ability to edit source content while preserving all applied effects. Let's remove a distracting element to improve the composition.

1. Double-click the photo layer's thumbnail to open the smart object in its own document window.
2. A new window opens containing the original, unfiltered image—your source material remains pristine regardless of applied effects.
3. Press Cmd–J (Mac) or CTRL–J (Windows) to duplicate the layer, following non-destructive editing best practices.
4. Name the new layer retouching for clear organization.

5. In the Tools panel, choose the Spot Healing Brush tool . If it's not visible, click and hold the Healing Brush tool to access it from the tool group.

   • Size your brush appropriately using [ and ] keys.
   • In one continuous stroke, paint over the entire biker closest to the teepee, including some surrounding background for context cloning.
   • Upon release, Photoshop's content-aware technology should seamlessly remove the figure. Apply additional strokes if needed for complete removal.
6. Save and close the smart object document to return to your main composition.
7. The biker has vanished from your blurred composition—demonstrating how smart object editing propagates through all applied effects automatically.

8. Complete your workflow with File > Save As, creating a Photoshop document named yourname-teepee.psd to preserve all layers and smart object relationships.