My pixel outlines. You can download them here.
My color charts. Right click on them and save to your computer.
My image is just a guide. Feel free to change the colors, apply cutouts or not, or add other effects to your liking. I put everything on its own layer (and name each one). That way you can easily go back and change colors later and correct any mistakes you've made. It makes a lot of layers, but it also keeps things organized and will save you a lot of heartache.
It makes things easier if you enlarge your graphic (use your magnifier tool) so you can see the pixels clearly. Feel free to save my images in this tut too, and enlarge them as necessary.
The basic procedure for each piece will be the same. You'll add a new layer. Set your brush size to 1 and paint the outline of the piece in a darker color and then paint the inside in a lighter color (Hint: to do the inside coloring, make the outline layer active, choose your magic wand and click inside the section you want to color - then apply the color on your new layer).
I've applied a cutout to some pieces, usually using the same color as its outline color. To apply the cutout, select and float the selection (selections>select all>selections>float). You'll see the marquee ("marching ants") around the selection. Apply a cutout (effects>3d effects>cutout), using the settings in the screenshot (the shadow color will change for each selection). For some items, I repeated the cutout, changing the horizontal and vertical to -2 instead. Just play with the settings, it's a bit of a personal preference.
[Hint: When you're going to add a cutout, set your foreground or background color to the shadow color you're going to use. Then, when you apply your cutout, just right click on the shadow color box and choose the color from the recent colors displayed there.]
Step 1. Open up the pixel outline you downloaded. There are three layers - a background, the boardwalk scene, and the people. Turn the people outline off for the moment (if you don't wish to add the people, you can just go ahead and delete this layer).
Open up the color chart you saved. Copy and paste it as a new layer onto your image. Move it to the top, out of the way. When you need a color, just click on it with your dropper tool.
Step 2. I'll show you the colors I used for each section of the graphic - feel free to change these as you wish.
Optional: Apply inner bevel to the posts, using settings in the screenshot.
Add a new layer and place it underneath all layers except the background.
Choose your airbrush, using settings in the screenshot (feel free to change these settings as you wish).
Set your foreground to one of the colors you want your sky to be, then spray it onto your canvas.
Then choose your smudge brush, using settings in the screenshot.
And soften the color out.
Repeat this process, using as many colors as you want. Here's my finished sky.
Step 4. If you want to add the people to your image, go on to Step 5 now. If you only want the boardwalk scene then you're done. Just delete the color chart and merge all layers.
Step 5. As above, add a new layer for each color you use, to make it easier to change later if you wish. My colors are just guides, feel free to change them.
Turn off all layers except your background and your people outline. Copy the people colorchart and paste it as a new image onto your canvas.
And that's it, all finished! I hope you enjoyed the tut, and as always, please let me know if you experience any problems (and of course, I'd love to see your results).
Screenshots of programs used in this tutorial are copyrighted to their respective authors.
This tutorial was created on March 11, 2006.
All content, graphics, and tutorials on this site are