Tracing and Colouring

In this tutorial, I will teach you how to trace your drawings in photoshop and then give them a nice color!

Step 1 Open your drawingin photoshop;

image 1

Note: trace and color your drawing on the same size you opened it in ohotoshop: large images with thick lines will liik very nice once downscaled!

Step 2 Then, select the Brush-Tool and set the size of the brush to a size that would be suitable for your lineart. Then select the Pen-Tool and make sure you got the following settings:

image 2

Step 3 When you trace the lines, you don't want to witness that all of a sudden, you can't continue because you only have 1 line at your disposal. What then to do is simple. Just draw a random line and when you're done, press ESC on your keyboard. That way, you deselect it, allowing you to make a new path. This is shown in the images below!

image 3

Step 3 Then select the Pen-Tool and make sure you got the following settings:

image 4

image 5

Step 4 When you got a nice path, or multiple paths, Right-click and a menu will pop up. Use that menu to give the path some lines! Press excape once more to remove the lines!

image 6

image 7

image 8

image 9

Step 5 Use the Brush-Tool at a desired size to color the different layers ON A NEW LAYER EACH!

image 10

Step 6 Then add shadow by making selections with either the Pen-Tool or the Polygonal Lasso-Tool, and fill them with black. Then group them with the origianl layer and lower the opacity!

image 11

Step 7 Use a normal brush and brush little hairs (if needed);

image 12

Step 8 THINK when you shade, because the sun can only come from 1 direction!

image 13

Step 9 Finish the shading;

image 14

image 15

image 16

Step 10 And now you see the transition of lineart into grayscale coloring (often used by Animators/Designer) and finally the finished product!

Tracing and Colouring Tutorial: Final Result (Click to enlarge)
Click to enlarge

Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > Color Management > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction