Have you ever used a brush and thought how pretty it would look, if only you could make it show up in more than one color? Being able to change the color of Photoshop brushes upon application is a beautiful thing, but sometimes the colors on image-based brushes and the like can look rather… flat in color. This tutorial will show you how to add multiple colors to the same brush.
1. First off, start by creating a new layer on top of the Background layer. On the layers palette, click the “Create a New Layer” button on the bottom right (just next to the trash can). Now, on that layer… using black, make a single brush stroke on the canvas using the brush of your choice. I’m using a flower brush, and it looks like this:
2. Now, in the layers palette, right click on that layer, and choose “Layer Properties,” then rename the layer to “Black” so that you know that the color on that layer is…well, black! You should now have a background layer, and this new layer with the black brushstroke on it named “Black.” Now, to add some color! So that you don’t have to paint in everything and hope to “stay in the lines” of where the boundaries of the brush is, we’re going to just duplicate the layer and then you can work with that. Here goes! Right click on the “Black” layer in the layers palette and choose “Duplicate Layer.”
3.Name that layer whatever color you would like to use first. The primary color of my phlox flower is a blue-violet, so I named mine “Blues.” You can rename it either as you duplicate it (it will ask you what to name it) or afterward, if you forget, you can right click on the layer in the layer palette and choose “Layer Properties” just like we did in the first step. Now, on the layers palette, make sure you have the “Blues” layer selected and click on the “f” at the bottom left corner of the layers palette.
4.Choose “Color Overlay” from the dropdown menu, and then pick out a color.
5.You should have an image exactly the same as the original black, but now in whatever color you chose. We’re going to change the way that this layer blends into the entire image, but first we need to get rid of the “color overlay” on this layer (but keep the color, of course!). In the layers palette,click on the layer just beneath the colored layer – in my case, the layer just below my “Blues” layer. Click on the “Create a New Layer” button at the bottom of the layers palette (highlighted in red on the image to the right). It should look like this:
6.Click on the “Blues” layer to select it. In the top menu, choose “Layer” and then “Merge Down” (or hotkey CTRL-E on a PC, CMD-E on a Mac).
7.You’ll probably have to rename your “Blues” layer. Whenever you merge a layer down, it takes on the name of the layer below it. So, do that now using the same way we did it earlier.
Now we want to change the way that the blues layer blends in with the whole image. Select the “Blues” layer by clicking on it in the layer palette. Now click on the “f” at the lower left of the layer palette again. Choose the first option, “Blending Options”:
8.In the menu that pops up, at the top, you’ll want to change that from “Normal” to “Color.”
9.What this is doing is changing it so that this layer now merely changes the color of anything on the layers below it. It does NOT change the luminosity of it, so if you had this over white, it wouldn’t do anything. It would make it a blue white, but a blue white is still white – white doesn’t have any color to it at all. However, when you have gray tones in the layer below, as we do, it adds color to those gray tones to make them blue-grays. I played around with my blues layer and added different tones of blue simply by painting it in. If you didn’t want to actually paint them in, you could add a gradient – with this flower, I added a radial gradient so that the tips were darker and the inner portions had more purples in them:
10.I followed steps 2-8 again, beginning with the duplication of the black layer, and created a layer with yellows and oranges in it. You can do this as many times as you want, with as many layers as you want.. or just with the one beginning layer that you created, if you’d rather put all the colors on one layer. I tend to use separate layers so that if I want to, I can change the hue/saturation of each individual layer.
11.You can do a lot of “playing around” with it afterward by changing the hue/saturation like that, or by changing the lightness/darkness or opacities of each layer (including the black one!). Here’s another image of a pansy where I did just that. The first one is the original, where I have the black layer’s opacity set at only about 60%. The second one is different hues AND the black layer’s opacity is set much higher, at 100%. The third one is different hues again, with the blues on the edges much more saturated and the black layer at a lower opacity, around 30%.
12.If you’re not familiar with where to change the hue and saturation, brightness, etc, it’s under the top menu. Click on “Image” then “Adjustments” then “Hue/Saturation..” A window will pop up that has three bars where you can play around with the colors (hue), how strong or weak that color is (saturation), and the lightness/darkness of that color. As you change them, you’ll see the changes to the image itself, so you can see exactly how it will turn out.
13.That’s it! Now you can do all sorts of things with colors and brushes!
An alternative method that I use sometimes is to make a single black brush stroke on its own layer, then make another layer just beneath it where I “paint” in the colors that I want that brush to have. Just like I’d paint one of my paintings. This method isn’t for everyone, though, and can be difficult to do with just a mouse. So I spent much more time outlining the method above. However, if you’re an artist or would like to do these colors much more intricately, try painting the colors in on a layer below yourself.
Enjoy!
46 Responses to “Using Multiple Colors with Photoshop Brushes Tutorial”
thanks, im a graphic designer in the maing and I didn’t know how to do this. So thanks alot!!!
That was very helpful, thank you!
why when i click the color overlay & pick a colour then all the layer is as the colour tat i pick.. for example, when i click red at “colour overlay” ,
all my layer become red.. then the brush object such as a ribbon brush, then the ribbon disappeared..
hmm.. am i click something wrong? thanks for ur advise…
Veronika: Color overlay is supposed to change the color of that layer, yes. And everything that’s on that layer will change color. That’s why I suggest that you duplicate the layers and then erase the parts of that layer that you don’t want red. Make sure that you still have a second layer of black on the top, as the outline for the brush. The rest is just like coloring in a coloring book, essentially.
Not sure what else to tell you other than to follow the tutorial precisely, and you’ll achieve the results. :)
Does this work if we use a brush we made or does it just work for like pictures that are black and white?
Andrew: It’ll work for anything, but there are more effictive ways of doing it for vector styled brushes. I explain it in my tip in this blog post: http://www.obsidiandawn.com/earth-friendly-vectors-photoshop-gimp-brushes
when i do color overlay, the whole palette turns whatever color i choose, i cant see the flower and more, advice?
Carin:That’s what color overlays do. You then go on to erase the parts of that layer that you don’t want in that color.
Also, be sure you still have a layer on top that is black, so that it shows the outline. What you’re doing is basically taking a black & white image and filling in the color like you would a coloring book.
I’ll have to go through this tutorial and perhaps clarify that step somehow, sometime soon.
Thanks, and good luck!
can we define a brush preset with multiple colors i.e when we give single individual impression of a brush it should paint more than one color
Sunil: You can define a brush preset to have it alter the brush’s color each time it’s “painted”, but not so that it will do more than one color in different parts of the brush or anything, nope
Awesome tutorial! Without it I wouldn’t even know how to multiply colors by now :D
Took some time to understand all together but now all is clear!
Thank you so much for great tutorial!
Stephanie, you said: “..This method isn’t for everyone, though, and can be difficult to do with just a mouse..”. I want to feel some advanced level of painting in photoshop by using something but not a simple mouse. Do you use pen? Can I ask you which one you use? And which one would you recommend me?
Thanks in advance
How can I do this with Gimp?
I am very desperated…
@hundefrau: Not sure, I’m sorry. I’m not a GIMP user. :(
Yes, This works with GIMP. If you know gimp well, It works almost exactly as the owner explains.
Does this technique work in elements?
@Mari: If you know enough about Elements to “adopt it” into that program, yes. The exact steps may vary a little, but you should be able to give it a try and figure it out unless you’re a beginner. Good luck!
OMG!!! Thanks a lot!!!! I’ve been looking for this all day! cheers. ^__^
Thanks a ton.
thanks a lot and it’s a great tutorial
however, i have problem in colouring the inner part of the flower
i can’t turn it into yellow and orange
can you further teach me(by e-mail)? thanks
@sine: If you’re wanting to do light colors, you may have to erase a bit of the top, black layer in order to do so – use the eraser brush on a low transparency and go back to that top, “black” layer, and start erasing over the parts where you want the lighter colors (yellow) to show through better. You can keep doing using that low opacity brush until it shows through to the amount that you desire.
Good luck!
Thank you, a ton. =3
I use this in GIMP.
Thanks for this. I’ve had a bunch of grey flower brushes for ages and hadn’t really used them much because colouring seemed too difficult. This works great.
My first flower needed an extra “black layer” at the bottom to really make the detail of the flower stand out, but didn’t need one at the top.
how do i do thin in gimp??
Awesome tutorial. I admit I had to read it several times before getting it all. I’m still confused at some point tho, do you need to ‘merge down’ other layers as well? Other than the first color layer, with the black one. What is the difference between merging two layers, or just leaving them one on top of the other, un-merged?
Sorry if my questions sound stupid. I’m just so close to understanding 100%
:)
@Alexa: What I’m doing whenever I make a new layer beneath a layer and then merge that layer down on top of it, I’m removing all layer effects on that layer, while still keeping them applied. For example, say I was to add a color overlay to a layer. By making a new layer beneath it and merging that layer down on top of it, it removes that “Color Overlay” layer style, but still keeps the blue color. Sometimes layers won’t react properly with the rest of the image when they have layer styles applied to them, or I want to be able to apply a NEW layer style to it that doesn’t merge well with the first one. It’s for that reason that I’ll remove them like this.
Hope this helps!
OMG!!!!!! this tutorial are really helpfull!!!! thanks alot!!!!!!!!!
to stephanie, thaNks a lot for helpiNg me…Godbless!
Ur advice is great thanx for explaining it in a way thats easy ti understand for even the most newest photoshoppers :-)…i have been photoshopping daily for 2 years now and still dont know alot of what can b done…any tutorial u offer will be much appreciated.
Stephanie~
You are amazing! Self taugh gimper here and I am so excited to test out all these wonderful brushes and ideas. You are a fantastic teacher and have a very generous heart. I’m so glad I found your site!!! Thank you so much.
Could anyone help me do this in Gimp?
It seems like a really great tutorial, however I use Gimp.
Thanks for this tutorial,this is going to make some difference when I start using it.
Before I forget,I have been paying very close attention to your stuff,fantastic is an understatement.Your must devote most of your life to this,your brushes,your images are just superb,keep up the great work,and thankyou for sharing.
Okay but I’ve got GIMP.. ;/ Can You tell me how to put colors on brush by GMIP (I’ve got got version 2.6.6) :]] thx ^^
@Sylwia: Sorry, I’ve NO idea how to use GIMP. I know you can do it in GIMP, because it also has layers. You could look up equivalents to steps by googling things like “new layer gimp” to see how to make a new layer, that kind of thing. I doubt you’ll find a tutorial equivalent to this for GIMP, though… it’s fairly unique. So you may have to translate it to GIMP yourself if you want to be able to do this.
Sorry I couldn’t help, but I’d just rather work on new Photoshop resources than devote my time to learning bits and pieces of yet another program. Good luck!
I have photoshop elements and I can’t get the ‘f ‘ for style on my layer. Do you know what’s wrong?
I got it! but now i can’t find the color overlay. Using elements is very confusing. :(
@Confused: Yeah, this tutorial is for regular photoshop… I know you CAN do all the stuff this mentions in Elements, but it’s done differently. I’m afraid I don’t have a version of Elements to help you figure it out, but you SHOULD be able to do a search for some step that you can’t figure out. Like, when it comes to something like the color overlay, just do a Google search for “color overlay photoshop elements” or somesuch, and you should be able to find out how to do each step that way. I’m quite sure you won’t find a tutorial like this anywhere else, though, so you’ll probably have to do that translating if you want to get it to work.
Good luck, and sorry I couldn’t help more!
Thanks a lot though! IT’s ok. I know most people have regular photoshop anyways. Your tutorials are great, though! Keep up the good work!
Thanks for replying!!
Whoops! wrong place
Wait… what? forget it.
damn i should have known this site before!!
I have adobe photoshop 2.0 and its not the same as yours,Stephanie,Please help me do this with the tree’s
@terry: Oh, if it’s not Adobe ELEMENTS 2.0, then you can’t use them. Adobe Photoshop 2.0 is NOT compatible with these, as it came out… LONG, LONG ago. Sorry! You can still download the image pack and make them into brushes that are compatible, but I have no idea how to make brushes in a Photoshop that old, sorry!
SO helpful! Thanks!
Leave a Reply
Other Links
Member Center
Getting Started
Affiliates
Helpful Links
Follow Us
By Program
Latest Downloads
Popular Now
Web Design and All Content
© 2004-2009 Obsidian Dawn