Creating a custom color palette from an image using Image Trace in Illustrator

Screen shot 2013-10-26 at 7.54.53 AM

I do this all the time. Today I saw a photo of President Obama on my Facebook Newsfeed and was struck by the blues in the background. So I tried a few online color palette generators, but I wanted a larger palette, which I will edit until I get a palette I love. So I decided to take screen-shots as I go, to show you how to do it.

Grab an image you love and drag it onto the Illustrator icon.

Screen shot 2013-10-26 at 8.13.34 AM

It doesn’t matter if you hold the shift key down to maintain the ratio, and it also doesn’t matter if your photo gets blurry or pixelated—We’re only looking at the colors. You’re going to throw this file away when you’re done. Just make it big.

Next, with the image selected, open the Image Trace window, and turn on “Preview.”

Screen shot 2013-10-26 at 9.01.26 AM

Make sure you are in “Color” mode.

Screen shot 2013-10-26 at 9.03.09 AM

Then play with the number of colors. With mine set to “Limited,” I’m only getting 30 colors and I don’t see enough blues in the window. So I’m going to choose “Full-tone” and go for 40 colors.

Screen shot 2013-10-26 at 9.03.20 AM

That’s more like it. Open the Advanced menu by clicking on the little triangle and choose “ignore white.”

ignorewhite

Now expand it.

expand

expand

And ungroup it.

ungroup

Open your Swatches palette.

swatches

Drag a selection marquee across the windows so that part of the image is selected. IMPORTANT: there’s a size limit on new color groups, so grab sections of your photo instead of the whole thing. I like the blues of the window, so I’m grabbing that section.

select window

Click the little folder icon on the bottom of the swatches palette. Choose “Selected Artwork”, click OK.

Screen shot 2013-10-26 at 9.33.45 AM

Click somewhere on the white page to deselect your artwork while you edit this palette. I’m going to delete the browns, greys and whites from this color group so I end up with mostly blues.

Screen shot 2013-10-26 at 9.28.12 AM Screen shot 2013-10-26 at 9.43.57 AM

Shift + click on the swatches you want to delete, then hit the trash button at the bottom of the window. Option + click to single out lone swatches. You can drag them around to rearrange them. If you see swatches that are similar, delete them. This is the fiddly part that defines whether you are a color-lover or not.

delete2

Okay I’m almost done, just going to delete that first swatch that looks like white.

Screen shot 2013-10-26 at 9.48.13 AM

Click on the folder icon. Choose “Save Swatch Library as ASE…” (By the way, where there is an ellipses—the three dots—it means there is another menu after this.)

Screen shot 2013-10-26 at 9.49.38 AM

I’m going to save mine right into my Illustrator Swatches directory, but you can save it anywhere.

Screen shot 2013-10-26 at 9.52.37 AM

 

Now it’s one of the User Defined Swatch Libraries. Or, if I had saved it somewhere else, I could have chosen “Other Library” and just loaded the ASE file.

Screen shot 2013-10-26 at 10.00.53 AM

Screen shot 2013-10-26 at 10.34.53 AM

Here is the final version of the color palette I developed from this photo.

Screen shot 2013-10-26 at 11.20.48 AM

Click on the image or here to download the ASE file for yourself.

26. October 2013 by arleigh
Categories: art & design, tips & tricks | Leave a comment

Leave a Reply

Required fields are marked *