Archive

Posts Tagged ‘Colour’

Photoshop Colour Scheme Picker and Automatic Colour Palette Generator

September 23, 2009 Leave a comment

Download a free Photoshop .psd file which generates 4 colour schemes from a single base colour.

As a web designer and developer, I’m constantly on the lookout for simple and effective (and free!) ways of viewing possible colour schemes for a new design, often based on a single ‘key’ colour — eg a company’s logo colour.

This Photoshop file will simultaneously show you four different colour schemes, based around a single chosen colour. Each colour scheme also shows tint and shade variants.

photoshop-colour-bar


» Download: PhotoshopColourBar.psd


Features:

  • Pick a single colour to generate 4 colour schemes — Analogous, Triad, Monochromatic and Complementary.
  • Each colour scheme has two tint/shade variants.
  • Simple Photoshop File — compatible with Photoshop CS, CS2, CS3 and CS4.
  • Small footprint — keep it open whilst you work on you main project.

Instructions:

  • Unzip the compressed file somewhere convenient. I keep it in the root of my Clients folder.
  • Load the PhotoshopColourBar.psd file into Photoshop.
  • Double click on the square solid colour ‘Layer Thumbnail’  labelled ‘Pick a Colour’ , and choose a base colour — either directly or from sampling an image, logo, etc.
  • Important: Select the top layer to be able to sample the colours, otherwise Photoshop won’t allow you to use the Eyedropper tool correctly.

A colour-wheel version is available at: http://www.taupo.co.uk/colourdesign.html

Technical:

Colour adjustments are made using successive masked Hue/Saturation adjustment layers.

The tint-shade variants rely on a couple of ‘Reset’ layers to turn any selected shade into the ‘normal’ brightness, fully saturated version. These are then used to generate tinted versions (vertical bars).

Advertisements