iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Don't be shellfish...Share on Facebook8Tweet about this on TwitterShare on Google+5Pin on Pinterest2Share on StumbleUpon2kShare on Reddit0



Hello Guys, Today I will show how to color a Line Art Drawing using Adobe Photoshop.When i saw this drawing i remembered something, that’s why i decided to colored it and that’s it. :). Anyway, Line Art If you don’t know what line art means, according to

Wikipedia. “

Line art is any image that consists of distinct straight and curved lines placed against a (usually plain) background, without gradations in shade (darkness) or hue (color) to represent two-dimensional or three-dimensional objects. Line art can use lines of different colors, although line art is usually monochromatic. It is also called line drawing.” .

[box type=”note” align=”aligncenter” width=”600″ ] [/box]

If you like my tutorial please share it guys and I want to see your colored line art too.:)

FINAL OUTPUT:

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Let’s proceed to our tutorial, first thing to do is to find your own line art or you can create your own line art base on any images you want. But for this tutorial I will use the line art of DestinyBlue from deviantart, Here is the link of the image I use for this tutorial I’m Fine – Lineart by *DestinyBlue.




STEP 1.
Open up your favorite image editor, I use adobe Photoshop CS6 for this tutorial, Create a new file in your photoshop or press CTRL + N. I prefer the width in 1024px and Height 768px, for the resolution I set it to 150 and the last the color mode to 16bit but you can change it depends on your preference.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine



STEP 2.
For this next step I hope you already have line art image of your choice or the one that I use for this tutorial. Open up this image to your newly created canvas or just drag the image to your photoshop environment. Duplicate the Lineart Image and rename it as lineart. Hide the original image so you can check it later after you finish your work. After you successfully created a duplicate copy of the original line art image right click the lineart image see the image, and Rasterize Layer. We need to rasterize the layer so we can delete the excess background. After you rasterize the layer, Get your Magic Wand Tool or press (W) and delete the gray background of the image.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine



iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine




STEP 3.

We will now start the process of coloring our line art drawing. Create a new layer and put it in a group folder name hair. Before I start coloring this drawing I think first what color pattern I should use. You can see below the color pattern that i will use for the hair, skin and the t-shirt. You can use another color if you want, just do some color combination. :).
iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 5.
In this step, we are going to color the eye and the skin of our line art, for the eyes base color I use this color # f47a7a and for the skin shadow color is # fdcabb. Create new group folder name eyes; Use your brush tool to color the eyes.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 4.
So now we successfully have a base color for your hair, let’s move on to the clothes of your image, I use color # 063c8d for the base color. And again use Magic Wand Tool to select the clothes so that you will just colored those cloths only. You should have already the image like this below.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


Create again a group folder for the skins and add some shadow, I preferred the color of the skins as white as our default base color, that’s why we are going to add some shadow only. Find the light source of your image so you can easily place the shadow and start brushing your image. After creating some shadow for the skins your image line art should have a base color like the image below and ready to add some depth and make it more realistic.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


STEP 6.
This step is the exciting part of this tutorial because we are going to add some shadows and highlights to make our line art image more realistic. From this point I will start from the hair, In your color picker choose a dark color for your image and start brushing to create some shadow. See my image below. As you can see the outcome of my shadow is quite not good but it’s ok, we are doing right, I will use Smudge Tool to smoothen the shadow, see the image below.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


STEP 7.
For this step, we will add some shadows to eyes to make it more realistic. Choose a dark color for the eyes. Set your brush to Airbrush Soft Round 50% flow and starts brushing at the top of the eyes like in the image Eyes#2.

Eyes #1

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


Eyes #2

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine


Eyes #3
Choose your Pen Tool to create a little shadow with the color white below of the eyes, And try make it smooth using your smudge Tool.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

Eyes #4
For this part of the eye, create an eye reflection at the top of the eyes, create a 2 circle, one is medium size and another Is a small size circle.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine



Eyes #5 –
At this stage our eyes is already done, just use smudge tool, dodge tool to create smooth and add some highlights.
FINAL OUTPUT FOR THE EYES.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 8.
In this step, we are going to add some shadow for the cloths of our line art drawing. The color I used is # 00265e. Brush it to shadows and used smudge to smoothen the details. I just add some white stripe at the bottom to have a little design for the shirt.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

STEP 9.
For the last step, I will add some shadow to the skins and hands, I used the light tone color # fdcabb and for the shadow color # cb7257. The brush setting is in Airbrush Soft Round 50% Flow, I brush all the edge with dark shadow and applying the light tone. After that I use the smudge tool to blend the color and smooth all the edges.

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

FINALLY, WERE DONE…

FINAL OUTPUT:

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

iAPDesign LineArt Coloring Photoshop Tutorial – I’m Fine

I am Anthony Pillos 22 years old from Philippines. I'm the founder of iapdesign website. I am working as a web developer/web designer. This is my life and my passion.

Next Article42 Photoshop Action Pack Collection - Automate What You're Doing