Art Education Lesson on Identity Using Color Swatches

Justine Bursoni is a graduate student in art education at the University of Illinois Urbana-Champaign and an editor for the online magazine Smile Politely. She came across my Self-Portrait art piece online and wanted to include it in a lesson plan for a group of fifth and sixth grade students. She asked how I created my piece, and after giving her some tips, she had her students create their own paint swatch portraits.

“During the lesson,” Justine wrote in email, “the students were quick to note how identity comes in different forms, parts of identity can be shared… but mostly, one’s identity is unique and multi-faceted and how all should be recognized and tolerated.” It’s humbling to have my work aid that learning process, and even more humbling to be included in the list of self-portraits she used in her lesson plan:

• Charis Tsevis, “Barack Obama” (2008)
• Chuck Close, “Self-Portrait” (2007)
• Michael Mapes, “Poor Boy Michael Strange” (2006)
• Nathan Gibbs, “Self-Portrait” (2002)
• Grammy Posters (2009)
• David Hockney, “Mother I, Yorkshire Moors” (1985)
• Paul Klee “Senecio” (1922)

I also want to thank Justine for allowing me to post her PowerPoint presentation and lesson plan. The PowerPoint notes include her comments on the students’ reactions:

• Download PowerPoint Presentation
• Download Paint Swatch Lesson Plan

In the vein of open collaboration and online sharing, I put together some notes from our email conversation to provide a list of steps to help others create their own pixelated portraits.

How to Build a Portrait Out of Square Blocks of Color

In my case, I used Photoshop to create a reference image first. For best results, choose an image where the face has a solid color background. You’ll want to follow these steps in Photoshop to get the right result. These steps assume you’re printing the reference image on a standard 8.5×11 inch sheet of paper.

Photoshop Instructions

• Open and Crop: Open your image in Photoshop. Using the Crop Tool, crop it down to just the face. For this exercise, hold the Shift key while using the Crop Tool to make the crop a perfect square.
• Reduce to Pixels: Go to Image Size (on the top menu, Image > Image Size). Under Pixel Dimensions, change the units to “pixels” and adjust the width and height to 8 for both. This will end up giving you an 8×8 grid of one-inch squares. Important: Make sure the check boxes for both Resample Image and Constrain Proportions are checked. Select OK.
• Set Document Size: Your image is now 8×8 pixels. But you still need to make a second adjustment to the image settings before it can be printed correctly. Go to Image Size once more. Important: Uncheck the Resample Image check box. Under Document Size, set the units to “inches,” type in 8 for width and 8 for height. Select OK.
• Print: Everything is done and you’re ready to print. From the File menu, select Print :)

The final step in creating your pixelated portrait depends on your eye to match the colors. One tip I can offer is that the “value” or black and white levels of each color are more important to recognizing the final image than the “hue” of the color itself. For people to recognize the original image, it’s more important that it have the right amount of contrast than perfectly matching the nuances of each color.

If you do use this process to make your own, I’d love to see your project. If you have a place to upload images, post a link and describe your project here in the comments. Otherwise, send me a note and I can help you post it online.

Special thanks again to Justine for allowing me to publish her class materials and for sending the photo. Seeing that image of them working on their self-portraits puts a huge smile on my face. It’s truly rewarding to see an idea I had almost seven years ago come back to life in the hands of these young minds.