Gotta Pixel

How to Recolor an Element!

0 Comments | Leave a Comment

Hey everyone, it’s Monica again!  I’m back with another tutorial for you!!  I am using Photoshop Creative Suite 6 for this tutorial.

Introduction: Recoloring an Element

Today I’d like to talk to you about how to recolor elements in a kit!  There are several ways that I have seen this done.  I’ll show you some of the Best ways and some of the not so great ways.  We all have kits that we really like to use and sometimes there may be a flower or a ribbon or button that you would like to have a different color but the designer did not include that color element you are looking for.  I am going to show you how to get that element the color you want it!

Please be sure to read the Terms of Use for each designer to make sure it is ok for you to do this.  Most of the times it is ok for you to recolor an element as long as you list in the credits you did.   If you have a doubt about it you can email the designer.  Most of the time there is an email address in the terms of use file in the kit!  If not pm them at Gotta Pixel!  Our designers are amazing and friendly!  Be sure to give them a day or two to respond because they are super busy making these awesome kits you see in the store!!

Example of Recoloring

Getting Started: Deciding what color
The first thing you want to do is decide what element you want or need in a different color.  Once you have that element open in your program you will want to do is duplicate it or move it to a new canvas so that you wont mess up the original or accidentally save over the original element.  I have done this before and it is very upsetting!

For this tutorial, I’m going to be using Frosty Days Kit by PrelestnayaP Designs.  I love the little blue ric rack frame but I’d like for it to be red to stand out a little bit better on my page.  As you can see the blue kind of gets lost!

Frosty-PrelestnayaP_FrostyDays

Recolor option #1

The first type of recoloring I’m going to show you is probably the easiest way.  I started by opening a new canvas and filling the background in with white so we could see what we were working on!

img1

To make this frame red for this option I am going to open a paper from the kit that is red.  It works best if you choose a solid paper.  I don’t have a solid paper in this kit but I’ll show you with this pretty red print paper!

img2

Once you open the paper you want to drag it over to the canvas you have the frame open on.  You want it to be above the frame.

img3

Now you want to clip the paper to the frame.  You can do this by holding down control + alt + G or by going to layer create clipping mask.

img4
Now you will notice that you just have the outline of the frame and you cant see the detail.  This is why I do not like to use this kind of Recolor option.  If you really want to do it this way I would suggest you make the frame layer active and hide your clipping mask.

img5

Now what you are going to do it desaturate the frame.  This will make it grey scale and will help with the next step.  To desaturate the frame you can go to Image then adjustments and then Desaturate. Or you can hold down control + shift + U.  This will make your frame Grey.

img6

Now make unhide your paper layer and make it the active layer.  Now just above your layers pallet you will see a drop down box that probably says Normal.  You want to click it and open the drop down and select Overlay.

img7

Now when you scroll in and look at your frame you can see the detail!  You can adjust the opacity and fill levels if you want!

img8

Recolor Option #2

Now on to another more simple recoloring option.   We are going to start with a desaturated frame.

img9

This time instead of opening a paper I’m going to open the flower I used on my page so that I can choose a color of red that will best suit what I want the frame to look like.

img10

Now I am going to select the color I want to use from the flower.  To do so I click on the color to the left hand side and it will open the color picker box and I choose the color red I want.

img11

Now I want to go to my frame and make a new layer above the frame.

img12

Now you want to fill your layer above the frame with the color you chose.

img13

Now you want to clip the colored layer to the frame.  You can do this by holding down control + alt + V or by going to layer create clipping mask.

img14

Again you want to click and open the drop down area that says normal and select Overlay.  And you may want to adjust the opacity and fill levels!  And this is what my frame now looks like.  I really like it!

img15

And this is what my page looks like!  Pretty isn’t it?  And see how the frame pops off the page now?

Frosty-PrelestnayaP_FrostyDays-2

Last advice

So you have seen two great ways to recolor an element. These steps work with most elements.  If the element is like this one and has two colors there is one last technique you can use.

img16

With this element lets say we want the berries, red part, to be blue.  You will need to select the red part of the element and make it a new layer.  To do this use your magic wand or your quick selection tool and then right click and select layer via copy.  You do not want to cut it because that will leave weird edge.

img17

Now you can click on the color to the left hand side and it will open the color picker box.  Don’t forget to desaturate the part you just made a copy of or you color will look funny.  So I picked the color blue I wanted and make a new layer above the frame.  Then fill your layer above the berries with the color you chose and  clip the colored layer to the frame.  And then you canclick and open the drop down area that says normal and select Overlay.  And you may want to adjust the opacity and fill levels!  And this is what the element now looks like.

img18

Final Thoughts

If I can leave you with one final thought it would be NEVER ever just color fill an element.  It will leave pixeled edges and make a beautiful element look aweful!  Always use one of the methods above!!

Here is my finished page for you to enjoy!!

Frosty-PrelestnayaP_FrostyDays-3

Sign Up for Our Newsletter

Get all the latest news from your favorite Gotta Pixel designers delivered to your inbox!

Getting Started
Daily Download
Seasonal