• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How To Change Wall Colors In Photoshop! [Pro Technique]

How To Change Wall Colors In Photoshop! [Pro Technique]

52
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit

In this video, you’re going to learn a step-by-step process for changing wall colors in Photoshop—the professional way!

Table of contents

  • Tutorial Assets
  • Changing Wall Colors with The Hue and Saturation Adjustment
    • Fine-Tuning Your Layer Mask
  • Change The Color of a Wall with a Vector Shape
    • Create a Vector Path
    • Convert the Work Path into a Vector Shape
    • Combine Vector Shapes
    • Set Blending Mode to Color
    • Create a Levels Adjustment Layer
    • Clipping Mask Trick
    • Subtract From Shape
    • Apply a Layer Mask to The Vector Shape
    • The Fade Command
    • Subtract Front Shape
    • Add the Wall Ornament to The Mask

Tutorial Assets

Download the tutorial Image here!

Changing Wall Colors with The Hue and Saturation Adjustment

In your Toolbar, use the Quick Selection tool and click-and-drag to select the wall you want to colorize.

If an unwanted area is included in the selection, hold Alt (Windows) or Option (macOS) as you click-and-drag on the areas you want to deselect.

To select more areas, just keep on clicking-and-dragging to include them in the selection.

Go to the bottom of your Layers panel and click on the New Adjustment Layer icon and select Hue/Saturation. Photoshop will then automatically create a layer mask based on the selection you made.

This means if you adjust any of the sliders in the Properties panel, it only changes the color within the selection. Feel free to experiment on the sliders and see how adjusting each slider can change the overall look of the color!

The only disadvantage of using this technique is that if you bring up the Lightness too high or too low, it can flatten the color and create an unrealistic look that can affect your whole image.

However, it is still conducive to reimagining how space or object looks in a different set of hue, saturation, and lightness.

Fine-Tuning Your Layer Mask

Since the selection was far from perfect, and so is the layer mask, you can adjust it by using the Brush tool and setting the Foreground color as white(#ffffff).

With the Brush tool, paint over the wall areas not included in the selection earlier. For example, the wall on the bedside table area is still gray and you can include it in the current layer mask by painting over it.

On the contrary, paint with the color black(#000000) if you want to deselect areas from the layer mask.

PRO TIP: To quickly increase or decrease the brush tip size, press the [ or ] key on your keyboard!

Using the Hue/Saturation is the essential technique to change an object’s color, delete this adjustment layer to move on to an advanced technique that can create a more precise outcome.

Change The Color of a Wall with a Vector Shape

Next, learn to change the color of a wall using vectors and fill layers.

Create a Vector Path

Use the Pen tool to create crisp lines through a Vector Mask.

The Pen tool helps me create a Work Path, and from this path, it allows me to create a Vector Shape or a Vector Mask. 

A vector object is created mathematically and produces smooth curves or crisp lines that are connected by points.

Since it does not consist of pixels, the quality of the vector does not diminish no matter how much you scale it up or down, and that is why this works best for logos, icons, web design elements, or on products in which there are no fixed sizes.

With the Pen tool active, create a vector path that traces the back wall’s shape. Starting from the top-right corner, continue to click on the other corners until you come full circle and come back to the original point, which closes the work path.

Convert the Work Path into a Vector Shape

Next, convert this work path into a shape from which it can contain the color of the wall’s shape.

Click on the New Adjustment Layer icon and select the Solid Color fill layer.

Right away, the area outside the work path is inverted. On the Color Picker window, select the right color for your wall.

Hue determines the color you can replace it with, and you can see the range of hue on the slider from orange to green and red.

Saturation determines the intensity of the color set on the Hue slider.

Meanwhile, Lightness determines how bright or dark the Hue is.

Combine Vector Shapes

At the moment, you can see how everything outside of the work path is filled with the selected color but not the wall itself.

To invert the effect and fill the wall instead, go to the Options bar and click on this icon and select Combine Shapes. 

Set Blending Mode to Color

With the basic principles of HSB in mind, we need to apply the hue and saturation of the blue onto the wall’s brightness.

To do that, click on the Blending Mode drop-down menu. As you can see, the list of blending modes is divided with a line according to their respective categories. To know more about blending modes, there’s a perfect tutorial just for you!

At the very bottom of the list controls the components of hue, saturation, and brightness (HSB). Namely:

  • Hue 
  • Saturation
  • Color
  • Luminosity

Select the Color blending mode as this disregards the brightness and only applies the hue and saturation onto the wall. As a result, you achieve this realistic appearance that blends perfectly on the wall.

Create a Levels Adjustment Layer

Looking at the Layers panel, we have a vector shape made from a Solid Color fill layer, and use this vector shape to do two actions: 

  • Apply a color
  • Mask an area

It is important to establish that this is not a vector mask, but you are treating it as a vector mask. 

To show you an advanced technique, click on the New Adjustment Layer icon and select Levels.

Se

On the Properties panel, dragging the black point to the right makes the pixels darker, and dragging the white point makes the pixels lighter. Meanwhile, the center point controls the contrast of the image.

Right below it is a slider that controls how dark the darkest pixels are, and how light the lightest pixels are. This only shows how the Levels adjustment layer can give you complete control of your image’s brightness.

If you want to make an extreme adjustment that only affects the wall, you have to make a selection out of the vector shape.

You can do so by holding the Ctrl (Windows) or Command (macOS) key as you click on the Vector Shape thumbnail on your Layers panel.

Then, delete the mask from the Levels adjustment layer and click the New Layer Mask icon at the bottom of the Layers panel to create a layer mask based on the active selection.

It looks fine but once you expand the vector shape by adding new points, the mask doesn’t change along with the new vector shape.

This adds more labor to you as you have to recreate a new vector shape for these two to match, and a good mask should be open to adapting new changes applied to it.

Clipping Mask Trick

If we apply a Clipping Mask, the Levels apply that adjustment directly to the layer below without affecting the Background layer, and unfortunately, this isn’t a good result.

Here’s what you can do for a better solution, double-click on the side of the Color Fill layer to bring out the Layer Style window. 

On Advanced Blending, the box is checked for Blend Clipped Layers as Group. 

If you uncheck the box, the Levels adjustment layer effect applies to all the layers below and within the selection. With this result, we can apply extreme adjustments to the Levels without affecting the areas outside of the selection.

Press OK to exit the window.

Now, if you also expand the vector shape, the mask also adapts to the changes and extends the effect towards the new area so you can expand or reduce the area as you go.

Going back to the Levels adjustment layer, start setting your preferred adjustments as you now have total control of the contrast and the brightness of the image that the Hue/Saturation layer cannot do for you.

Subtract From Shape

To refine the vector shape that only applies to the wall and not on the bed, you need to create a vector shape that subtracts from the current shape.

To do so, go to the Layers panel, select the vector shape you are working on, and select the Pen tool.

With the Pen tool, create a path around the areas you want to subtract from.

Once you have closed the path and it doesn’t subtract from the vector shape, go to the Options bar and select Subtract Front Shape. 

When you create a path around the painting on the wall and select Subtract Front Shape, the selection is now deselected from the vector shape.

You can refine the edges of the shape by adjusting the sliders for the Density and the Feathering on the Properties panel.

In a certain situation, what happens if you create a vector path without applying it to the appropriate layer?

Let me show you by not having the Color Fill layer selected, but you are creating a new path using the Pen tool.

Once you have completed the work path, nothing happens, even though the Subtract Front Shape is selected.

If this accidentally happened to you, go to the Paths panel and make sure that the work path is selected.

Then, choose Window and check the Paths by clicking on it.

With the work path selected, press Ctrl X (Windows) or Command X (macOS) to cut.

On the Layers panel, select the Color Fill layer and press Ctrl V (Windows) or Command V (macOS) to paste and for Photoshop to mask it out.

Apply a Layer Mask to The Vector Shape

Since you are using a vector shape to color the wall and mask out areas you want to exclude, you can also use a layer mask to further mask out areas.

Right now, reflected light on the wall from the wall lamp is still in the vector shape, and a layer mask can be used to retrieve it.

Click on the New Layer Mask icon to create a layer mask.

Select the Brush tool and set black(#000000) as the Foreground color and use this to paint on the reflected light on the wall to retrieve it from the vector shape. 

The Fade Command

If the Brush tool effect is too intense, go to Edit > Fade Brush Tool. 

The Fade command changes the opacity and the blending mode of the last tool that you used.

Since you used the Brush tool, its name is Fade Brush Tool, and you can adjust the Opacity until the light matches the composite. 

Then, press OK to apply the changes.

Subtract Front Shape

Once again, subtract other parts of the image from the current vector shape. Select the vector shape layer from the Layers panel and select the Pen tool.

On the Options bar, make sure that you select Subtract Front Shape.

Then, trace along the edges of the bed to start removing it from the vector shape. If the edges are not perfect, just keep going as you have time to fine-tune it later.

For curved areas, long-click on the Pen tool, and select the Curvature Pen Tool on the drop-down menu.

Use this to hover over the existing paths to add a point, click-and-drag on it to bend the straight lines, and match with the curved edges of the bed and the bedside table.

Keep on repeating this step until you have entirely excluded every other object in the room, and the vector shape covers only the wall.

This may take some time, but with the Pen tool, you can guarantee accurate, sharp lines.

To organize each of the walls you have applied a vector shape to, place them all in one group and renamed it as “Color Change.”

Add the Wall Ornament to The Mask

There is an ornamental decoration on the right side of the wall that is hard to exclude from the vector shape.

To demonstrate how you can use a channel-based layer mask to select it from the vector shape.

Then, delete the applied layer mask so you can see how the color fill affects the layer.

On the Toolbar, select the Rectangular Marquee tool and select the area around the ornamental wall decoration.

Then, go to the original Background layer and press Ctrl J (Windows) or Command J (macOS) to place wall decoration in its layer.

Click on the New Adjustment Layer icon and select Solid Color.

On the Color Picker window, set white(#ffffff) as your Background color.

Go to the Channels panel, disable every channel, and enable one channel at a time to see which channel has a stronger contrast between the foreground and the background.

In this image, the Blue channel has a stronger contrast. Click-and-drag the Blue channel onto the New Channel icon to duplicate it.

I 

An excellent point to remember is that Channels also function the same way as a layer mask: “White reveals, Black conceals.”

So to reveal, the wall decoration needs to be white and everything else to be black.

At the moment, the wall decoration is the darkest part of the layer, and invert this by pressing Ctrl I (Windows) or Command I (macOS).

Now, the wall decoration is white, but the wall is still grey. You can turn this into black by going to Image > Adjustments > Levels. 

Using the same technique you used earlier, click on the black point and drag it to the right to darken the dark pixels further. 

Then, drag the white point to the left to further brighten the bright pixels.

To load the white pixels as a selection, press Ctrl (Windows) or Command (macOS) and click on the Blue channel copy. 

Then, click on the RGB channel to enable all the channel layers and bring back the original colors.

On the Layers panel, enable the Background layer and the Color Change group.

Then, add the new selection into the Color Change group and onto the layer controlling the right wall where the wall decoration is hanging on.

If you click on the New Layer Mask icon to apply the layer mask, the blue color to apply on the wall decoration instead and not on the wall.

When this happens, you can go to the Properties panel and click on the Invert button to invert the effect, and the blue color applies on the wall instead.

A faster way to do this is to hold Alt (Windows) or Option (macOS) as you click on the New Layer Mask icon to invert the effect instantly. 

To adjust, select the Brush tool and set black(#000000) as your Foreground color and paint parts of the wall ornament to hide pixels and refine the layer mask.

With everything in its layer, you have total control of the color and luminosity of the wall.

If you want to change the color, just double-click on the layer thumbnail to bring out the Color Picker window and set it to color!


Final Image

Drag The Slider To See Before & After

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Blur Backgrounds in Photoshop [FAST & EASY]...
    M
    141 Shares
  •  
    Photoshop 2021 All The Best NEW Features EXPLAINED!...
    P
    106 Shares
  •  
    Make Better Cut-Outs in Photoshop with These 3 Amazing Tricks!...
    L
    88 Shares
  •  
    Photoshop 2021: Color Grading in Camera Raw...
    60 Shares
  •  
    How To Remove a GREEN SCREEN in Photoshop!...
    L
    49 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.