ibisPaint

News

Agreement
This site properly manages your personal information as described in our Privacy Policy. Here is our Privacy Policy.
Agree and start

Tutorials

32. Add Color to the Analog Image using Multiply

It is good training to trace line drawings, but if you want to take a shortcut and just apply color, or if you want to apply color to someone else's line drawing you can use the Multiply blend mode.

First, open the ① Layer window, tap ② Import from Photo Library and then select an image. Images with white parts that are very white are easier to work with and produce better results. After loading the image, it might be a good idea to adjust the "Brightness & Contrast" from the filters in the FX button.

Next, place the image using a ① one finger drag, and then set the size you want using ② two fingers (pinch) to zoom in and out. Finally, tap the ③ End button.

Drag the transparent ①Reorder handle above the image and then tap it to make it the Current Layer.

Tap part of the Layer window which reads ① Normal and change it to ② Multiply from the list. This will change the Current Layer (the transparent layer) to Multiply mode.

Applying color to a Multiply layer creates a color which is made from the multiplication of the applied color and the color on the layer beneath it. If the lower color is black then the result will be black (as black is defined as 0, and 0 multiplied by 0 is 0). If the lower color is white then the color will not change (as white is defined as 1, and anything multiplied by 1 remains the same). In ibisPaint colors are given a number from 0-1 depending on their brightness. Multiplying a number by a number between 0 and 1 will produce a result which is either the same number or less than that number. This means that the result will be the same color or a darker color.
Simply put, the Multiply layer will be the brush color where the layer underneath is white and black where it is black.

Since a solid block of color is not very interesting, a new layer has been added above, clipping has been applied, and opacity has been lowered to 20%. Selecting Marker from the Brush Tool, we can add a bit of duality to our image creating something unique. To finish from the Filter menu the "Wet Edge" has been selected to give the impression of a watercolor image.

The finished example looks like a hand drawn sketch that has been colored in. Doing it this way makes for a different feel to an all digital artwork.

Chapter

  1. 01.
    Introduction
  2. 02.
    Start Creating an Artwork
  3. 03.
    Toolbar and Tool Selection
  4. 04.
    Do Your Draft Sketch by Hand
  5. 05.
    About Layers
  6. 06.
    Let's Trace
  7. 07.
    Undo and Eraser
  8. 08.
    Fine Tuning Using the Lasso tool
  9. 09.
    Check by Reflecting Horizontally
  10. 10.
    Select Colors in the Color window
  11. 11.
    Use Color Fill for the Undercoat
  12. 12.
    Turn Clipping On
  13. 13.
    Making a Gradation (Shading)
  14. 14.
    Select a color from the canvas or layer
  15. 15.
    Create Highlights and Shadows
  16. 16.
    Paste a Texture
  17. 17.
    Let's Merge Layers
  18. 18.
    Sign Your Artwork
  19. 19.
    View Your Artwork
  20. 20.
    Post Your Artwork
  21. 21.
    Share Your Artwork
  22. 22.
    Open your ibisPaint data in Clip Studio Paint
  23. 23.
    Prime Membership / Remove Ads Add-on
  24. 24.
    Synchronizing the artworks on your device with cloud storage
  25. 25.
    Rearrange artworks
  26. 26.
    Make custom brush
  27. 27.
    Installing and Exporting the Custom Brush
  28. 28.
    Release a Custom Brush to the Online Gallery
  29. 29.
    Brush Export and Import
  30. 30.
    Search For Brushes
  31. 31.
    Display images to use as reference
  32. 32.
    Add Color to the Analog Image using Multiply
  33. 33.
    Stabilizer
  34. 34.
    Layer: Clipping is convenient
  35. 35.
    Layer: Changing the color with Alpha Lock
  36. 36.
    Layer: Let's try using Screen Tone
  37. 37.
    Layer: Selection Layer
  38. 38.
    Layer: Save Layer as Transparent PNG command
  39. 39.
    Layer: Naming your layers to manage them
  40. 40.
    Layer: Rasterize
  41. 41.
    Layer: Layer Folders
  42. 42.
    Layer: Folder Move/Transform
  43. 43.
    Layer: Add Layer from Canvas
  44. 44.
    Apply Canvas Papers to your canvas
  45. 45.
    Display Grid on the Canvas
  46. 46.
    Save canvas as Transparent PNG
  47. 47.
    Make the background transparent with Eraser Bucket
  48. 48.
    Putting texture to the floor with Perspective Form
  49. 49.
    Skirt with Mesh Form
  50. 50.
    Entering text with Text tool
  51. 51.
    Creating manga with Frame Divider tool
  52. 52.
    Enlarging the canvas with Canvas Size
  53. 53.
    Cutting off the canvas with Trim
  54. 54.
    Create a Manga Manuscript for Printing
  55. 55.
    Canvas creation with resolution (dpi) specification
  56. 56.
    Changing image resolution with Resize
  57. 57.
    Change canvas Color Mode
  58. 58.
    Output High-Resolution Images with AI (Artificial Intelligence)
  59. 59.
    Texture with Material tool
  60. 60.
    Cut, Copy, Paste
  61. 61.
    Ruler: Straight Ruler
  62. 62.
    Ruler: Circular Ruler
  63. 63.
    Ruler: Elliptical Ruler
  64. 64.
    Ruler: Radial Ruler
  65. 65.
    Ruler: Mirror Ruler
  66. 66.
    Ruler: Kaleidoscope Ruler
  67. 67.
    Ruler: Array Ruler
  68. 68.
    Ruler: Perspective Array Ruler
  69. 69.
    Drawing Tool: Straight Line
  70. 70.
    Drawing Tool: Rectangle
  71. 71.
    Drawing Tool:Circle
  72. 72.
    Drawing Tool:Ellipse
  73. 73.
    Drawing Tool:Regular Polygon
  74. 74.
    Drawing Tool:Bezier Curve
  75. 75.
    Drawing Tool:Polyline
  76. 76.
    Drawing Tool:Fill
  77. 77.
    Selection Area tool: Color Range
  78. 78.
    Selection Area tool: Expand/Contract Selection Area
  79. 79.
    Special: Liquify Pen
  80. 80.
    Special: Lasso Fill
  81. 81.
    Special: Lasso Eraser
  82. 82.
    Special: Copy Pen
  83. 83.
    Filter (Adjust Color): Brightness & Contrast
  84. 84.
    Filter (Adjust Color): Tone Curve
  85. 85.
    Filter (Adjust Color): Hue Saturation Lightness
  86. 86.
    Filter (Adjust Color): Color Balance
  87. 87.
    Filter (Adjust Color): Extract Line Drawing
  88. 88.
    Filter (Adjust Color): Find Edges (Handwriting)
  89. 89.
    Filter (Adjust Color): Find Edges
  90. 90.
    Filter (Adjust Color): Change Drawing Color
  91. 91.
    Filter (Adjust Color): Mono Color
  92. 92.
    Filter (Adjust Color): Grayscale
  93. 93.
    Filter (Adjust Color): Black & White
  94. 94.
    Filter (Adjust Color): Posterize
  95. 95.
    Filter (Adjust Color): Invert Color
  96. 96.
    Filter (Adjust Color): Gradation Map
  97. 97.
    Filter (Adjust Color): Levels Adjustment
  98. 98.
    Filter (Adjust Color): Replace Color
  99. 99.
    Filter (Blur): Gaussian Blur
  100. 100.
    Filter (Blur): Zooming Blur
  101. 101.
    Filter (Blur): Moving Blur
  102. 102.
    Filter (Blur):Spin Blur
  103. 103.
    Filter (Blur): Lens Blur
  104. 104.
    Filter (Blur): Mosaic
  105. 105.
    Filter (Blur): Unsharp Mask
  106. 106.
    Filter (Blur): Frosted Glass
  107. 107.
    Filter (Style): Stroke (Both)
  108. 108.
    Filter (Style): Stained Glass
  109. 109.
    Filter (Style): Wet Edge
  110. 110.
    Filter (Style): Glow (Inner)
  111. 111.
    Filter (Style): Bevel (Inner)
  112. 112.
    Filter (Style): Bevel (Outer)
  113. 113.
    Filter (Style): Emboss
  114. 114.
    Filter (Style): Relief
  115. 115.
    Filter (Style): Waterdrop (Rounded)
  116. 116.
    Filter (Style): Stroke (Outer)
  117. 117.
    Filter (Style): Glow (Outer)
  118. 118.
    Filter (Style): Satin
  119. 119.
    Filter (Style): Drop Shadow
  120. 120.
    Filter (Style): Extrude
  121. 121.
    Filter (Style): God Rays
  122. 122.
    Filter (Draw): Parallel Gradation
  123. 123.
    Filter (Draw): Concentric Gradation
  124. 124.
    Filter (Draw): Radial Line Gradation
  125. 125.
    Filter (Draw): Radial Line
  126. 126.
    Filter (Draw): Speed Line
  127. 127.
    Filter (Draw): Clouds
  128. 128.
    Filter (Draw): QR Code
  129. 129.
    Filter (AI): Auto Paint
  130. 130.
    Filter (AI): Background Removal
  131. 131.
    Filter (Artistic): Anime Background
  132. 132.
    Filter (Artistic): Manga Background
  133. 133.
    Filter (Artistic): Chromatic Aberration (Color Shift, RGB Shift)
  134. 134.
    Filter (Artistic): Glitch
  135. 135.
    Filter (Artistic): Noise
  136. 136.
    Filter (Artistic): Retro Game
  137. 137.
    Filter (Artistic): Chrome
  138. 138.
    Filter (Artistic): Bloom
  139. 139.
    Filter (Artistic): Cross Filter
  140. 140.
    Filter (Artistic): Sheer
  141. 141.
    Filter (Pixelate): Pixelate Crystalize
  142. 142.
    Filter (Pixelate): Hexagonal Pixelate
  143. 143.
    Filter (Pixelate): Square Pixelate
  144. 144.
    Filter (Pixelate): Triangular Pixelate
  145. 145.
    Filter (Pixelate): Pointillize
  146. 146.
    Filter (Pixelate): Dots (Hexagonal)
  147. 147.
    Filter (Pixelate): Dots (Square)
  148. 148.
    Filter (Transform): Expansion
  149. 149.
    Filter (Transform): Fisheye Lens
  150. 150.
    Filter (Transform): Sphere Lens
  151. 151.
    Filter (Transform): Wave
  152. 152.
    Filter (Transform): Ripple
  153. 153.
    Filter (Transform): Twirl
  154. 154.
    Filter (Transform): Polar Coordinates
  155. 155.
    Filter (Frame): Table
  156. 156.
    Filter (Frame): Blur Frame
  157. 157.
    Filter (Movie): Rain
  158. 158.
    Adjustment Layer
  159. 159.
    Create an animation
  160. 160.
    Switching devices / transferring data (with Dropbox)
  161. 161.
    Switching devices / transferring data (with SD card on Android)
  162. 162.
    Switching devices / transferring data (with PC on iOS)
  163. 163.
    Model change / Transfer (Backup settings)
  164. 164.
    Settings window details
  165. 165.
    Change the Background Color of the Canvas
  166. 166.
    Details of Brush Parameters
  167. 167.
    Bucket tool details
  168. 168.
    Layer Window Details
  169. 169.
    Transform tool details
  170. 170.
    Blend mode details
  171. 171.
    View Menu details
  172. 172.
    How to upload transparent PNG onto Twitter
  173. 173.
    Importing and exporting Photoshop files (PSD)
  174. 174.
    Posting Multiple Pages of Comic to the Online Gallery
  175. 175.
    Gestures, Keyboard shortcuts (iOS,iPadOS,Android versions)
  176. 176.
    Gestures, Keyboard shortcuts (Windows Version)
  177. 177.
    Delete Account