【SAI】はみ出さないで色を塗る!クリッピング機能の使い方

画像・映像・音楽

【SAI】はみ出さないで色を塗る!クリッピング機能の使い方

活用しないともったいなさ過ぎるSAIの機能の一つ「クリッピング」。この機能を使うと、範囲外にはみ出さずに色を塗ることができるので、色塗りのあとはみ出した部分を消しゴムで消す、といった作業をしなくて済みます。

今回は、SAIのクリッピング機能の使い方について解説します。

クリッピング機能の使い方

まずは「色を塗りたい範囲」を選択し、「下塗り」レイヤーを作成しましょう。

線画レイヤーを「領域検出元に指定」⇒「自動選択」をクリックし、領域検出元を「検出元に指定したレイヤー」に設定します。

SAIの操作画面

SAIの操作画面

新規レイヤーを作成し、「下塗り」などとわかりやすい名前にします。これを線画レイヤーの下に移動しましょう。次に「自動選択」をクリックし、色を塗りたい範囲を選択します。

SAIの操作画面

「バケツ」をクリック⇒描画色を決める⇒選択範囲(青い部分)をクリックして塗りつぶします。

SAIの操作画面

下塗りレイヤーの上に新規レイヤーを作成し、「下のレイヤーでクリッピング」にチェックを付けます。このレイヤーに描画すると、下塗りレイヤーの範囲外にはみ出すことなく色を塗ることができます。

SAIの操作画面

「下のレイヤーでクリッピング」のチェックを外すと、こんな感じになります。

SAIの操作画面

クリッピングレイヤーの上に更にクリッピングレイヤーを作成しても、クリッピング元は、「一番下のクリッピングレイヤーの直下にあるレイヤー」になります。画像で言うと下塗りレイヤーですね。

SAIの操作画面

こんなときに使おう!

影塗り

「影塗り」のときに使うのが、最も一般的だと思います。影を塗るときは、肌・目・髪の毛など、パーツごとに下塗りレイヤーを分けておくことをおすすめします。そうすると、例えば目の影を塗りたいとき、目の下塗りレイヤーの上に影レイヤーを作成してクリッピングを使うと、肌へのはみ出しを気にすることなく目の影を塗ることができます。

スポンサーリンク

テクスチャ貼り

部分的にテクスチャを貼りたいときなどにもクリッピング機能は役立ちます。

テクスチャファイルを開き、[Ctrl]+[A](全選択)⇒[Ctrl]+[C](コピー)を押します。

SAIの操作画面

テクスチャを貼りたいファイルを開き、「下塗り」レイヤーを選択した状態で[Ctrl]+[V](ペースト)を押します。これで、「下塗り」レイヤーの上にテクスチャレイヤーが新規作成されます。あとはテクスチャレイヤーの「下のレイヤーでクリッピング」にチェックを付けるだけ。必要に応じてテクスチャの位置を調整したり、合成モードや不透明度を変更したりしてください。

SAIの操作画面

トーン貼り

「テクスチャ貼り」と同じ要領でクリッピング機能を使うと、範囲内に綺麗にトーンを貼ることもできます。

SAIの操作画面

トーンレイヤーの合成モードを「乗算」にすると、「下塗り」レイヤーの色が透けて表示されます。

SAIの操作画面

ブラシ形状やブラシテクスチャをインストールすることにより、色を塗る感覚でテクスチャを塗ることもできます。SAIにブラシ素材を追加する方法については、以下の記事を参照してください。

おわりに

「下のレイヤーでクリッピング」にチェックを付けると、そのレイヤーに描画したものはクリッピング元に指定したレイヤーの範囲外にはみ出すことがありません。

影を塗るときや、部分的に素材を貼るときなどに役立つ機能なので、SAIでカラーイラストを描くことや漫画を描くことが多い方は、是非この機能を活用していきましょう。

スポンサーリンク

関連記事

  1. Photoshopで線画をきれいに抽出する方法

    画像・映像・音楽

    Photoshopで線画をきれいに抽出する方法

    スキャンした画像やレイヤー結合済みの画像を編集する場合、最初に線画を抽…

  2. SAIのカラーパレットを増やす方法

    画像・映像・音楽

    SAIのカラーパレットを増やす方法

    SAIのカラーパレットに色が入りきらなくなってしまったとき、他の色を消…

  3. Photoshopで作成したパターンの保存先はどこ?

    画像・映像・音楽

    Photoshopで作成したパターンの保存先はどこ?

    Photoshopでパターンを作成したら、ファイルのバックアップをとっ…

  4. GuideGuideがインストールできないときに確認する3つのこと

    画像・映像・音楽

    GuideGuideがインストールできないときに確認する3つのこと

    Photoshopユーザーなら是非インストールしておきたいエクステンシ…

  5. 画面の色をスポイト!今見ている色のコードやRGBを素早く取得する

    画像・映像・音楽

    画面の色をスポイト!今見ている色のコードやRGBを素早く取得する

    ネットをしていると、「あ、この配色いい!」と思うWebサイトやイラスト…

  6. Photoshopで波線や省略記号(省略を表す波線)を描く

    画像・映像・音楽

    Photoshopで波線や省略記号(省略を表す波線)を描く

    Photoshopには、始点と終点を決めるだけで直線が引ける「ラインツ…

PAGE TOP