Topics Covered in This Photoshop Tutorial:
Master advanced color manipulation techniques using the Color Blend Mode to seamlessly transform object colors while preserving natural lighting and texture details.
Exercise Preview
Photo by Jonathon Dorofy on Unsplash
This tutorial assumes you have Photoshop installed and access to the Photoshop Class folder with the 5A Shirt.jpg file. Basic familiarity with Photoshop's interface is recommended.
Exercise Overview
This exercise demonstrates professional color-changing techniques that preserve the natural characteristics of fabrics and materials. You'll master the strategic use of blend modes to achieve realistic recoloring that maintains the original object's depth, shadows, and highlights—essential skills for product photography, fashion retouching, and commercial design work.
Color Change Workflow Overview
Precise Selection
Use Object Selection tool to isolate the target object, subtracting unwanted areas with modifier keys
Selection Refinement
Apply Select and Mask workspace to perfect edges and remove artifacts
Color Application
Add solid color fill layer and apply appropriate blend mode for natural results
Final Optimization
Fine-tune mask and color choices for professional finishing
Selecting the Shirt
Precision in selection is critical for professional results. We'll use Photoshop's AI-powered Object Selection tool combined with manual refinement to create a mask that captures fabric details while excluding unwanted areas.
- From the Photoshop Class folder, open the 5A Shirt.jpg file.
- Choose View > Fit on Screen to optimize your workspace for detailed selection work.
- In the Tools panel, choose the Object Selection tool
. This AI-enhanced tool, significantly improved in recent Photoshop versions, provides intelligent object recognition for faster initial selections. - Hover over the subject to observe how the tool automatically detects the entire figure, but we need granular control for just the shirt area.
As shown below, drag a precise selection over just the shirt area, avoiding the arms and other clothing elements.
The initial selection provides a solid foundation, but professional work demands refinement. Notice the arms are included, which would compromise our color effect.
Hold Option (Mac) or ALT (Windows) to subtract from the selection and drag over the left arm area.
Continue holding Option (Mac) or ALT (Windows) and drag a selection over the right arm, including any background elements that were inadvertently selected.
- Now we'll refine our selection using Photoshop's advanced Select and Mask workspace. In the Options bar, click Select and Mask to enter the dedicated refinement environment.
In the Properties panel on the right, configure optimal viewing settings:
- Next to View click the thumbnail and choose Overlay
- Set Opacity to 50% for clear visibility of both selection and underlying image
- Change the Indicates menu from Masked Areas to Selected Areas for intuitive red overlay feedback
The red overlay now clearly indicates your active selection areas, making refinement work more intuitive.
Select the Brush tool
for precise manual control:- Utilize the Options bar controls to toggle between adding and subtracting modes, adjusting brush size and hardness for different fabric textures and edge types.
- Carefully remove any unwanted areas, paying special attention to arm boundaries and fabric folds.
- Paint back any missing shirt areas, particularly around seams and collar details.
Switch the View to On Black in the Properties panel. This high-contrast view reveals edge quality issues and helps identify areas requiring additional refinement.
Fine-tune the global refinements using professional parameters: adjust Smooth to reduce jagged edges, Feather for natural transitions, and Shift Edge to optimize boundary placement. These controls are particularly effective for fabric selections.
When your selection meets professional standards, configure the output in the Properties panel's Output Settings:
- Output To: Selection
Click OK to apply your refined selection.
Object Selection Tool Workflow
Ensures you can see the entire image while working
Modern AI-powered selection tool for complex objects
Avoid selecting entire subject when you need specific parts
Remove arms and background elements from selection
Remember that Option (Mac) or ALT (Windows) subtracts from your selection, while Shift adds to it. These modifier keys are essential for precise object isolation.
Coloring the Shirt
With our precise selection complete, we'll now apply color using adjustment layers and blend modes—a non-destructive approach that maintains maximum flexibility for client revisions and creative exploration.
At the bottom of the Layers panel, click the Create new fill or adjustment layer button
and choose Solid Color.Enter the hex value #104632 for a professional forest green and click OK.
Understanding blend modes is crucial for realistic color manipulation. The solid fill currently replaces all luminosity information, creating an unnatural flat appearance. We need to preserve the original fabric's lighting characteristics while applying our new color.
At the top left of the Layers panel, click the Normal blend mode menu and select Color.
The Color blend mode applies hue and saturation while preserving luminosity, creating realistic fabric appearance. However, notice that non-fabric elements like buttons also receive the color treatment.
Switch the blend mode from Color to Hue for comparison.
The Hue blend mode offers more selective color application. Unlike Color mode, which applies uniform saturation, Hue respects the original saturation levels of underlying elements. This means desaturated elements (like buttons) remain relatively unchanged, while saturated areas (like the colored fabric) receive the full color treatment. This behavior often produces more natural results for clothing and textile recoloring.
To explore different color options, double-click the layer thumbnail (currently displaying green) of the Color Fill 1 layer.
The color picker reopens, allowing real-time color experimentation. Try various hues and observe how the blend mode intelligently integrates your choices with the fabric's natural luminosity and texture patterns.
Select a color that complements the overall composition and lighting conditions, then click OK to confirm.
Color vs Hue Blend Modes
| Feature | Color Blend Mode | Hue Blend Mode |
|---|---|---|
| Color Application | Applies color regardless of underlying saturation | Applies color based on underlying saturation |
| Gray Areas | Colors gray areas fully | Preserves gray areas as gray |
| Button Treatment | Colors buttons green | Keeps buttons less saturated |
| Best For | Uniform color changes | Natural color variations |
Blend modes like Color and Hue preserve the luminosity (brightness and shadows) of the original image while changing only the color information, creating realistic recoloring effects.
Optional: Improving Your Mask
Professional work often requires iterative refinement. If you notice mask imperfections during the coloring process, you can return to Select and Mask for additional adjustments without losing your progress.
- Select the mask thumbnail (the black and white thumbnail representing your shirt selection) on the Color Fill layer.
- Choose Select > Select and Mask to re-enter the refinement workspace.
- Make targeted improvements using the full Select and Mask toolset. The On Layers view setting provides optimal feedback for final adjustments, showing your color effect in context with the complete image.
Select and Mask Workspace Features
View Options
Switch between Overlay, On Black, and On Layers views to evaluate selection quality. Each view reveals different aspects of edge refinement needs.
Global Refinements
Use Smooth, Feather, and Shift Edge controls to perfect selection boundaries. These tools work across the entire selection for consistent results.
Always review your mask on different backgrounds using the View settings. The On Layers view is particularly useful for seeing how your color changes will look in the final composition.