How to make a Lineart and color it in Photoshop.<br />A lineart is lines and curves of a drawing. Coloring is the colors between/inside the lines. I will be demonstrating the steps to create the lineart and the coloring inside Photoshop. There are many different ways to create a lineart and color it but I will be doing the simplest form to do so.<br />
Requirements:<br /><ul><li>Photoshop (version cs2 and higher)
At least the basic knowledge of Photoshop (i.e., knowing what Photoshop is and what it is used for</li></ul>The tools/palettes inside of Photoshop that are going to <br />be used<br /><ul><li>Brush tool
Color Selecting Box</li></li></ul><li>The Hot keys<br />Hot keys are shortcuts. These keys are located at the keyboard of your computor or laptop. These are hot keys that will be used in this tutorial:<br /><ul><li> Alt Backspace - this is to fill a selection with the foreground color of the color swatch.
Ctrl Backspace – this is to fill a seletion with the background color of the color swatch.
Ctrl D – this is to deselect a selection. It removes a selection.
Shift Ctrl I – This is inverse a selection.</li></ul>The main steps<br />There will be three main steps to complete this tutorial<br />Step 1: Making the Lineart.<br />Step 2: Coloring the lineart.<br />Step 3: The Background.<br />
Making the Lineart.<br />This will be the image I’ll be using<br />Open image in Photoshop<br />
<ul><li>Go to Image in the top left. Scroll to Adjustments and then scroll to Brightness/contrast. Click on Brightness/Contrast.
A popup should come with name of Brightness/Contrast.
Play with the levels until the white background of the drawing is pure white and the lines are black</li></li></ul><li><ul><li>Go to the Channel Palette.
Press the Ctrl key and click on the thumbnail of the first layer . A selection should be made.
Now select inverse. Press the keys: Shift Ctrl I. Now the selection should differ.
Now Click the new channel button. This button make the selection saved.</li></ul>Note: clicking this button will make this layer<br />
Go back to the layer paletteCreate two new layers.<br /><ul><li>Now fill the selection with black in the first layer. Press the keys: Alt Backspace.
Press the keys: Ctrl Backspace.</li></ul>Note: Make sure color swatches are at default. (at black and white)<br /><ul><li>Name the first new layer as “Lineart”
The second layer should be named as “white background”.</li></li></ul><li>Coloring the lineart<br /><ul><li>Create a new layer in between the lineart and background layer. Name the new layer as “skin base”
With the polygonal lasso tool we will select the areas where the skin is shown.
Select Multiply.</li></ul>Note: Setting the mode to Multipy will darken a color.<br />
<ul><li>Create a new layer on the very top. Name it as “direction of light” This layer will be a reminder to show where the direction of light is coming from. Draw arrows.
On the shadow layer color the parts where skin shadows are usually located at with the brush tool. Be sure to have the original color. </li></li></ul><li>Now we are going to use the Smudge tool<br />Note: The Smudge tool is used to soften or blend.<br /><ul><li>Use a soft rounded brush.
Now we blend the shadow strokes.</li></ul>Note: See how the shadow shading is blended to the base color.<br />
Use the dodge tool only at the sections where the direction of the light is hitting at the most.</li></ul>Note: See how highlighted it is from the previous image.<br />Note: The Dodge tool is used to hightlight: shadow, midtones and highlights.<br />
<ul><li>Create a new layer and name it as “Eyes”.
Use the Polygonal lasso tool to select the eyes.
Once the selection is made fill the selection with a brown color. Press the keys: Alt Backspace.
Now color the eyebrows with the same color as the hair.</li></li></ul><li>Repeat the coloring steps with the rest of the subject. <br />
The Background<br /><ul><li>Remove the direction of light layer. Either by deleting the layer or making it invisible.
Make a new layer above the “White Background” layer.
Fill this layer with any color desired. Press the keys: Alt backspace.
There are many ways to create a background. A simple fill can be done like this or a gradient can be used.
But if a drawn background was in the original drawing, the coloring steps would be applied to coloring the background.</li></li></ul><li>Congratulations. <br />You now have completed this tutorial. You now have the knowledge to create a lineart and color it inside of Photoshop. There are many different ways to create a lineart and color it. I know the one I have demonstrated is the simplest and easiest way to create one in saving time and effort.<br />Now that you know the steps to create a lineart and color it in Photoshop you can now explore more complicated and different ways if you choose to learn more.<br />