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

11. Select Colors in the Color window

Next is the color fill, but in order to do that let's learn how to use the Color window. First of all select the ① Brush tool.

Next, tap the square icon on the Main Toolbar to open the ① Color window.

  • ① Current Color
  • ② Previous Color (this is Current Color at the time you opened the window)
  • ③ Color Circle and HSB box
  • ④Hex Color Code
  • ⑤ Hue slider (H)
  • ⑥ Saturation slider (S)
  • ⑦ Brightness slider (B)
  • ⑧ Opacity slider
  • ⑨ HSB/Palette Toggle button
  • ⑩ HSB/RGB Toggle button

When you want to create a color, drag the picker inside the Color Circle and HSB box, and adjust the sliders. HSB stands for Hue, Saturation, and Brightness. Dragging the picker changes the Current Color so be sure to take notice while adjusting the color settings.
Changing the HSB has a more direct feel to it but when sharing information such as the skin color you used in a magazine or website RGB is often used. RGB stands for the three colors that make up the light we perceive - Red, Green and Blue.
To do this, tap the ⑨ HSB/RGB Toggle button to toggle between HSB and RGB.

The RGB slider will be displayed. To return to the HSB slider simply tap the ① HSB/RGB Toggle button again.

You may also tap on ①Hex Color Code to bring up the input dialog and enter the ②Color Code manually.

The Palette Screen is for saving and selecting frequently used colors. Tap the ① HSB/Palette Toggle button.

  • ①Color Palette
  • ②Color History
  • ③HSB/Palette Toggle button

A palette like the one above has been prepared in the default settings for ①Color Palette. In this palette, try storing a color that you have made. In ②Color History, you can reselect a color that you used in the past.

Holding down and drag the ① current color to automatically move to the palette screen. Drop the color into an open space down the bottom to save it into the palette. It's useful to save colors you like, such as two colors that make up skin color, in this way.

When you engage in brush drawing or paint over something, ①Color History will display the colors you used at those times.
You can select a color by tapping the color in ①Color History.
You can store a maximum of 100 colors. The further to the left are the colors you used more recently, and the further to the right are the colors you used more in the past.

In the above image, the Current Layer has become the ① Selection Layer (the layer with a pink background), and so the ② Color button on the Main Toolbar (4th from the right) is disabled.

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