【CLIP STUDIO】簡単きれい!塗りつぶし機能の使い方まとめ[隙間閉じのオプション]

eyecatch-clip-studio-fill-tool

クリスタといえば塗りつぶし機能が優秀で有名だったので、試してみました!

この記事の著者
CGブロガー すいみん

CGブロガー

すいみん

Suimin

プロフィール

某美大の油絵科を卒業後、大手CG映像プロダクションに入社。
その後ゲーム業界に転職。
現在は技術系のCGデザイナーをしています。 書籍:Unity デザイナーズ・バイブル
プロフィール詳細はこちら

ベクターレイヤーとは&特徴

まず予備知識から!普段、使っているレイヤーはクリスタではラスターレイヤーといいます。

一方ベクターレイヤーで線を描くと一見ラスターと変わりないと見栄えですが、

オブジェクト選択するとパスで描かれていることがわかります。

ベクターレイヤーで線画を描くことで、後から線の調整できたりと非常に編集したすいデータの形式になります。

※ただしベクターレイヤーは塗りつぶしなど一部の機能は使えません

クリスタ機能を使って塗りつぶす方法

隙間閉じのオプションで塗りつぶす方法

サンプル素材はラスターレイヤーです。(この時はベクターレイヤーの存在を知らず。。。)

  1. まず、バケツツールで塗りつぶす(隙間閉じオプションOFF)とPhotoshopと一緒で閉じてない場所があると全て塗りつぶされます。

隙間閉じのオプションをつけていると、塗りつぶしの範囲を補完して塗りつぶされます。

参照レイヤー機能を使って塗りつぶす方法

  1. まず、線画のレイヤーを右クリックしてレイヤー設定>参照レイヤーに設定にします。

目玉マークのとなりに参照の筆の参照マークが点灯します。

  1. つづいて、新規でラスターレイヤーを作成。

  1. 塗りつぶしツールを選択してツールプロパティで複数参照>参照レイヤーをON

  1. さらにサブツールパネルにて他のレイヤーを参照、先ほど作成した空のレイヤーへクリックします。

線画の範囲を参照しつつ、空のレイヤーに塗りつぶしが適応されました!

線画の表示を消して、拡大してみる(鼻付近)と線のアンチエイリアスの影響で塗りつぶされない場所もあります。

線画をベクターレイヤー化して塗りつぶす方法

  1. 線画レイヤーを右クリック>レイヤーの変換。

  2. 種類をベクターレイヤーに。そして元のレイヤーを残すにチェック

線がぱっきり2値化されます。

この時点でアニメで言う線画修正すると良さそうです。

  1. ベクターレイヤーを右クリックしてレイヤー設定>参照レイヤーに設定します。
  2. 塗りつぶし用に新規ラスターレイヤーを作成

  3. バケツツールを選択。塗りつぶす前にウインドウ>サブツール詳細>参照先からべくたーの中心線で塗り止まるをONにして、中心線も含めるにチェック

  1. 上記の設定後、塗りつぶし。

塗りが線からはみ出る場合は領域拡縮の値を変更

線画の表示をOFFにしてもきれいに塗られています!

線のニュアンスがベクターじゃなくアンチエイリアスの利いたラスターが良い場合はそちらの線画を残しておきましょう。

参考

[おまけ]隙間無く囲って塗るツールの紹介

塗りつぶし専用の外部ツールもあるそうなので試してみました

下記のURLからログインして「隙間無く囲って塗るツール」をダウンロード&自動でインポートされます。

https://assets.clip-studio.com/ja-jp/detail?id=1643346

ウインドウ>素材>素材(ダウンロード)からアイコンを塗りつぶしのサブツールへドラッグ&ドロップすれば、外部ツールが登録できます。

使い方は選択して囲うだけですが、うまくいかない場合はざっくり塗ってから投げ縄で囲うと塗ることができました。

※ちなみにツール素材の格納先は

DocumentsCELSYSCLIPStudioCommonMaterial6916abbbd8ffb-1748-74b5-cbbf-45b38f8459

です。

まとめ

最初が面倒ですが、塗りつぶしツールは一度設定すれば、使い回せます。

参照レイヤーに設定もよく使いそうなので、ショートカット登録推奨!

編集>ショートカット設定>メインメニュー>レイヤー>参照レイヤーに設定で変更できます。(Shift+Gとか)

Photoshopだと地味に修正してた作業がクリスタだと、さきほどの機能を使えば、かなり短縮できそうです!

【CLIP STUDIO】 DEBUT、PRO、EXの3つの違いをわかりやすく比較解説!おすすめのクリスタの選び方 【CLIP STUDIO】できるだけPhotoshopと同じショートカットにする設定方法

以上、すいみん(@cg_method)でした!

Adobe Creative Cloudを一番安く購入する方法

\Adobe Creative Cloudが学割(49.6%OFF!)で安い/


eyecatch-buy-adobe-creative-cloud
【Adobe Creative Cloud】最安!アドビ認定スクールから購入する方法(+講座付き)

すでに持っている方も1年分の追加可能

さらにAmazonギフト券でチャージしてAmazon Payで支払うともっとお得に!

クリスタに関する参考記事・ツール・書籍のまとめ

クリスタに関する記事を下記にまとめました。



clip-studio-summary-article


便利な機能紹介!クリップスタジオに関する作り方まとめ

クリスタのソフトウェア購入

イラストが学べるスクール


参考
お絵かき講座パルミー


参考
イラスト・キャラデザイン講座ヒューマンアカデミー

周辺機器

ペンタブ(クリスタ付き)

クリスタの参考書籍

イラストの参考書籍