News

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

Tutorials

55. Bucket Tool: Surrounding Fill / Surrounding Eraser

Surrounding Fill allows you to fill the enclosed areas within the selected range with a specified color. Surrounding Eraser removes the fill from the enclosed areas within the selected range. In this example, we’ll use Surrounding Fill and Surrounding Eraser to do the base coloring for an illustration.

* Surrounding Fill / Surrounding Eraser are exclusive features available for Prime Members or users who have purchased the Pro Add-on.

Surrounding Fill

Open the ①[ Tool Select window ], tap the ②[ Bucket tool ] and select the ③[ Surrounding Fill ].

Roughly trace around the ④[ character’s hair ] with your finger. When you lift your finger, the hair area will be filled with the selected color.

Surrounding Eraser

Since areas like ears or hair accessories have also been filled, let’s remove the unnecessary fills. Select the ①[ Surrounding Eraser ].

Roughly trace around the ②[hair accessory] with your finger. When you lift your finger, the fill on the hair accessory will be erased. Repeat this process for other unwanted filled areas.

Now all unwanted fills outside the hair are erased.

Finally, fill the areas like skin, hair accessories, and clothing. With this, the base coloring is complete. As demonstrated, Surrounding Fill / Surrounding Eraser make it easy to apply base colors to an illustration.

Settings

①[ Reset ] … Restores all the adjusted parameters to their default values.
②[ Scrape ] … Narrows the range of fill or erasure based on the value set.
③[ Boundary ] … Determines the range to fill based on the similarity with the color at the starting point. You can choose to evaluate similarity using “Color (R, G, B, A)” or only “Opacity”. If the reference layer is a white “Canvas”, the background is fully opaque, so selecting “Opacity” will result in the entire area being filled. If the reference layer is set to “Current Layer” or “Specified Layer”, choosing “Opacity” might be more suitable.
④[ Strength ] … Adjusts how far the fill extends based on the similarity with the color at the starting point.
⑤[ Gap Recognition ] … Neatly fills uneven areas inside the closed lines that are difficult to adjust with the Expansion option.
⑥[ Expansion ] … Further widens or narrows the fill range set with the Strength parameter.
⑦[ Fill from Underside ] … When active, the area inside lines on the current layer is filled without overlapping the lines. When turned off, the fill will overlap the lines.
⑧[ Reference Layer ] … You can choose from “Current Layer”, “Specified Layer”, or “Canvas”. The default is “Canvas”. “Reference” here refers to selecting the layer from which the color is taken to determine the starting point and the fill area. If you select “Canvas”, the combined image of all the visible layers (what you see on the screen) will be used to determine the area. With “Specified Layer”, you can designate a specific layer to refer to when determining the fill area. With “Current Layer”, the current layer is used as the reference. By using “Specified Layer”, you can place the line drawing on Layer 2, set Layer 1 as the current layer, and fill colors separately from the line art.

How to Adjust Overflows of Surrounding Fill beyond Lines

When using the Surrounding Fill feature, the fill may overflow beyond the lines. This happens because the lines are drawn using brushes with blurred edges, such as the “Dip Pen (Soft)” brush. The more pronounced the blurred edge area of the line, the more noticeable the overflow becomes.

If the fill overflows beyond the lines when using Surrounding Fill, adjust the “Scrape” setting. Let’s take lines drawn with the “Dip Pen (Soft)” brush as an example and try using Surrounding Fill.

The above image shows a fill applied with the default “Scrape” value of 1.0. For a “Dip Pen (Soft) 3px” line, there is no issue. However, for a “Dip Pen (Soft) 16px” line, the fill overflows beyond the outer edges of the line.

Next, the “Scrape” setting was changed to 6.0, and the fill was applied again. For the “Dip Pen (Soft) 16px” line, you can see that the overflow beyond the outer edges of the line has been eliminated.

By adjusting the “Scrape” setting according to the thickness of the lines and the type of brush used, you can achieve cleaner fills and better manage fill removal as needed.

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.
    Set the Time before Quick Eyedropper Starts
  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 (iOS,iPadOS,Android versions)
  25. 25.
    Prime Membership / Pro Add-on (Windows Version)
  26. 26.
    Synchronizing the artworks on your device with Cloud Storage
  27. 27.
    Save the past state of an Artwork as an IPV file
  28. 28.
    Rearrange artworks
  29. 29.
    Artworks Folder Feature
  30. 30.
    Make custom brush
  31. 31.
    Create Original Brush Patterns
  32. 32.
    Installing and Exporting the Custom Brush
  33. 33.
    Release a Custom Brush to the Online Gallery
  34. 34.
    Brush Export and Import
  35. 35.
    Search For Brushes
  36. 36.
    Display images to use as reference
  37. 37.
    Add Color to the Analog Image using Multiply
  38. 38.
    Stabilizer
  39. 39.
    Layer: Clipping is convenient
  40. 40.
    Layer: Changing the color with Alpha Lock
  41. 41.
    Layer: Let's try using Screen Tone
  42. 42.
    Layer: Selection Layer
  43. 43.
    Layer: Save Layer as Transparent PNG command
  44. 44.
    Layer: Naming your layers to manage them
  45. 45.
    Layer: Rasterize
  46. 46.
    Layer: Layer Folders
  47. 47.
    Layer: Folder Move/Transform
  48. 48.
    Layer: Add Layer from Canvas
  49. 49.
    Vector Layer
  50. 50.
    Contents Layer Selection
  51. 51.
    Apply Canvas Papers to your canvas
  52. 52.
    Display Grid on the Canvas
  53. 53.
    Save canvas as Transparent PNG
  54. 54.
    Make the background transparent with Eraser Bucket
  55. 55.
    Bucket Tool: Surrounding Fill / Surrounding Eraser
  56. 56.
    Putting texture to the floor with Perspective Form
  57. 57.
    Skirt with Mesh Form
  58. 58.
    Entering text with Text tool
  59. 59.
    Creating manga with Frame Divider tool
  60. 60.
    Enlarging the canvas with Canvas Size
  61. 61.
    Cutting off the canvas with Trim
  62. 62.
    Create a Manga Manuscript for Printing
  63. 63.
    Canvas creation with resolution (dpi) specification
  64. 64.
    Changing image resolution with Resize
  65. 65.
    Change canvas Color Mode
  66. 66.
    Output High-Resolution Images with AI (Artificial Intelligence)
  67. 67.
    AI Disturbance
  68. 68.
    Texture with Material tool
  69. 69.
    Cut, Copy, Paste
  70. 70.
    Ruler: Straight Ruler
  71. 71.
    Ruler: Circular Ruler
  72. 72.
    Ruler: Elliptical Ruler
  73. 73.
    Ruler: Radial Ruler
  74. 74.
    Ruler: Mirror Ruler
  75. 75.
    Ruler: Kaleidoscope Ruler
  76. 76.
    Ruler: Array Ruler
  77. 77.
    Ruler: Perspective Array Ruler
  78. 78.
    Drawing Tool: Straight Line
  79. 79.
    Drawing Tool: Rectangle
  80. 80.
    Drawing Tool:Circle
  81. 81.
    Drawing Tool:Ellipse
  82. 82.
    Drawing Tool:Regular Polygon
  83. 83.
    Drawing Tool:Bezier Curve
  84. 84.
    Drawing Tool:Polyline
  85. 85.
    Drawing Tool:Fill
  86. 86.
    Selection Area tool: Color Range
  87. 87.
    Selection Area tool: Expand/Contract Selection Area
  88. 88.
    Special: Liquify Pen
  89. 89.
    Special: Lasso Fill
  90. 90.
    Special: Lasso Eraser
  91. 91.
    Special: Copy Pen
  92. 92.
    Filter (Adjust Color): Brightness & Contrast
  93. 93.
    Filter (Adjust Color): Tone Curve
  94. 94.
    Filter (Adjust Color): Hue Saturation Lightness
  95. 95.
    Filter (Adjust Color): Color Balance
  96. 96.
    Filter (Adjust Color): Extract Line Drawing
  97. 97.
    Filter (Adjust Color): Find Edges (Handwriting)
  98. 98.
    Filter (Adjust Color): Find Edges
  99. 99.
    Filter (Adjust Color): Change Drawing Color
  100. 100.
    Filter (Adjust Color): Mono Color
  101. 101.
    Filter (Adjust Color): Grayscale
  102. 102.
    Filter (Adjust Color): Black & White
  103. 103.
    Filter (Adjust Color): Posterize
  104. 104.
    Filter (Adjust Color): Invert Color
  105. 105.
    Filter (Adjust Color): Gradation Map
  106. 106.
    Filter (Adjust Color): Levels Adjustment
  107. 107.
    Filter (Adjust Color): Replace Color
  108. 108.
    Filter (Blur): Gaussian Blur
  109. 109.
    Filter (Blur): Zooming Blur
  110. 110.
    Filter (Blur): Moving Blur
  111. 111.
    Filter (Blur):Spin Blur
  112. 112.
    Filter (Blur): Lens Blur
  113. 113.
    Filter (Blur): Mosaic
  114. 114.
    Filter (Blur): Unsharp Mask
  115. 115.
    Filter (Blur): Frosted Glass
  116. 116.
    Filter (Style): Stroke (Both)
  117. 117.
    Filter (Style): Stained Glass
  118. 118.
    Filter (Style): Wet Edge
  119. 119.
    Filter (Style): Glow (Inner)
  120. 120.
    Filter (Style): Bevel (Inner)
  121. 121.
    Filter (Style): Bevel (Outer)
  122. 122.
    Filter (Style): Emboss
  123. 123.
    Filter (Style): Relief
  124. 124.
    Filter (Style): Waterdrop (Rounded)
  125. 125.
    Filter (Style): Stroke (Outer)
  126. 126.
    Filter (Style): Glow (Outer)
  127. 127.
    Filter (Style): Satin
  128. 128.
    Filter (Style): Drop Shadow
  129. 129.
    Filter (Style): Extrude
  130. 130.
    Filter (Style): God Rays
  131. 131.
    Filter (Draw): Parallel Gradation
  132. 132.
    Filter (Draw): Concentric Gradation
  133. 133.
    Filter (Draw): Radial Line Gradation
  134. 134.
    Filter (Draw): Radial Line
  135. 135.
    Filter (Draw): Speed Line
  136. 136.
    Filter (Draw): Clouds
  137. 137.
    Filter (Draw): QR Code
  138. 138.
    Filter (AI): Watercolor Filter
  139. 139.
    Filter (AI): Auto Paint
  140. 140.
    Filter (AI): Background Removal
  141. 141.
    Filter (Artistic): Anime Background
  142. 142.
    Filter (Artistic): Manga Background
  143. 143.
    Filter (Artistic): Chromatic Aberration (Color Shift, RGB Shift)
  144. 144.
    Filter (Artistic): Glitch
  145. 145.
    Filter (Artistic): Noise
  146. 146.
    Filter (Artistic): Retro Game
  147. 147.
    Filter (Artistic): Chrome
  148. 148.
    Filter (Artistic): Bloom
  149. 149.
    Filter (Artistic): Cross Filter
  150. 150.
    Filter (Artistic): Sheer
  151. 151.
    Filter (Pixelate): Pixelate Crystalize
  152. 152.
    Filter (Pixelate): Hexagonal Pixelate
  153. 153.
    Filter (Pixelate): Square Pixelate
  154. 154.
    Filter (Pixelate): Triangular Pixelate
  155. 155.
    Filter (Pixelate): Pointillize
  156. 156.
    Filter (Pixelate): Dots (Hexagonal)
  157. 157.
    Filter (Pixelate): Dots (Square)
  158. 158.
    Filter (Transform): Expansion
  159. 159.
    Filter (Transform): Fisheye Lens
  160. 160.
    Filter (Transform): Sphere Lens
  161. 161.
    Filter (Transform): Wave
  162. 162.
    Filter (Transform): Ripple
  163. 163.
    Filter (Transform): Twirl
  164. 164.
    Filter (Transform): Polar Coordinates
  165. 165.
    Filter (Frame): Table
  166. 166.
    Filter (Frame): Blur Frame
  167. 167.
    Filter (Movie): Rain
  168. 168.
    Adjustment Layer
  169. 169.
    Create an animation
  170. 170.
    Manga Function: Let's create a manga manuscript
  171. 171.
    Manga Function: Master the Manga creation tools
  172. 172.
    Manga Function: Make Use of Materials
  173. 173.
    Manga Function: Publishing and Printing your Manga
  174. 174.
    Switching devices / transferring data (with Dropbox)
  175. 175.
    Switching devices / transferring data (with SD card on Android)
  176. 176.
    Switching devices / transferring data (with PC on iOS)
  177. 177.
    Model change / Transfer (Backup settings)
  178. 178.
    Settings window details
  179. 179.
    Change the Background Color of the Canvas
  180. 180.
    Details of Brush Parameters
  181. 181.
    Bucket tool details
  182. 182.
    Layer Window Details
  183. 183.
    Transform tool details
  184. 184.
    Blend mode details
  185. 185.
    View Menu details
  186. 186.
    How to upload transparent PNG onto X
  187. 187.
    Importing and exporting Photoshop files (PSD)
  188. 188.
    Posting Multiple Pages of Comic to the Online Gallery
  189. 189.
    Gestures, Keyboard shortcuts (iOS,iPadOS,Android versions)
  190. 190.
    Gestures, Keyboard shortcuts (Windows Version)
  191. 191.
    Display a Crosshair Symbol When Hovering the Stylus Pen
  192. 192.
    Set Up Palm Rejection
  193. 193.
    Use a Promo Code
  194. 194.
    Delete Account