Tutorial: How to extract a colour scheme from a photograph

June 12, 2008 · Posted in resources, tutorial 

Today I picked up on a neat little trick on how to extract a colour palette from a photograph. Imagine you stumble upon a gorgeous photo (or piece of digital art) which has this special colour scheme. You could use the eyedropper tool to extract each colour individually but there’s a slicker way of doing it. This tutorial teaches you how to convert a photo into a fully functional colour swatch palette using photoshop and illustrator.

intial photo
this is the photograph I got from flickr with nice warm colours which I want to use in a vector design. The first step is to open it in Photoshop.

mosaic 1
For CS3 users only: make a duplicate and convert the picture into a smart object. This way you can edit the mosaic effect without messing up the original photo.

mosaic 2
Go to filters > Pixelate > Mosaic and vary the cell size until you’re happy with the result. In my case 113 did the job. This is it for the Photoshop part.

import to Illustrator
The next step is to import our mosaic grid into Illustrator. If you’ve got an Ai file (preferably with the same, or larger dimensions) open you can simply drag an drop the layer from Photoshop.

live trace
This is were the magic happens. Making sure you have the content selected hit “Live Trace”.

option and expand
Choose the “Photo High Fidelity” Preset from the Live Trace options. The default setting of 64 for Max Colours should be enough. Change it if you used a smaller cell size for the Mosaic filter. Now hit Expand.

add colours
With the expanded mosaic still selected open the Swatches palette and from the option menu choose “Add Selected Colors”. That’s it. Now you’ve imported the colours from your intial photograph into the swatches gallery in Illustrator. Save it so you can use it for different projects.

Share and Enjoy (it's a great way to saying thank you):
  • Digg
  • del.icio.us
  • Reddit
  • StumbleUpon
  • Technorati
  • Design Float

Comments

2 Responses to “Tutorial: How to extract a colour scheme from a photograph”

  1. [...] 101: Escape Text Boxes without the Mouse Deziner Folio - 131 Web 2.0 Layer Styles for Fireworks Fudgegraphics - Tutorial: How to extract a colour scheme from a [...]

  2. Hytrin. on July 13th, 2008 5:20 am

    Hytrin - drug alcohol reaction….

    Hytrin. Hytrin terazosin….

Leave a Reply