クリスタのグラデーションマップの使い方 輪郭抽出と線画色変更

フィルター・加工

クリスタのグラデーションマップ

クリスタのグラデーションマップについて覚書してみたい。


クリスタのグラデーションマップ



解説動画をいくつか見てみたが、グラデーションマップの解説で再生数が多いのがこの動画。



13分くらいの動画で、グラデーションマップの基礎、応用例を紹介している。


元絵の色の明るさに応じて、別の色を割り当てるのがグラデーションマップだ。よくある例では、グレースケースで描いた絵に、いい感じの色の割当を試行錯誤するのに便利ってところか。

クリスタのグラデーションマップの使い方


CLIP STUDIO TABMATE(クリップ スタジオ タブメイト)


私は、3DCGのレンダ画をキレイな線画にするのに、グラデーションマップが使えると思った。


こういうレンダ画を…



こんな感じにする！



漫画の下絵や背景にするのに良いかも知れない。


関連 クリスタで漫画を描く


流れとしては、こんな感じ


  • レンダ画をグレースケール化（色をなくしてモノクロにする）


  • グラデーションマップで、4階調化する。いい感じの境界を試行錯誤で見つける

フィルターの輪郭抽出だと、画像によってはうまく輪郭が取れないことがあるのを、手動でどうにかしてしまおうというわけだ。


ではやってみよう。


まず、DAZ STUDIOでレンダ画を用意する。背景は真っ黒で、服や髪は、真っ黒じゃない茶髪とか、濃いグレーなど色がかぶらないほうがいい。



まずは、DAZ STUDIOでレンダ画をファイルに保存する手順。


DAZ STUDIOで、背景を黒にするには、Environmentタブで、Backgroundの色の箇所をクリックして、黒を選ぶ。



Environmentタブなんてないぞという場合は、画面上部のWindow→Panes（Tabs）→Environmentを選択すると、出てくる。



DAZのIrayプレビュー動画をファイルに保存するには、3DCGが表示されてるパネルの上の方のちっちゃいアイコン（カメラ名プルダウンの左側）をクリックして、NvIDIA Irayを選択する。



グラボ性能にもよるが、時がたつにつれてじわじわといい感じに描画されていくので、ここらへんでいいかなと思ったところで、File→Save Last Drawを選択すれば、ファイルに保存できる。形式はJpgでいいだろう。



ここから、クリップスタジオの手順になる。


CLIP STUDIO PAINTを開き、先ほどのレンダ画ファイルをドラッグドロップして開く。



ウインドウ→レイヤーで、レイヤーパネルを開くとこんな感じになっている。



ちなみに、私はレイヤーパネルを頻繁に閉じたり開いたりするので、ショートカットでキーボードの「l」（エル）にレイヤーを割り当ててる。


関連 クリスタのショートカット


次に、画像を「グレースケール化」（モノクロ化）していく。


レイヤー→新規色調補正レイヤー→色相・彩度・明度を選択



色相・彩度・明度ウインドウで、彩度を目一杯下げ（ｰ100）、OKをクリック



この時点で画像はこんな感じになる。



では、いよいよグラデーションマップを適用していこう。


レイヤー→新規色調補正レイヤー→グラデーションマップを選択



グラデーションマップの編集画面が表示される。



これ以降は、無段階のグレースケールを手動で三階調にしていく。なんでこんな手順なの？と言われたら、試行錯誤した結果のフィーリングです、としか言いようがなくて申し訳ない。特に何かの理論を使ったとかはない。


グラデーションの以下の位置をクリックして、「^」をひとつ作る



作成した「^」を、線画として残したい部分が消えるギリギリまで、ドラッグする



ドラッグした「＾」と左端の「＾」の間に３つ、新しく「＾」を作る。位置は以下の画像を参照。



作成した「＾」のうち２つを、以下のように移動



最終的にグラデーションのイメージが、だいたい黒、グレー、白の3色になってればOKだ。画像はこんな感じになる。



なお、グラデーションマップの画面を閉じちゃった場合は、レイヤー設定画面で以下の部分をダブルクリックすると、再びグラデーションマップが開く。



ウインドウ→レイヤーで、レイヤー画面を開き、元絵が入っているレイヤーを選択状態にする



フィルター→効果→イラスト調を選択



おもに「線の太さ」のパラメータをいじって、よい感じになるよう調整する



処理内容の「色と線」のところを変更すると、線画だけ、もしくは、塗りだけを出力できる。


「色と線」で実行したのがこれ。



けっこうマンガっぽくなってる。ただ、塗部分がガタガタなのがちょっと気になるかな。ともかく、なぞり絵の下絵としては十分なクォリティ。


関連 クリスタの線画抽出


実際に使う場合は「線のみ」で出力して、主線の下書きにして、「色のみ」を参考に、トーンやベタ塗りなどの塗りをやっていくのがいいかもしれない。



グラデーションマップのまとめ


  • グラデーションマップは、グレースケールなどの画像に、割り当てる色を試行錯誤するのに便利な機能


  • グラデーションマップは、レイヤー→新規色調補正レイヤー→グラデーションマップで適用できる


  • グラデーションマップを使って、3DCG画像を人間の目で見ていい感じの線画抽出に使える


【Ver.4.1対応】CLIP STUDIO PAINT(クリスタ) PRO 12ヶ月ライセンス 1デバイス パッケージ版| iPad / Android / Windows / macOS / iPhone 対応 | |【総ページ数360ページのスタートアップガイド付属】