Creating Custom Palettes from Scratch in Photoshop

PS Palette Step 1

Well, it’s been an interesting couple of days since my last post, in which I compared using palettes for free from ColourLovers to purchasing color palettes from Colormusing (or anyone else, really). For some reason, the CL website has been basically non-functional since yesterday— I keep getting error messages. (I’ve been a member of CL for several years, and have never, ever seen a problem with the site.)

Color palette inspiration
This beautiful mohair, one of my hand-painted yarns, is the jumping-off place for a new color palette: Atoll. (Click the photo to see this yarn— and its palette— at Colormusing.)

The interesting part is that not having access to CL’s palette-building tools (which are really cool) means that I need to create my palettes from scratch in Photoshop*— not really a huge deal, but I’ve gotten used to doing the initial work on ColourLovers, then importing my palettes into Photoshop (PS) to separate the colors into layers, and the various other things I do to get them ready to bundle and sell. Since my palettes continue to live on ColourLovers, as well as in PS, this is just more efficient for me.

However, being ever the intrepid palette producer, I forged ahead in PS to make my Atoll color palette inspired by the hand-painted yarn shown above.

Aside: Yes, there is a chicken-or-the-egg aspect to my palette creation, i.e. sometimes the things I make, like photo montages or hand-painted yarns, come first (as in this case), and the palettes are derived from those products. But other times, the palette comes first, and then I design things based on those palettes; Knittique’s Scraplet Skeins are a good example. End of aside.

Here’s how I did it.

PS Palette Step 1
Step 1: Set up your palette document. 1. Use guides to set up possible color proportions, based on… 2. Inspiration for color palette, which relates to… 3. Set up layers for each color (you can name these later if you wish). Note: My document size is 850 x 600 pixels. Also, the white area is the entire area for the palette; it’s not limited to the size of the photo shown here.
Picking first color
Step 2: Pick your first palette color: 1. Select the Eyedropper tool. 2. With your photo layer selected, click on a color area you like. 3. This color shows up as a swatch.
Select a color area
Step 3: Select the area for your first color. 1. Choose the selection tool. 2. Draw around the first space on the left to select that area.
Filling in first color
Step 4: Filling in your first color. 1. Select the first color layer. 2. From the Edit menu, choose Fill, Foreground Color. When you click OK, your selected area will fill with your color (3).

To complete your palette, repeat Steps 2-4 using the Eyedropper tool to choose new colors for each section, the Selection tool to select a different area to fill, and selecting a new color layer for each color.

Here’s my palette after choosing all 5 colors:

Palette with 5 colors
After choosing my 5 colors and filling them in the different spaces, here’s my palette. Note that each color section is on its own layer (1); this is really helpful when you want to change the proportions of the colors (which I’ll cover in an upcoming post).

Now I’m not so sure about that first color, so I’m going to brighten it up a bit:

Changing a color
Optional: Changing a color. 1. After selecting the layer you want to change, click on the color swatch. This brings up the Color Picker window, where you can play around with various things until you get the color you want. Here, I mostly changed the Brightness, in the HSB area (2); the arrow is pointing to S for Saturation, which I also adjusted a little, but the primary change I made was to Brightness (B).

And here’s how it looks after brightening that first color:

After changing the first color
My finished Atoll color palette. See the difference changing that first color (1) makes to the overall look of the palette? (Click the palette to visit it at Colormusing. It’s looking forward to seeing you.)

And there it is— a beautiful new color palette! Now you can play around with the color proportions by selecting a single color layer and resizing the colored section; it’s amazing how the feel of a palette can completely change when you do this. For example, in this palette, imagine how it would look if the largest color section was that deep plum color! I’ll be covering the topic of proportions in an upcoming post. Meanwhile, get out some photos with colors you love, and try this out!

And I know you’re dying to ask— what do you DO with a color palette, anyway?? To answer that adequately would probably take me about 100 posts, but I’ll be getting started on that next. Stay tuned!

*I’m using Adobe Photoshop CC (Creative Cloud), the 2014 version, but this same process can be done with PS Elements as well. And for those of you using other paint programs, I’d love to hear about your palette-making projects!

Update: As of this afternoon, it looks like is alive, but there might still be sporadic issues. Progress!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s