Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
Converting a rough sketch into a polished piece of digital art might not be as hard as you think. In today’s quick tip tutorial we will demonstrate how to import a sketch into Photoshop and color it! Let’s get started!
The first step is to sketch out your idea. You can sketch your idea to paper or you can draw directly in Photoshop.
Once you have completed your sketch, you now need to ink your drawing. In this step you will need to trace over your lines with a nice black or dark blue pen and erase your pencil lines. You want to do this so you have clean lines that you can use to color your artwork later on.
Now scan your artwork into Photoshop. Scan it in at 300 dpi, RGB, TIFF or JPG in grayscale if possible.
Once you have imported your sketch into Photoshop, crop it (if necessary), desaturate it (Image > Adjustments > Desaturate) and open the Levels panel (Image > Adjustments > Levels) and adjust it as shown. The key here is to increase the amount of contrast and remove any unnecessary artifacts. You may also need to zoom in and erase any dust or specs left over from the scan. This is also a great place to clean up any of the line work. Use a black brush to do this.
Now let’s organize our layers. What we will do in this step is place the scanned artwork at the top of our layer stack, lock it, and set its blending mode to multiply. This will allow us to color the layers below it without having to extract it from the white background. Finally, organize your layers as shown below. Your layer stack may not look identical. The key here it to organize your layers so you can find them later on.
Now we can start to add color to our artwork. Select a hard brush and zoom in to a comfortable magnification. Start brushing in color where necessary but be careful not to color outside of the lines. Keep your keyboard handy so you can quickly flip between the Brush (B), Eraser (E), and Hand Tools (Space Bar). A tablet will seriously help you color your artwork; so if you have one, use it.
Feel free to use the magic wand tool to select and fill large areas. To do this, select the Magic Wand Tool (W) in Continuous Mode, Tolerance set to 100, with the Sample All Layers selected. Click inside the area you want to fill and then click Select > Modify > Expand and choose 1, 2 or 3 pixels, depending on the thickness of the pen you used. Now select Edit > Fill and choose the color you want. The image below shows the selection in mask mode (in red).
Note : don't use Fill in mask mode, because it will select the whole picture instead of colorizing the selection.
Now add some text to your artwork if necessary. Feel free to draw in some nice speech balloons. I used the Manuscript Font below.
You can add some shadows and highlights to your artwork in this step. Shadows and Highlights can be tough to master so feel free to experiment here. There are several ways to produce shadows and highlights. The Pen Tool may be useful if you want to produce a hard shadow or highlight. A Soft brush on the other hand will produce a nice soft lighting. Use clipping masks with their blending modes set to multiply or screen to produce a nice, non-destructive effect.
Take a look at the final image below.
Time Saving Techniques
You can save time by using some of the shortcuts listed below.
- (B) : Brush
- (E) : Eraser
- (I) : Eyedropper Tool
- (X) : Invert background and foreground color.
- (Q) : Mask Mode
- (H) : Hand
- (W) : Wand Tool
- (Cmd/Ctrl + D) : Deselect
- (Alt + Right Click + Mouse Up or Down) : Increase or Decrease the Brush Hardness
- (Alt + Right Click + Mouse Left or Right) : Increase or Decrease the Brush size
Enhance The Workspace
Keeping the swatches palette open while you color is always useful. Especially if you are coloring a series of comics and want to have some standard colors for the skin and clothing.
The navigation panel is also helpful, as it will allow you to adjust the magnification and pan throughout your artwork on the fly.
Actions are also quite helpful if you find yourself repeating the same processes over and over again. Plus Members will find a set of actions included in their download as an example. Descriptions of these actions are below.
The Colorize Action
This action will expand a selection by 1 pixel, fill it with the foreground color and deselect it. To perform this action, simply select an area to fill and press play.
The Drawing Converter Action
This action will clean up your artwork as demonstrated in Step 4 and also automatically produce your color layers. All you need to do is import your artwork into Photoshop and activate the action.
The Create Specular Action
Specular light is the reflection of the light by an object. In colorization, it means that this is the brightness point of the object. Because I don't put a Specular Light Layer on every layer, I created an action that allows that. Just by pressing the F3 key, this Action creates a new Specular layer, makes it a Clipping Mask, and put it in Overlay Mode. Then, you can just take a white brush to draw your specular lights.
Coloring artwork can be easy and fun. I hope you learned something new in this tutorial and I look forward to writing some more. If you want some more tips about preparing line work for color check out this great tutorial Preparing Line Drawings for Coloring in Photoshop.