Stylin Online T-Shirts
Register Rules Be A Supporter Members List Social Groups Mark Forums Read
Hobby Link Japan TFSource Big Bad Toy Store Robot Kingdom ToyArena Captured Prey

Illustrating Powerglide - A Digital Illustration Overview

Closed Thread Thread Tools
Old 09-22-2012, 06:35 AM   #1
Join Date: Sep 2012
Posts: 816
Location: Kyle, TX
Illustrating Powerglide - A Digital Illustration Overview

NOTE: I first posted this at my website last year: Illustrating Powerglide | BattleGrip; I am posting it here so that everyone can get a feel for the process I use to create these digital illustrations.

Phil's Digital Illustrations-illustratingpowerglide.jpg

One of the things Iíve been doing lately to keep myself entertained is creating simple, rough digital illustrations. Iíve had a few favorable comments about the work, and a few questions about the process, so hereís a quick step-by-step to give all of you some ideas on how to turn your photographs into digital illustrations.

Step One: Start with a Photograph

The first step to using this digital illustration process is to snap a photo of your subject. For this example I shot a new picture of the unofficial Transformers Glider (review here) and then imported the image into Photoshop. Youíll need a program with layers to take advantage of this process, but the completely free GIMP (website) uses layers and Iíve used the program to make some of the illustrations Iíve posted here in the past.

Phil's Digital Illustrations-pg01.jpg

Step Two: Outline the Shapes

On a layer, using a brush and black color, outline all of the hard, basic shapes of your subject. The image above shows the illustration in progress with the beginning of some shapes outlined. This is basically digital tracing and you can use this step to eliminate screws and nasty seams from the image . . . by just not tracing the elements you want to lose. This step will take longer than any other so pop in some music and have fun.

Phil's Digital Illustrations-pg02.jpg

Step Three: Fill With Color

I always select and fill each area separately, using the expand option to expand my selection. The color layers are all below the line layer in my work; this keeps the black lines sharp. By expanding the color two pixels you run under the black which avoids any nasty white pixels here and there. This basic color fill should be the primary, dominate color for each shape.

Phil's Digital Illustrations-pg03.jpg

Step Four: Create Highlights and Shadows

By using the method of tracing and darker and lighter shades of your base colors you can form shadow and highlight spots over the basic shapes. This adds a lot of depth to the illustration and may be the most important step of the entire process. I usually stick to one or two highlight and shadow colors to keep the sharp, stark appearance but if you want more depth just use more colors. This can sometimes take as long as the tracing step depending on how many details you want to add.

Phil's Digital Illustrations-pg04.jpg

Step Five: Background and Done

You can skip this step entirely ó I often do ó but sometimes a simple gradient of even solid fill behind the image helps it to pop. To completely separate the illustration from the photo I drop in a white layer between my work and the photo and doing that early will help you see the image more clearly; just turn the white layer off and on while you work to keep an idea of how your illustration is turning out.

Phil's Digital Illustrations-pg05.jpg

Have Fun!

And thatís my very rough guide to how Iíve been creating digital illustrations. To keep the style Iíve been working on simple I use all lines ó I point, click, and then hold SHIFT as I click on the next point to draw a straight line between points ó but thereís nothing stopping you from using curves or any other line you wish. The end result may look like a vector image but itís all pixels; Iíve just never enjoyed vector programs and Illustrator makes my head hurt.

I hope you found this useful, and if you create an image of your own please let me know because Iíd love to see what you come up with.
Attached Thumbnails
Illustrating Powerglide - A Digital Illustration Overview-pg05.jpg   Illustrating Powerglide - A Digital Illustration Overview-pg04.jpg   Illustrating Powerglide - A Digital Illustration Overview-illustratingpowerglide.jpg   Illustrating Powerglide - A Digital Illustration Overview-pg03.jpg   Illustrating Powerglide - A Digital Illustration Overview-pg02.jpg  

Illustrating Powerglide - A Digital Illustration Overview-pg01.jpg  
Philip Reed *

Last edited by Superquad7; 10-25-2012 at 05:14 AM..
philipjreed is offline  
Closed Thread

Thread Tools

Posting Rules
Forum Jump

Robot Kingdom