News

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

News

Tutorials

58. 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.
    Premium Membership / Ad Removal Upgrade (for iPhone/iPad, Android)
  25. 25.
    Premium Membership / Pro Upgrade (for Windows, Mac)
  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.
    How to edit a brush shape
  51. 51.
    Contents Layer Selection
  52. 52.
    Apply Canvas Papers to your canvas
  53. 53.
    Display Grid on the Canvas
  54. 54.
    Export an Artwork (Save)
  55. 55.
    Export in CMYK (Save)
  56. 56.
    Save canvas as Transparent PNG
  57. 57.
    Make the background transparent with Eraser Bucket
  58. 58.
    Bucket Tool: Surrounding Fill / Surrounding Eraser
  59. 59.
    Putting texture to the floor with Perspective Form
  60. 60.
    Skirt with Mesh Form
  61. 61.
    Entering text with Text tool
  62. 62.
    Creating manga with Frame Divider tool
  63. 63.
    Enlarging the canvas with Canvas Size
  64. 64.
    Cutting off the canvas with Trim
  65. 65.
    Create a Manga Manuscript for Printing
  66. 66.
    Canvas creation with resolution (dpi) specification
  67. 67.
    Changing image resolution with Resize
  68. 68.
    Change canvas Color Mode
  69. 69.
    Output High-Resolution Images with AI (Artificial Intelligence)
  70. 70.
    AI Disturbance
  71. 71.
    Texture with Material tool
  72. 72.
    Cut, Copy, Paste
  73. 73.
    Ruler: Straight Ruler
  74. 74.
    Ruler: Circular Ruler
  75. 75.
    Ruler: Elliptical Ruler
  76. 76.
    Ruler: Radial Ruler
  77. 77.
    Ruler: Mirror Ruler
  78. 78.
    Ruler: Kaleidoscope Ruler
  79. 79.
    Ruler: Array Ruler
  80. 80.
    Ruler: Perspective Array Ruler
  81. 81.
    Drawing Tool: Straight Line
  82. 82.
    Drawing Tool: Rectangle
  83. 83.
    Drawing Tool:Circle
  84. 84.
    Drawing Tool:Ellipse
  85. 85.
    Drawing Tool:Regular Polygon
  86. 86.
    Drawing Tool:Bezier Curve
  87. 87.
    Drawing Tool:Polyline
  88. 88.
    Drawing Tool:Fill
  89. 89.
    Selection Area tool: Color Range
  90. 90.
    Selection Area tool: Expand/Contract Selection Area
  91. 91.
    Special: Liquify Pen
  92. 92.
    Special: Lasso Fill
  93. 93.
    Special: Lasso Eraser
  94. 94.
    Special: Copy Pen
  95. 95.
    Filter (Adjust Color): Brightness & Contrast
  96. 96.
    Filter (Adjust Color): Tone Curve
  97. 97.
    Filter (Adjust Color): Hue Saturation Lightness
  98. 98.
    Filter (Adjust Color): Color Balance
  99. 99.
    Filter (Adjust Color): Extract Line Drawing
  100. 100.
    Filter (Adjust Color): Find Edges (Handwriting)
  101. 101.
    Filter (Adjust Color): Find Edges
  102. 102.
    Filter (Adjust Color): Change Drawing Color
  103. 103.
    Filter (Adjust Color): Mono Color
  104. 104.
    Filter (Adjust Color): Grayscale
  105. 105.
    Filter (Adjust Color): Black & White
  106. 106.
    Filter (Adjust Color): Posterize
  107. 107.
    Filter (Adjust Color): Invert Color
  108. 108.
    Filter (Adjust Color): Gradation Map
  109. 109.
    Filter (Adjust Color): Levels Adjustment
  110. 110.
    Filter (Adjust Color): Replace Color
  111. 111.
    Filter (Blur): Gaussian Blur
  112. 112.
    Filter (Blur): Zooming Blur
  113. 113.
    Filter (Blur): Moving Blur
  114. 114.
    Filter (Blur):Spin Blur
  115. 115.
    Filter (Blur): Lens Blur
  116. 116.
    Filter (Blur): Mosaic
  117. 117.
    Filter (Blur): Unsharp Mask
  118. 118.
    Filter (Blur): Frosted Glass
  119. 119.
    Filter (Style): Stroke (Both)
  120. 120.
    Filter (Style): Stained Glass
  121. 121.
    Filter (Style): Wet Edge
  122. 122.
    Filter (Style): Glow (Inner)
  123. 123.
    Filter (Style): Bevel (Inner)
  124. 124.
    Filter (Style): Bevel (Outer)
  125. 125.
    Filter (Style): Emboss
  126. 126.
    Filter (Style): Relief
  127. 127.
    Filter (Style): Waterdrop (Rounded)
  128. 128.
    Filter (Style): Stroke (Outer)
  129. 129.
    Filter (Style): Glow (Outer)
  130. 130.
    Filter (Style): Satin
  131. 131.
    Filter (Style): Drop Shadow
  132. 132.
    Filter (Style): Extrude
  133. 133.
    Filter (Style): God Rays
  134. 134.
    Filter (Draw): Parallel Gradation
  135. 135.
    Filter (Draw): Concentric Gradation
  136. 136.
    Filter (Draw): Radial Line Gradation
  137. 137.
    Filter (Draw): Radial Line
  138. 138.
    Filter (Draw): Speed Line
  139. 139.
    Filter (Draw): Clouds
  140. 140.
    Filter (Draw): QR Code
  141. 141.
    Filter (AI): Watercolor Filter
  142. 142.
    Filter (AI): Background Removal
  143. 143.
    Filter (Artistic): Anime Background
  144. 144.
    Filter (Artistic): Manga Background
  145. 145.
    Filter (Artistic): Chromatic Aberration (Color Shift, RGB Shift)
  146. 146.
    Filter (Artistic): Glitch
  147. 147.
    Filter (Artistic): Noise
  148. 148.
    Filter (Artistic): Retro Game
  149. 149.
    Filter (Artistic): Chrome
  150. 150.
    Filter (Artistic): Bloom
  151. 151.
    Filter (Artistic): Cross Filter
  152. 152.
    Filter (Artistic): Sheer
  153. 153.
    Filter (Pixelate): Pixelate Crystalize
  154. 154.
    Filter (Pixelate): Hexagonal Pixelate
  155. 155.
    Filter (Pixelate): Square Pixelate
  156. 156.
    Filter (Pixelate): Triangular Pixelate
  157. 157.
    Filter (Pixelate): Pointillize
  158. 158.
    Filter (Pixelate): Dots (Hexagonal)
  159. 159.
    Filter (Pixelate): Dots (Square)
  160. 160.
    Filter (Transform): Expansion
  161. 161.
    Filter (Transform): Fisheye Lens
  162. 162.
    Filter (Transform): Sphere Lens
  163. 163.
    Filter (Transform): Wave
  164. 164.
    Filter (Transform): Ripple
  165. 165.
    Filter (Transform): Twirl
  166. 166.
    Filter (Transform): Polar Coordinates
  167. 167.
    Filter (Frame): Table
  168. 168.
    Filter (Frame): Blur Frame
  169. 169.
    Filter (Movie): Rain
  170. 170.
    Adjustment Layer
  171. 171.
    Create an animation
  172. 172.
    Manga Function: Let's create a manga manuscript
  173. 173.
    Manga Function: Master the Manga creation tools
  174. 174.
    Manga Function: Make Use of Materials
  175. 175.
    Manga Function: Publishing and Printing your Manga
  176. 176.
    Changing Devices & File Transfers
  177. 177.
    Settings window details
  178. 178.
    Change the Background Color of the Canvas
  179. 179.
    Details of Brush Parameters
  180. 180.
    Bucket tool details
  181. 181.
    Layer Window Details
  182. 182.
    Transform tool details
  183. 183.
    Blend mode details
  184. 184.
    View Menu details
  185. 185.
    How to upload transparent PNG onto X
  186. 186.
    Importing and exporting Photoshop files (PSD)
  187. 187.
    Posting Multiple Pages of Comic to the Online Gallery
  188. 188.
    Gestures, Keyboard shortcuts (iOS,iPadOS,Android versions)
  189. 189.
    Gestures, Keyboard shortcuts (Windows Version)
  190. 190.
    Display a Crosshair Symbol When Hovering the Stylus Pen
  191. 191.
    Set Up Palm Rejection
  192. 192.
    Use a Promo Code
  193. 193.
    Delete Account