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

31. 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.
    Display images to use as reference
  31. 31.
    Add Color to the Analog Image using Multiply
  32. 32.
    Stabilizer
  33. 33.
    Layer: Clipping is convenient
  34. 34.
    Layer: Changing the color with Alpha Lock
  35. 35.
    Layer: Let's try using Screen Tone
  36. 36.
    Layer: Selection Layer
  37. 37.
    Layer: Save Layer as Transparent PNG command
  38. 38.
    Layer: Naming your layers to manage them
  39. 39.
    Layer: Rasterize
  40. 40.
    Layer: Layer Folders
  41. 41.
    Layer: Folder Move/Transform
  42. 42.
    Layer: Add Layer from Canvas
  43. 43.
    Apply Canvas Papers to your canvas
  44. 44.
    Save canvas as Transparent PNG
  45. 45.
    Make the background transparent with Eraser Bucket
  46. 46.
    Putting texture to the floor with Perspective Form
  47. 47.
    Skirt with Mesh Form
  48. 48.
    Entering text with Text tool
  49. 49.
    Creating manga with Frame Divider tool
  50. 50.
    Enlarging the canvas with Canvas Size
  51. 51.
    Cutting off the canvas with Trim
  52. 52.
    Canvas creation with resolution (dpi) specification
  53. 53.
    Changing image resolution with Resize
  54. 54.
    Texture with Material tool
  55. 55.
    Cut, Copy, Paste
  56. 56.
    Ruler: Straight Ruler
  57. 57.
    Ruler: Circular Ruler
  58. 58.
    Ruler: Elliptical Ruler
  59. 59.
    Ruler: Radial Ruler
  60. 60.
    Ruler: Mirror Ruler
  61. 61.
    Ruler: Kaleidoscope Ruler
  62. 62.
    Ruler: Array Ruler
  63. 63.
    Ruler: Perspective Array Ruler
  64. 64.
    Drawing Tool: Straight Line
  65. 65.
    Drawing Tool: Rectangle
  66. 66.
    Drawing Tool:Circle
  67. 67.
    Drawing Tool:Ellipse
  68. 68.
    Drawing Tool:Regular Polygon
  69. 69.
    Drawing Tool:Bezier Curve
  70. 70.
    Drawing Tool:Polyline
  71. 71.
    Drawing Tool:Fill
  72. 72.
    Selection Area tool: Color Range
  73. 73.
    Special: Liquify Pen
  74. 74.
    Special: Lasso Fill
  75. 75.
    Special: Lasso Eraser
  76. 76.
    Special: Copy Pen
  77. 77.
    Filter (Adjust Color): Brightness & Contrast
  78. 78.
    Filter (Adjust Color): Tone Curve
  79. 79.
    Filter (Adjust Color): Hue Saturation Lightness
  80. 80.
    Filter (Adjust Color): Color Balance
  81. 81.
    Filter (Adjust Color): Extract Line Drawing
  82. 82.
    Filter (Adjust Color): Find Edges (Handwriting)
  83. 83.
    Filter (Adjust Color): Find Edges
  84. 84.
    Filter (Adjust Color): Change Drawing Color
  85. 85.
    Filter (Adjust Color): Mono Color
  86. 86.
    Filter (Adjust Color): Grayscale
  87. 87.
    Filter (Adjust Color): Black & White
  88. 88.
    Filter (Adjust Color): Posterize
  89. 89.
    Filter (Adjust Color): Gradation Map
  90. 90.
    Filter (Adjust Color): Levels Adjustment
  91. 91.
    Filter (Adjust Color): Replace Color
  92. 92.
    Filter (Blur): Gaussian Blur
  93. 93.
    Filter (Blur): Zooming Blur
  94. 94.
    Filter (Blur): Moving Blur
  95. 95.
    Filter (Blur): Lens Blur
  96. 96.
    Filter (Blur): Mosaic
  97. 97.
    Filter (Blur): Unsharp Mask
  98. 98.
    Filter (Blur): Frosted Glass
  99. 99.
    Filter (Style): Stroke (Both)
  100. 100.
    Filter (Style): Stained Glass
  101. 101.
    Filter (Style): Wet Edge
  102. 102.
    Filter (Style): Glow (Inner)
  103. 103.
    Filter (Style): Bevel (Inner)
  104. 104.
    Filter (Style): Bevel (Outer)
  105. 105.
    Filter (Style): Emboss
  106. 106.
    Filter (Style): Relief
  107. 107.
    Filter (Style): Waterdrop (Rounded)
  108. 108.
    Filter (Style): Stroke (Outer)
  109. 109.
    Filter (Style): Glow (Outer)
  110. 110.
    Filter (Style): Satin
  111. 111.
    Filter (Style): Drop Shadow
  112. 112.
    Filter (Style): Extrude
  113. 113.
    Filter (Style): God Rays
  114. 114.
    Filter (Draw): Parallel Gradation
  115. 115.
    Filter (Draw): Concentric Gradation
  116. 116.
    Filter (Draw): Radial Line Gradation
  117. 117.
    Filter (Draw): Radial Line
  118. 118.
    Filter (Draw): Speed Line
  119. 119.
    Filter (Draw): Clouds
  120. 120.
    Filter (Draw): QR Code
  121. 121.
    Filter (AI): Auto Paint
  122. 122.
    Filter (Artistic): Anime Background
  123. 123.
    Filter (Artistic): Manga Background
  124. 124.
    Filter (Artistic): Chromatic Aberration (Color Shift, RGB Shift)
  125. 125.
    Filter (Artistic): Glitch
  126. 126.
    Filter (Artistic): Noise
  127. 127.
    Filter (Artistic): Chrome
  128. 128.
    Filter (Artistic): Bloom
  129. 129.
    Filter (Artistic): Cross Filter
  130. 130.
    Filter (Artistic): Sheer
  131. 131.
    Filter (Pixelate): Pixelate Crystalize
  132. 132.
    Filter (Pixelate): Hexagonal Pixelate
  133. 133.
    Filter (Pixelate): Square Pixelate
  134. 134.
    Filter (Pixelate): Triangular Pixelate
  135. 135.
    Filter (Pixelate): Pointillize
  136. 136.
    Filter (Pixelate): Dots (Hexagonal)
  137. 137.
    Filter (Pixelate): Dots (Square)
  138. 138.
    Filter (Transform): Expansion
  139. 139.
    Filter (Transform): Fisheye Lens
  140. 140.
    Filter (Transform): Sphere Lens
  141. 141.
    Filter (Transform): Wave
  142. 142.
    Filter (Transform): Ripple
  143. 143.
    Filter (Transform): Twirl
  144. 144.
    Filter (Transform): Polar Coordinates
  145. 145.
    Filter (Frame): Table
  146. 146.
    Filter (Frame): Blur Frame
  147. 147.
    Filter (Movie): Rain
  148. 148.
    Switching devices / transferring data (with Dropbox)
  149. 149.
    Switching devices / transferring data (with SD card on Android)
  150. 150.
    Switching devices / transferring data (with PC on iOS)
  151. 151.
    Model change / Transfer (Backup settings)
  152. 152.
    Settings window details
  153. 153.
    Details of Brush Parameters
  154. 154.
    Bucket tool details
  155. 155.
    Layer Window Details
  156. 156.
    Transform tool details
  157. 157.
    Blend mode details
  158. 158.
    How to upload transparent PNG onto Twitter
  159. 159.
    Importing and exporting Photoshop files (PSD)
  160. 160.
    Posting Multiple Pages of Comic to the Online Gallery
  161. 161.
    Gestures, Keyboard shortcuts (iOS,iPadOS,Android versions)
  162. 162.
    Gestures, Keyboard shortcuts (Windows Version)
  163. 163.
    Notes About Tracing