Photoshop · Lesson 17 Fill: Solid Color
1 / 13
Photoshop · Lesson 17
Need a Background Color?
A Color Overlay? One Layer. Done.
The Solid Color fill layer is non-destructive, infinitely re-editable, and comes with a built-in mask. It's the cleanest, fastest way to handle any flat-color job in Photoshop.
🖼️
Background Replacement
Mask out a subject, place a Solid Color fill layer behind them — change the color any time in a single double-click.
🌈
Color Tint & Grade
A Solid Color layer in Soft Light mode at 40% opacity becomes a color grade — beautiful, photographic, and completely adjustable.
✂️
Clip to Shape / Text
Clip a Solid Color fill layer to any shape or text layer — color floods the letterforms or shape with full re-editability.
🎨 The color is a parameter, not pixels. Change it at any time — no limits, no degradation.
Foundations
What a Solid Color Fill Layer Is
A layer filled with one flat color — stored as a live parameter, not pixels. Change it forever.
✓
Non-destructive — your original image is never touched
The fill layer sits above your image in the stack. The pixels underneath are always intact and accessible.
✓
Infinitely re-editable — double-click the color thumbnail to change it
The Color Picker reopens. Pick a new color. The layer updates instantly. No limit on how many times you can do this.
✓
Built-in mask — white by default, paint black to hide the color
Every Solid Color fill layer is created with a white layer mask attached. No extra steps — the mask is ready to paint on immediately.
🧠 In the Layers panel: left thumbnail = color (double-click to change). Right thumbnail = mask (click to paint on it).
Workflow
Three Ways to Create a Solid Color Fill Layer
A
Layer menu → New Fill Layer → Solid Color
Names the layer first, then opens the Color Picker. Best when you want to label the layer deliberately.
B
Adjustments Panel — solid square icon (top row)
Window → Adjustments to open the panel. One click on the solid square — Color Picker opens immediately, no naming dialog.
C
Layers Panel — half-filled circle icon → Solid Color
The fastest route for most users. The half-filled circle at the bottom of the Layers panel — click it, choose Solid Color.
💡
New Layer Goes Above the Currently Selected Layer
Select the correct layer first. For a background color, select the bottom layer. For a full-image tint, select the topmost layer. Stack position determines which layers the fill layer covers.
✅ Pick the method that becomes your reflex. Method C (the half-filled circle) is the fastest for most workflows.
Reference
The Color Picker
□
Large Color Square — Saturation (L→R) × Brightness (T→B)
Click anywhere inside to pick a hue variant. Top-right = pure vivid hue. Bottom-left = black regardless of hue. Adjust the vertical hue slider first to set the color family.
#
Hex field — type or paste a 6-digit code for exact color
Paste a brand color code directly into the # field — instant precision. Also works for copying colors from websites or design docs.
HSB
HSB mode — most intuitive for creative color work
Hue (0–360° = which color), Saturation (0–100% = how vivid), Brightness (0–100% = how light or dark). Think like a photographer.
👁
Eyedropper — sample from anywhere on screen
While the Color Picker is open, move your cursor outside the dialog and click on your photo to sample any color from the image itself.
✅ The New / Current swatches (top right of dialog) let you compare before committing. If unsure, hover outside and sample from your photo.
Core Concept
The Built-in Mask
Every Solid Color fill layer has a white layer mask. White = color visible. Black = color hidden.
White Mask (default)
Color is fully visible across the entire canvas. Paint black to hide it in specific areas.
→
Black Areas = Hidden
Wherever you paint black on the mask, the solid color disappears and the layers below show through.
!
Click the mask thumbnail to select it before painting
The white rectangle to the right of the color thumbnail. A bracket outline appears when selected — that's your indicator you're editing the mask, not the color.
★
Pro tip: make a selection first for auto-masking
Select your subject (Select → Subject), invert the selection (Shift+Ctrl/Cmd+I), then create the Solid Color fill layer. Photoshop converts the selection into the mask automatically — instant precision.
💡 Press X to swap between black and white paint while working on the mask. The fastest way to toggle hide/reveal.
Workflow
Changing the Color — Infinite Revisability
🔄
Double-click the color thumbnail
The Color Picker reopens. Pick a new color. Click OK. The entire layer updates instantly — mask preserved, blend mode preserved, everything else unchanged. No limit on how many times you change it.
✓
"Make the background warmer" — two seconds
Double-click, shift hue toward orange/gold in the Color Picker, OK. No repainting, no new layer, no flattening.
✓
Create multiple fill layers to compare color options
Make three Solid Color layers, each a different color, toggle visibility to compare A/B/C. Commit to the best one — the exploration was free.
🧠 Color thumbnail (left square) = double-click to change color. Mask thumbnail (right square) = click once to paint on it. Never mix them up.
Technique
Blending Modes — From Flat Fill to Color Effect
N
Normal — opaque flat color
Default. Completely covers everything below. Best use: solid backgrounds. The image is not visible unless masked.
SL
Soft Light — natural, photographic color tint
The most useful blending mode for color tints on photos. The full tonal range of the photo remains visible — the color washes over it gently. Reach for this first.
C
Color — applies hue & saturation, preserves luminosity
Classic color grade mode. The image's brightness is completely unchanged — only the hue and saturation of the solid color is applied. No exposure shift at all.
O
Overlay — punchy, contrast-preserving color grade
Preserves highlights and shadows while adding a vivid color cast. More intense than Soft Light. Good for dramatic color effects.
M
Multiply / Screen — dark or light color wash
Multiply darkens toward the solid color (works into shadows). Screen brightens toward the color (adds a glowing wash). Use at reduced opacity for subtlety.
📋 Start with Soft Light. If you need hue-only without brightness change, switch to Color. Reduce opacity until the effect looks natural.
Control
Opacity — Dialing In the Tint Strength
The Opacity slider controls how strong the color effect is. Number keys set it instantly.
100%
Full opacity + Normal mode = solid background
Image below is not visible (unless masked). Use for background replacement and opaque color blocks.
40–60%
Mid opacity + Soft Light = natural color tint
The sweet spot for color grading. Image reads clearly through the tint. The effect is visible but believable. Adjust until it looks photographic.
10–25%
Very low opacity = subtle warmth or cool shift
A 15% warm orange layer can replicate a golden-hour warm-up without the effect being detectable as a tint at all.
⌨️
Number Key Opacity Shortcuts
With the fill layer selected, press: 1 = 10%, 3 = 30%, 5 = 50%, 7 = 70%, 0 = 100%. Press two keys quickly for finer values: 4 then 5 = 45%. Fastest way to audition opacity settings.
⚠️ Most color tint work lives at 30–55% opacity. 100% in Soft Light is usually too intense for photos — always reduce.
Practical Use
Background Replacement
Use a selection to auto-mask the fill layer to the background area — then change colors forever.
1
Select → Subject
Photoshop selects the subject automatically. Refine the edge in Select and Mask if needed for complex edges or fine hair.
2
Invert — Select → Inverse (Shift+Ctrl/Cmd+I)
Now the background is selected, not the subject. The fill layer will auto-mask to the background only.
3
Create Solid Color fill layer — pick your color
The active selection becomes the mask automatically. Color appears in the background only. Subject is unaffected.
4
Double-click the color thumbnail to change the background color
Any time, any number of times. The mask stays. The subject stays. One double-click — any background color in the world.
✅ The power move: the client asks for a different background color. Double-click. Pick. Done. No remasking, no repainting.
Practical Use
Color Tint & Grade Recipes
🌅
Warm Golden Hour
Color: warm amber (#F4A261)
Mode: Soft Light
Opacity: 35–45%
Golden wash — works on any photo
🌙
Cinematic Teal
Color: deep teal (#264653)
Mode: Color
Opacity: 25–40%
Filmic blue-teal shift
🌆
Duotone
Hue/Sat adj. layer: −100 Sat
Solid Color above: any color
Mode: Color or Overlay
Opacity: 60–80%
☁️
Matte / Haze
Color: white or light grey
Mode: Normal
Opacity: 15–25%
Lifted blacks — faded film look
🧠 All four recipes are reversible — toggle visibility, adjust opacity, or double-click to try a new color. Zero commitment required.
Technique
Clip to a Shape or Text Layer
A Solid Color fill layer clipped to a shape or text floods the layer below with changeable, non-destructive color.
1
Create a shape or type layer
Use the Rectangle, Ellipse, Custom Shape, or Type tool. The existing fill color doesn't matter — the clipped Solid Color will override it.
2
Create a Solid Color fill layer directly above it — pick your color
The fill layer covers the whole canvas at first. We clip it to the layer below in step 3.
3
Right-click fill layer → Create Clipping Mask
Shortcut: Alt/Option+Ctrl/Cmd+G. Color instantly clips to the shape or text below — visible only inside those boundaries. Text stays live, shape stays editable.
✅ The form (shape / letterforms) and the color are separate parameters. Both changeable independently — any time.
Lesson 17 Challenge
Three Steps — One Fill Layer
Open any portrait or subject photo. Use one Solid Color fill layer to practice masking, blending modes, and opacity together.
1
Create a Solid Color fill layer masked to the background only
Select → Subject, invert the selection (Shift+Ctrl/Cmd+I), then create the fill layer. The color should appear only behind the subject. Refine the mask edges with a soft brush if needed.
2
Change the blending mode to Soft Light
Switch from Normal to Soft Light in the Layers panel. Observe how the color now blends with background texture rather than covering it flatly. Note the character difference from Normal mode.
3
Try opacity at 50%, 30%, and 80% using number keys
Press 5 for 50%, 3 for 30%, 8 for 80%. Find the setting that looks most natural. Bonus: double-click the color thumbnail, pick a completely different hue, and see how the blend mode interaction changes.
🧠 The "right" opacity is image-dependent. The skill is learning to read the image and trust your eye over the number.
Lesson 17 Recap
Solid Color — Seven Points.
One Layer. Zero Limits.
SC
What It Is
One flat color, stored as a live parameter. Non-destructive. Built-in mask. Re-editable forever.
3
How to Create
Layer menu / Adjustments panel / half-filled circle at the bottom of the Layers panel. Pick any method.
2×
Change the Color
Double-click the color thumbnail. Color Picker reopens. Pick again. No limit. Mask and blend mode preserved.
M
Built-in Mask
Click the mask thumbnail. Paint black to hide. Make a selection first for auto-precision masking.
BM
Blending Modes
Normal = background. Soft Light = tint. Color = hue-only grade. Overlay / Multiply / Screen for drama.
CM
Clip to Shape / Text
Create above a shape/text layer → right-click → Create Clipping Mask. Color fills the form. Both editable independently.
Up Next — Lesson PS-18
Fill Layers — Gradient
The Gradient fill layer — same non-destructive approach, but with Photoshop's full gradient engine: linear, radial, angle, reflected, and diamond gradients. Vignettes, sky blending, dimensional backgrounds. Bring a landscape.
Start Lesson 18 →
⌂ Index