How To Make A Lineart And Color It In Photoshop


Published on

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

How To Make A Lineart And Color It In Photoshop

  1. 1. 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 />
  2. 2. Requirements:<br /><ul><li>Photoshop (version cs2 and higher)
  3. 3. Basic computer skills
  4. 4. 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
  5. 5. Polygonal lasso tool
  6. 6. Rectangular marquee tool
  7. 7. Smudge tool
  8. 8. Dodge tool
  9. 9. Layer palette
  10. 10. Channel palette
  11. 11. 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.
  12. 12. Ctrl Backspace – this is to fill a seletion with the background color of the color swatch.
  13. 13. Ctrl D – this is to deselect a selection. It removes a selection.
  14. 14. 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 />
  15. 15. Making the Lineart.<br />This will be the image I’ll be using<br />Open image in Photoshop<br />
  16. 16. <ul><li>Go to Image in the top left. Scroll to Adjustments and then scroll to Brightness/contrast. Click on Brightness/Contrast.
  17. 17. A popup should come with name of Brightness/Contrast.
  18. 18. 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.
  19. 19. Press the Ctrl key and click on the thumbnail of the first layer . A selection should be made.
  20. 20. Now select inverse. Press the keys: Shift Ctrl I. Now the selection should differ.
  21. 21. Now Click the new channel button. This button make the selection saved.</li></ul>Note: clicking this button will make this layer<br />
  22. 22. 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.
  23. 23. Fill the second layer with white.
  24. 24. 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”
  25. 25. 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”
  26. 26. With the polygonal lasso tool we will select the areas where the skin is shown.
  27. 27. Pick a color that is a Peach/beige.
  28. 28. Now fill the selection. Press the keys: Alt Backspace
  29. 29. Now deselect. Press the keys: Ctrl D</li></ul>To create a new layer<br />Note: Any colored layers will be placed below the lineart layer but above the white background layer.<br />
  30. 30. <ul><li>Create a new layer on top of the skin base layer.
  31. 31. Right-click on the layer.
  32. 32. Select the option “Create Clipping Mask”</li></ul>Note: Creating Clipping mask is like grouping a layer to a other desired layer.<br />
  33. 33. <ul><li>Name the clipping layer as “shadow”.
  34. 34. Now go to the layer blending option.
  35. 35. Select Multiply.</li></ul>Note: Setting the mode to Multipy will darken a color.<br />
  36. 36. <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.
  37. 37. 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.
  38. 38. Now we blend the shadow strokes.</li></ul>Note: See how the shadow shading is blended to the base color.<br />
  39. 39. <ul><li>Make a new layer, name it “Hair base”
  40. 40. Make a selection using the polygonal lasso tool on the hair.
  41. 41. Fill the selection with a golden yellow. Press the keys: Alt Backspace.
  42. 42. Deselect the selection. Press the keys: Ctrl D</li></li></ul><li><ul><li>Create a new layer above the Hair base layer. Name it as “shadow”.
  43. 43. Right-click on the layer and select the option “create clipping mask”.
  44. 44. Set the layer blending mode as Multiply.
  45. 45. Now shade the areas where the shadows would be in the hair.
  46. 46. Again we will use the Smudge tool.
  47. 47. Smudge the shading until it is blended to the hair base color.</li></li></ul><li><ul><li>Create a new layer. Name this new layer as “light”.
  48. 48. Right-click on the layer and select the option “create clipping mask”
  49. 49. Now change the layer blending mode to Screen.</li></ul>Note: Setting the mode to screen make a color lighter.<br />
  50. 50. <ul><li>On the Light/screen layer shade the areas where the lighter tone of the hair is usually placed.
  51. 51. Use the direction of light to direct where most of light shading should be color at.</li></ul>Use the Smudge tool to soften the shading<br />
  52. 52. <ul><li>Now use the dodge tool.
  53. 53. This tool will highlight the color.
  54. 54. 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 />
  55. 55. <ul><li>Create a new layer and name it as “Eyes”.
  56. 56. Use the Polygonal lasso tool to select the eyes.
  57. 57. Once the selection is made fill the selection with a brown color. Press the keys: Alt Backspace.
  58. 58. Create a new layer and name it as “Gradient”.
  59. 59. Right-click on the layer and select the option “create clipping mask”.
  60. 60. Now we will use the Gradient tool.
  61. 61. In the drop down menu for the Gradient tool, choose the thumbnail with the foreground color as brown to transparent. It should be the second thumbnail.
  62. 62. Now fill the gradient into the selection.</li></li></ul><li><ul><li>Create a new layer and name it as “shine”.
  63. 63. Right-click on the layer and select the option “create clipping mask”.
  64. 64. Set the layer blending mode to screen.
  65. 65. Add strokes of color at the lower part of the eye.
  66. 66. Now use the Dodge tool. Highlight some of the strokes.</li></li></ul><li><ul><li>Create a new layer and name it as “black”.
  67. 67. Right-click on the layer and choose the option “create clipping mask”.
  68. 68. Use the brush tool to color the black part of the eye.
  69. 69. Use the smudge tool to soften the edges of the black shading.
  70. 70. Once the color the eye is done. Deselect the selection, press the keys: Ctrl D</li></li></ul><li><ul><li>Create a new layer and name it as “white eye part and eyebrows”
  71. 71. Drag this layer below the “Eye layer”
  72. 72. Color the white part of the eye with white.
  73. 73. 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 />
  74. 74. The Background<br /><ul><li>Remove the direction of light layer. Either by deleting the layer or making it invisible.
  75. 75. Make a new layer above the “White Background” layer.
  76. 76. Fill this layer with any color desired. Press the keys: Alt backspace.
  77. 77. There are many ways to create a background. A simple fill can be done like this or a gradient can be used.
  78. 78. 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 />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.