We're sorry, to use this web app your browser needs to support
Paint Bucket Tool
If the editor launch was blocked by your browser consider adding gifgit.com to your browser safe popup list.
- Click the Customize and control Google Chrome menu. (⋮ button at top right of browser).
- Click Settings.
- Expand the Advanced menu then select the Privacy and Security in the sidebar.
- Click Site Settings then Pop-ups and redirects.
- Under Allow click the Add button.
- Enter gifgit.com in the dialog and press Add.
Output file of project:
- Upload an image using the form above.
- Adjust the settings in the tool options bar to set the tolerance of the paint bucket tool.
- Click the area of the image you want to fill with the paint bucket.
- Selects the sample color that will be used to determine the replaced area.
- Floods the area with the fill set in the tool options.
Setting the sample color is the first step in the color replacement routine but understanding how the paint bucket tool floods an area will help you see why a sample color is needed and will be explained first.
How the paint bucket tool replaces color is not unique to it. It employs the same flood fill method of area selection by color that is used in the magic eraser tool. The flood fill operation replaces the color of neighbouring pixels by scanning them for similarity to a sample color. If the neighbouring pixel meets the color similarity threshold, its color is replaced with the user set fill. This prodecure is then repeated for the replaced neighbouring pixels until all pixels that are neighbours and are similar in color become replaced or 'flooded' with the fill.
The sample color used by the paint bucket tool is set when you click the image. Here again the paint bucket tool acts like another tool. When the image is clicked the paint bucket tools acts like the color picker tool, selecting the color of the pixel at the mouse click point. This color is the sample color used for similarity checks in the flood fill operation.
The similarity threshold for flooding into neighbouring pixels is set with the tolerance input field in the tool options bar. The higher the tolerance the less similar in color a neighbouring pixel can be and still be flooded. This affects the flood area when you click in the image. A low tolerance means the flooding will be restricted to an area of the same color. A high tolerance means the flooding will spill over into more dissimilar colors and if set high enough may flood the entire image.
The other tool settings in the options bar also control the appearance of flood fill. The radius setting controls how the flooding interacts with neighbouring pixels. A higher radius will let the flooding fill in more areas and have less 'holes' in the fill area. The opacity, blur and blend mode options are explained in the next section.
- Fill: The color that will be used to replace the area flooded by the paint bucket.
- Tolerance: Determines the acceptable range of colors that can be flood filled by the paint bucket tool.
- Radius: Sets the radius affected by each pixel in the paint bucket flooding.
- Blur: Blur radius of the paint bucket flood filled area.
- Opacity: Sets the opacity of the area filled by the paint bucket tool.
- Blend mode: Determines the blend mode when flooded area is applied to the layer.
Feature Rich Online Image Editor
|Browser based editing (No software download)||Yes||Yes|
|Layer Masks (Non-Destructive Editing)||Yes||No|
|Undo History List||Yes||No|