お知らせ

個人情報取得同意
当サイトは、プライバシーポリシーに掲げる通り、ユーザの個人情報を適切に管理します。 プライバシーポリシーはこちら
同意して始める

お絵かき講座

187. 塗りつぶしツールの詳細

アイビスペイントの「塗りつぶし」は、アプリの中で最も高機能なツールの一つです。高機能なために設定の仕方が分かりにくく、設定が間違っているとうまく塗りつぶすことができません。思った通りに塗りつぶしができない場合は、取り消し (1手戻る) ボタンを押して何度か塗り直してみて下さい。なおここでは「塗りつぶし設定」の説明をしますが、「自動選択設定」も設定方法はほぼ同じですので、「自動選択設定」の設定方法が知りたい場合は「塗りつぶし」を「自動選択」に読み替えて読んで下さい。

塗りつぶしツールとは

塗りつぶしは、スタート地点 (指でタップした場所) の色と似た色が続く範囲を塗る機能です。一番よく使われるのは線画の下塗りです。

線画が隙間なく閉じている状態であれば線の内側だけを塗りつぶすことができますが、線が閉じていない場合は、線の外側に色があふれ出てしまいます。意図せず色があふれ出てしまったら、慌てずに取り消し (1手戻る) ボタンを押して塗り直しましょう。

塗りつぶし設定ウィンドウ

次に「塗りつぶし設定ウィンドウ」について説明します。①[ ツール選択ウィンドウ ]を表示して②[ 塗りつぶし ]を選択後、オプションバーの③[ 設定ボタン ]を押して「塗りつぶし設定ウィンドウ」を開きます。

①[リセット] ... 塗りつぶしは設定が難しいため、慣れていない人でもそれなりにうまく動作するように初期値が設定されています。各種パラメータを変更したあとで初期値に戻したい場合は「リセット」を押します。
②[ 強さ ] ... スタート地点の色と似た色をどれくらいの範囲まで塗りつぶすかを調整します。
③[ 塗り残し認識 ] ... 「拡張」では塗りつぶしの調整が難しい太さが均一ではない線の内側をきれいに塗りつぶすことができます。
④[ 拡張 ] ... 「強さ」で設定した塗りつぶしの範囲をさらに広げたり狭めたりすることができます。初期値は1.5pxです。
⑤[ すき間認識 ] ... 線端が閉じられていない線と線のすき間を自動的に認識して、線の内側だけをはみ出さずに塗りつぶすことができます。
⑥[ スワイプで連続塗り ] ... キャンバスを指でスワイプしてなぞることで、線で区切られた異なる場所を連続で塗りつぶすことができます。
⑦[ 線の下にもぐる ] ... 線の下まで色が塗られるようになります。

⑧[ 境界 ] ...「スタート地点の色とどれぐらい似ている色の範囲を塗りつぶすか?(色差)」をカラー(R, G, B, A)を使って判定するか、不透明度だけを使って判定するかを選択します。後述する「参照レイヤー」を白のキャンバスにした場合は背景色が全面不透明なので、「境界」で不透明度を選択してしまうと全面が塗りつぶされてしまいます。「参照レイヤー」が指定レイヤーや作業レイヤーの場合は、「境界」を不透明度にする方が良い場合もあります。
⑨[ 参照レイヤー ] ... 作業レイヤー、指定レイヤー、キャンバスから選択できます。初期値はキャンバスです。ここでいう参照とは、スタート地点の色と塗る範囲を決めるときの判定の色の差が近いか?という処理で範囲を決めるときの色をどこから読み取ってくるかという選択です。キャンバスを選択すると、全レイヤーを結合した絵(みたまま)を参照して範囲を決めます。指定レイヤーを選択し、その下のレイヤー選択でレイヤーを指定すると、そのレイヤーを参照して塗る範囲を決めます。作業レイヤーを選択すると、現在のレイヤーを参照して塗る範囲を決めます。指定レイヤーを使うことで、レイヤー2に線画を置いて、作業レイヤーをレイヤー1にして塗りつぶしをするといった、線画と塗りを別のレイヤーにすることもできます。

強さ

上の図は「強さ」の値をそれぞれ変えて塗りつぶした場合の比較です。「強さ」は、スタート地点の色と似た色をどれくらいの範囲まで塗りつぶすかを設定します (色差が一定以下までを塗る範囲とする)。エアブラシで描いた線のようにグラデーションがある場合は値を0%にすると、スタート地点の色から少しでも違う色があったらそこで塗りが止まってしまうため、塗りつぶされる範囲が狭くなります。値を5%にすると、0%のときよりも少し広い範囲が塗りつぶされます。10%にするとさらに塗りつぶしの範囲は広くなります。しかし、値をあまり大きくし過ぎると外に色があふれ出てしまいます。

拡張

上の図はGペン (ソフト) で線画を描いて、「拡張」を0pxと1.5pxに設定して塗りつぶした場合の比較です。線画はフチにアンチエイリアシング (半透明) があるため、0pxでは白い部分が残ってしまいますが、1.5pxにすると塗り残しを減らすことができます。

マンガの吹き出しの内側を塗りつぶすときは、「拡張」をマイナス値に設定すると良いでしょう。

すき間認識

線端が閉じられていない場所を塗りつぶしたいときは、「すき間認識」をオンにしましょう。上の図は「すき間認識」をオフにして塗りつぶした場合 (左図) と、オンにして塗りつぶした場合 (右図) の比較です。「すき間認識」は自動的に線のすき間を認識してくれるため、線にすき間がある場合でも線の内側だけをはみ出さずに塗りつぶすことができます。

塗り残し認識

上の図は「塗り残し認識」をオフにして塗りつぶした場合 (左図) と、オンにして塗りつぶした場合 (右図) の比較です。太さが均一でない線の内側を塗りつぶすには「拡張」での調整が難しく、線の外側に色がはみ出してしまいますが、「塗り残し認識」をオンにすることではみ出さずに線の内側だけをきれいに塗りつぶすことができます。

スワイプで連続塗り

線で区切られた異なる場所を同じ色で連続して塗りつぶしたいときは、「スワイプで連続塗り」をオンにしましょう。キャンバスをスワイプしてなぞると、異なる場所を連続で塗りつぶすことができるので便利です。

囲って塗る・囲って消す

「囲って塗る」は、選択した範囲内の閉じた線がある部分を、指定した色で塗りつぶすことができます。同じように「囲って消す」は、選択した範囲内の閉じた線がある部分の塗りを削除することができます。

①[ 囲って塗る ]を選択して②[ 塗りつぶしたい部分 ]を指でドラッグして囲みます。指で囲んだ範囲内で、線が閉じている部分が指定した色で塗りつぶされます。

塗りを削除する場合は③[ 囲って消す ]を選択して④[ 削除したい塗りの部分 ]を指でドラッグして囲みます。指で囲んだ範囲内で、線が閉じている部分の塗りが削除されます。

「囲って塗る・囲って消す」の詳細については塗りつぶしツール:囲って塗る・囲って消すをご覧下さい。

目次

  1. 01.
    はじめに
  2. 02.
    作品作成開始
  3. 03.
    ツールバーとツール選択
  4. 04.
    下絵をアナログで描こう
  5. 05.
    レイヤーとは
  6. 06.
    トレースしよう
  7. 07.
    取り消しと消しゴム
  8. 08.
    投げ縄ツールで微調整
  9. 09.
    左右反転で確認
  10. 10.
    カラーウインドウで色選択
  11. 11.
    塗りつぶしで下塗りをしよう
  12. 12.
    クリッピングをオンにする
  13. 13.
    グラデーション塗りをしよう
  14. 14.
    キャンバスやレイヤーから色を取得する
  15. 15.
    クイックスポイトの起動までの時間を設定する
  16. 16.
    加算・乗算でハイライトと影
  17. 17.
    テクスチャを貼る
  18. 18.
    レイヤー結合をしよう
  19. 19.
    サインを入れよう
  20. 20.
    鑑賞しよう
  21. 21.
    投稿しよう
  22. 22.
    シェアしよう
  23. 23.
    アイビスペイントのデータをCLIP STUDIO PAINTで開く
  24. 24.
    プレミアム会員・広告除去アップグレード (iPhone/iPad・Android向け)
  25. 25.
    プレミアム会員・プロアップグレード (Windows・Mac向け)
  26. 26.
    スマート機能とスマートクレジット
  27. 27.
    端末の作品をクラウドストレージと同期する
  28. 28.
    履歴取り出し機能
  29. 29.
    作品を並べ替える
  30. 30.
    作品フォルダ機能
  31. 31.
    カスタムブラシを作る
  32. 32.
    オリジナルブラシパターンを作る
  33. 33.
    カスタムブラシのインストールと書き出し
  34. 34.
    カスタムブラシをオンラインギャラリーに公開する
  35. 35.
    ブラシの書き出しと読み込み
  36. 36.
    ブラシを検索する
  37. 37.
    参考資料の画像を表示する
  38. 38.
    乗算でアナログのまま着色
  39. 39.
    手ぶれ補正
  40. 40.
    レイヤー:クリッピング
  41. 41.
    レイヤー:不透明度ロック
  42. 42.
    レイヤー:スクリーントーン
  43. 43.
    レイヤー:選択レイヤー
  44. 44.
    レイヤー:透過PNG保存(レイヤー)
  45. 45.
    レイヤー:レイヤー名変更
  46. 46.
    レイヤー:ラスタライズ
  47. 47.
    レイヤー:レイヤーフォルダ
  48. 48.
    レイヤー:レイヤーフォルダの移動・変形
  49. 49.
    レイヤー:全結合を追加
  50. 50.
    ベクターレイヤー
  51. 51.
    ブラシシェイプの編集方法
  52. 52.
    描画内容からレイヤーを選択する
  53. 53.
    キャンバスに紙質を適用する
  54. 54.
    キャンバスにグリッドを表示する
  55. 55.
    作品を書き出す(保存する)
  56. 56.
    CMYKで書き出す(保存する)
  57. 57.
    キャンバスを透過PNGで保存する
  58. 58.
    透明塗りつぶしサブツールで背景透明化
  59. 59.
    塗りつぶしツール:囲って塗る・囲って消す
  60. 60.
    パース変形で床にテクスチャ
  61. 61.
    メッシュ変形でスカート
  62. 62.
    文字入れツールで文字入れ
  63. 63.
    コマ割りツールでマンガ作成
  64. 64.
    キャンバスサイズでキャンバスを広げる
  65. 65.
    トリミングでキャンバスを切り取る
  66. 66.
    印刷用のマンガ原稿を作成する
  67. 67.
    解像度 (dpi) を指定してキャンバスを作成する
  68. 68.
    画像解像度変更
  69. 69.
    キャンバスのカラーモード変更
  70. 70.
    AI (人工知能) で高解像度画像を出力する
  71. 71.
    AI学習妨害機能
  72. 72.
    素材ツールでテクスチャ
  73. 73.
    切り取り・コピー・貼り付け
  74. 74.
    定規:直線定規
  75. 75.
    定規:円定規
  76. 76.
    定規:楕円定規
  77. 77.
    定規:集中線定規
  78. 78.
    定規:線対称定規
  79. 79.
    定規:万華鏡定規
  80. 80.
    定規:配列定規
  81. 81.
    定規:パース配列定規
  82. 82.
    図形ツール
  83. 83.
    描画ツール:直線
  84. 84.
    描画ツール:長方形
  85. 85.
    描画ツール:円
  86. 86.
    描画ツール:楕円
  87. 87.
    描画ツール:正多角形
  88. 88.
    描画ツール:ベジェ曲線
  89. 89.
    描画ツール:折れ線
  90. 90.
    図形ツール:角丸長方形
  91. 91.
    図形ツール:細い矢印
  92. 92.
    図形ツール:吹き出し
  93. 93.
    選択範囲ツール:色域選択
  94. 94.
    選択範囲ツール:選択範囲の拡張・縮小
  95. 95.
    特殊ペン:ゆがみペン
  96. 96.
    特殊ペン:投げ縄塗り
  97. 97.
    特殊ペン:投げ縄消し
  98. 98.
    特殊ペン:コピーペン
  99. 99.
    フィルター (色調整):明るさ・コントラスト
  100. 100.
    フィルター (色調整):トーンカーブ
  101. 101.
    フィルター (色調整):色相・彩度・明度
  102. 102.
    フィルター (色調整):カラーバランス
  103. 103.
    フィルター (色調整):線画抽出
  104. 104.
    フィルター (色調整):輪郭検出 (手描き風)
  105. 105.
    フィルター (色調整):輪郭検出
  106. 106.
    フィルター (色調整):線画色変更
  107. 107.
    フィルター (色調整):単色化
  108. 108.
    フィルター (色調整):グレースケール
  109. 109.
    フィルター (色調整):2値化
  110. 110.
    フィルター (色調整):階調化
  111. 111.
    フィルター (色調整):色の反転
  112. 112.
    フィルター (色調整):グラデーションマップ
  113. 113.
    フィルター (色調整):レベル補正
  114. 114.
    フィルター (色調整):色置換
  115. 115.
    フィルター (ぼかし):ガウスぼかし
  116. 116.
    フィルター (ぼかし):ズームぼかし
  117. 117.
    フィルター (ぼかし):移動ぼかし
  118. 118.
    フィルター (ぼかし):回転ぼかし
  119. 119.
    フィルター (ぼかし):レンズぼかし
  120. 120.
    フィルター (ぼかし):モザイク
  121. 121.
    フィルター (ぼかし):アンシャープマスク
  122. 122.
    フィルター (ぼかし):すりガラス
  123. 123.
    フィルター (スタイル):ふちどり(両側)
  124. 124.
    フィルター (スタイル):ステンドグラス
  125. 125.
    フィルター (スタイル):水彩境界
  126. 126.
    フィルター (スタイル):光彩(内側)
  127. 127.
    フィルター (スタイル):ベベル (内側)
  128. 128.
    フィルター (スタイル):ベベル (外側)
  129. 129.
    フィルター (スタイル):エンボス
  130. 130.
    フィルター (スタイル):レリーフ
  131. 131.
    フィルター (スタイル):レリーフ (高品質)
  132. 132.
    フィルター (スタイル):水滴 (丸)
  133. 133.
    フィルター (スタイル):ふちどり(外側)
  134. 134.
    フィルター (スタイル):光彩(外側)
  135. 135.
    フィルター (スタイル):サテン
  136. 136.
    フィルター (スタイル):ドロップシャドウ
  137. 137.
    フィルター (スタイル):立体化
  138. 138.
    フィルター (スタイル):ゴッドレイ
  139. 139.
    フィルター (描画):平行波グラデーション
  140. 140.
    フィルター (描画):同心円波グラデーション
  141. 141.
    フィルター (描画):放射状波グラデーション
  142. 142.
    フィルター (描画):集中線
  143. 143.
    フィルター (描画):スピード線
  144. 144.
    フィルター (描画):雲模様
  145. 145.
    フィルター (描画):QRコード
  146. 146.
    フィルター(スマート):水彩フィルター
  147. 147.
    フィルター(スマート):背景透過
  148. 148.
    フィルター (アート):アニメ調背景
  149. 149.
    フィルター (アート):マンガ調背景
  150. 150.
    フィルター (アート):色収差(色ずれ、RGBずらし)
  151. 151.
    フィルター (アート):グリッチ
  152. 152.
    フィルター (アート):ノイズ
  153. 153.
    フィルター (アート):レトロゲーム
  154. 154.
    フィルター (アート):クロム
  155. 155.
    フィルター (アート):ブルーム
  156. 156.
    フィルター (アート):クロスフィルター
  157. 157.
    フィルター (アート):シアー
  158. 158.
    フィルター (ピクセレート):ピクセレート水晶
  159. 159.
    フィルター (ピクセレート):六角ピクセレート
  160. 160.
    フィルター (ピクセレート):正方ピクセレート
  161. 161.
    フィルター (ピクセレート):三角ピクセレート
  162. 162.
    フィルター (ピクセレート):点描
  163. 163.
    フィルター (ピクセレート):ドット (六角)
  164. 164.
    フィルター (ピクセレート):ドット (正方)
  165. 165.
    フィルター (変形):膨張
  166. 166.
    フィルター (変形):魚眼レンズ
  167. 167.
    フィルター (変形):球レンズ
  168. 168.
    フィルター (変形):波
  169. 169.
    フィルター (変形):波紋
  170. 170.
    フィルター (変形):渦巻き
  171. 171.
    フィルター (変形):極座標変換
  172. 172.
    フィルター (フレーム):表
  173. 173.
    フィルター (フレーム):ぼかしフレーム
  174. 174.
    フィルター (ムービー):雨
  175. 175.
    調整レイヤー
  176. 176.
    アニメーションを作成する
  177. 177.
    アニメーション機能:動画モード
  178. 178.
    アニメーション機能:動画モードの音声トラック
  179. 179.
    マンガ機能紹介:マンガ原稿を作成しよう
  180. 180.
    マンガ機能紹介:マンガ作成ツールを使いこなそう
  181. 181.
    マンガ機能紹介:素材を活用しよう
  182. 182.
    マンガ機能紹介:マンガを公開・印刷しよう
  183. 183.
    機種変更・引継ぎ
  184. 184.
    設定ウィンドウの詳細
  185. 185.
    キャンバスの背景色を変更する
  186. 186.
    ブラシパラメータの詳細
  187. 187.
    塗りつぶしツールの詳細
  188. 188.
    レイヤーウィンドウの詳細
  189. 189.
    移動変形ツールの詳細
  190. 190.
    ブレンドモードの詳細
  191. 191.
    表示メニューの詳細
  192. 192.
    Xに透過PNGを投稿する方法
  193. 193.
    Photoshopファイル (PSD) の読み込みと書き出し
  194. 194.
    複数ページのマンガをオンラインギャラリーに公開する
  195. 195.
    ジェスチャー・キーボードショートカット (iPhone/iPad・Android向け)
  196. 196.
    ジェスチャー・キーボードショートカット (Windows・Mac向け)
  197. 197.
    スタイラスペンのホバー時に十字マークを表示する
  198. 198.
    パームリジェクションを設定する
  199. 199.
    プロモーションコードを使用する
  200. 200.
    ibisアカウントについて:アカウントを作成する
  201. 201.
    ibisアカウントについて:ログインする
  202. 202.
    ibisアカウントについて:アカウントやデータを削除する