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

12. Use Color Fill for the Undercoat

It's convenient to color each part separately, so that you will be able to easily change selections and use them as clippings later. At that time, it's acceptable to use the Brush tool and the Eraser tool, but if there is an area enclosed by a line then you can fill it in completely with the Bucket tool.

An area like this that is enclosed in solid lines can be filled in using the Bucket tool. Next we'll add a layer for an undercoat.

Open the layer window and tap the ① "+" button to add a new layer for an undercoat. Next, tap the ② Added layer to make it active.

The undercoat layer is beneath the line drawing. Drag down the ①Thumbnail to rearrange the layers.

Tap the Bucket button on the ① Tool Selection window and select the ② Bucket tool.

Tap ①% on the circle button to open the Bucket Settings window .
First, tap ②Reset to reset the value to default.
The fill will take the transparency level and color of the starting point and fill in everything within a certain range of the starting point color and transparency at the same transparency level and color. If you would to use the line drawing layer as a boundary, it is a good idea to set ③ Opacity at the boundary of your fill range. If you wish to set the Fill Layer or a part of a photo as a boundary, set Color at the boundary of your fill range. We want to use the drawn lines as a boundary in this case, so please tap ③ Opacity.
The Strength percentage bar sets the level at which the transparency has to differ from the transparency of the fill start point before a boundary is created. For example, if you set the bar to 0%, only parts of the layer with exactly the same transparency will be filled in. If you select 90%, if the transparency of the start point is 100%, parts of the layer up to 10% transparency (almost opaque) will be filled in. If you select 100%, the whole layer will be filled in regardless of transparency at the start point. In this case, we want to set the ④ Strength percentage to 20%.
Next the Reference Layer function. If you select the Current Layer, the Current Layer will be read and filled in.
In the case of selecting the Specific Layer, the Specfic Layer that is selected in ⑥ Layer Row is read, and the Current Layer is filled in. When the Canvas Layer is selected, a picture using all the layers combined is read, and the Current Layer is filled in. In this case we are using the sketch as our reference point and want to fill in the Current Layer. Therefore we want to select ⑤ Specific Layer, tap ⑥ Layer Row, and then select Line Drawing Layer.

Select a color from the Color window. Here we select the ① Hue Thumb and ② Saturation Thumb and drag them to select a skin-tone color.

Now let's fill in the skin color. Tapping inside the line drawing will fill in the entire area. If there are leaks or the entire layer is filled in then press the Undo button (Go back one step).

The figure above shows how the skin and cloth color has been changed with the Bucket tool.

The figure above shows the difference between a strength setting of 0% and 20%. You can see how a stronger setting leads to more area being filled in. If there are gaps between the fill and the lines then increase the strength as much as possible. Also, expansion it can decrease the number of gaps.
I believe it's difficult to grasp the Bucket settings. We often hear people say, "I can't use the Bucket tool because it is buggy. It always fills the entire canvas." but if you don't understand it yet, try setting the Edge to Color 10% and the Reference Layer to Canvas and you should achieve the desired results. Also, the Easy Settings often allow one to use the Bucket tool accurately, so if you don't quite understand the setting yet then turning on "Easy Settings" may help.

After successfully filling in the layer window it will look like this when opened. ① is the line drawing layer, ② is the undercoat fill layers. Once the undercoat is complete you can easily fill in that area with Clipping or select it with the Magic Wand.

Chapter

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