Tutorial #2 – Blurring and Pixelating

The last lesson was about obtaining a good surface for harvesting consistent looking color samples. This will be particularly helpful if you are not familiar with the process of creating color pallets. Using an on-line color schemer will make more sense if you practice a bit like this first. I recommend colourlovers.com for creating on-line pallets, although there are several other options available on the net.

I will now show you how to blur and pixelate images for even more control over your color choices. Here I used a beautiful piece of clip art from antiqueclipart.com.

bees-flowers.jpg bees-flowers-orig-pix.jpg

blurandpixed-first.png

In the examples above the second image is a copy of the first one, but it has been pixelated using a special filter in Photoshop. This makes harvesting colors easier because the pixelation allows you to plainly see color choices. Since the original image was not blurred before pixelation, the color areas are more rigidly defined. This works well for finding a color scheme with more variation in tone as shown in the pallet sample.

Now we have the same image with a Gaussian blur applied. Notice how the pixelations are slightly more pale than the pixelations in the first example.

bees-flowers-blurred.jpg bees-flowers-orig-gauss-pix.jpg

blurandpixed-second.png

These colors are creamier, giving you a less severe overall pallet. That is because blurring the colors tends to even out the underlying gray scale. Every color has an underlying gray scale except for white and colors that are pure hue. I will explain that in a later lesson.

Now we come to the final examples. As seen below, I blurred the original with a heavy Gaussian blur. I used a larger pixel size. This provides the least complex surface from which to choose colors. But it limits you in variety of choice. This final color pallet sample is the palest and creamiest of all the pallets.

bees-flowers-gauss-more.jpg bees-flowers-gauss-more-pix.jpg

blurandpixed-third1.png

With the right tools it is easy to create a harmonious family of color choices for your color scheming projects. The more you blur and the larger your pixelation, the more commonality you will create.

Here are the pallet samples stacked on top of each other so you can see the variation.

blurandpixed-first.png
blurandpixed-second.png
blurandpixed-third1.png

The tools used for these images are Photoshop and the ICP color picker. The post entitled, “Bluring the Blue Shell” contains information about how/where you may obtain free tools for these tasks. I am not entirely sure about the pixelations options in Inkscape. The paint.net tool does beautiful pixelations and I think that is the best way to go. It is free and you can find the link in my “Tools” category on the right side of the page. Thank you for reading my tutorial. I hope it has been of help to you. :-)

©2007 colorserenity.wordpress.com

All content on this blog is the property of the blog owner and protected by U.S. and international copyright laws and cannot be stored on any retrieval system, reproduced, reposted, displayed, modified or transmitted in any form, electronic or otherwise without written permission of the copyright owner except as noted below. A brief excerpt of content may be quoted as long as a link is provided back to the source page on this blog. No part of this blog is under a Creative Commons License.

 

Tutorial # 1 – Blending The Blue Shell

 

If hope you enjoy creating digital color pallets because I am thrilled to share a revolutionary method I devised for obtaining great colors. It involves smoothing an image by blurring it. From that blurred image it is possible to harvest a coordinated “family” of hues.

blue-shellsm.jpg blue-shellsm-blr.jpg

The first sea shell has a lot of color variation. The contrasts between the dark veins, the medium blues and the light colors is well delineated. But there is too much difference in “key” or contrast of light and dark. This makes it difficult to obtain colors with a creamy look as shown in the color pallet below.

blueshell-colorpallet.gif

The second thumbnail image has been treated with a “Gaussian” blur in Photoshop. Blurring the image blends the underlying gray scales just enough to lessen the severity of the original photo. The colors run together and even out the key, softening the differences. Colors “puddle” into areas as shown in the second image – the image I obtained my pallet from. Once you find the smoothness you like, start taking samples of color. With practice you will learn how to map out areas which work well together.

icp-image1.jpg

If you don’t use Photoshop try FotoFlexer. It’s a free membership. The Style FX tab and “soften” option will blur your images.

To create pallets like the one shown above you must purchase the ICP color picker for around $20.00. It can store far more than 5 colors as shown. The link is in my right sidebar under “Tools”.

For a free color picker try color cop. The link is also in my side bar. The shell photo is courtesy of publicdomainpictures.net.

Update: I forgot to mention there are two 100% free open source image editors that will do a variety of tasks for you, including Gaussian blurs. If you don’t mind loading another piece of software, look into Paint.net. The link is in my “Tools” category on the right side of the screen. Paint.net is the name of the software. Not the site address. And it is by far the easiest software for this kind of work.

Then there is Inkscape. It is also a free tool, but more for vector drawing. I am a newbie to Inkscape, but I look forward to seeing what it can do. Check out some screen shots here from the Inkscape website. Thanks! :-)

©2007 colorserenity.wordpress.com

All content on this blog is the property of the blog owner and protected by U.S. and international copyright laws and cannot be stored on any retrieval system, reproduced, reposted, displayed, modified or transmitted in any form, electronic or otherwise without written permission of the copyright owner except as noted below. A brief excerpt of content may be quoted as long as a link is provided back to the source page on this blog. No part of this blog is under a Creative Commons License.