2spooky v|33
eXTReMe Tracker

Colorize Clothing

Written By: Sandra
Last Updated: July 24th, 2017
Program: Photoshop
Difficulty: ★ ☆ ☆ ☆ ☆

This tutorial is going to teach you how to add a gradient to your sitemodel’s clothes.

Final Product

Materials Needed

Step One

Open up your sitemodel’s photo. If you don’t have it cutout, do that now. I’m using a cutout. I always make my sitemodel black and white, it looks the best to me (especially if you’re going to color the clothing).

Step Two

Next, we’re going to start outlining the area we want to cut out. I’m going to use the pen tool.

Make your settings in the top navigation bar match mine.

Now we’re ready to start outlining the shirt. Make your first point on one side, and continue to follow down the sitemodel until it’s fully outlined. Pro-tip: where there is hair touching the shirt, try to make the cutout look like hair strands. It’ll look much nicer at the end!


Once you attach the starting point to the end point, you’ll get a solid gray line to indicate it’s a closed path.

I know you’re thinking, woah! Sandra, you went outside of the lines a bunch! Don’t worry about it. We will come back and fix it later. We cut her out first for exactly this reason.

Step Three

Go to Window > Paths. Where your layers palette normally is, you’ll now have a paths palette. In the bottom of that palette, you’re going to click the selection button to turn your path into a selection.

Once you click the button, you’ll see the dancing ant selection lines.

Step Four

Make a new layer. Then click on the gradient tool and choose your gradient. Fill the new layer with the gradient. Then press CTRL+D on your keyboard to deselect.

Change the layer type in the layers palette from “Normal” to “Overlay.”

It will make the gradient look something like this.

Step Five

Go back to your layers palette and hold control while clicking the layer preview of the sitemodel cutout.

This will select the sitemodel cutout, as shown below.

Then go to Select > Inverse.

Click on the gradient layer in the layers palette and hit delete OR backspace on your computer to delete the part of the gradient that’s outside of the sitemodel cutout.

And that’s it!

This effect is timeless and there is so much you can do with it! Try gradienting cameras, phones, hats, props, etc.! The options are limitless. If you need any help, let us know here on wordpress or message us on Facebook!

Comments are closed.