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

CLIP STUDIO PAINT PRO 公式ガイドブック
CLIP STUDIO PAINT PRO 公式ガイドブック

↑kindleアンリミテッドで無料で読めます。公式マニュアル的なガイド。

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

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

 

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

 

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

 

https://www.youtube.com/watch?v=L_HtDjmrD6o&pp=ygUt44Kw44Op44OH44O844K344On44Oz44Oe44OD44OX44CA44Kv44Oq44K544K_

 

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

 

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

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

私は、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つ、新しく「^」を作る。位置は以下の画像を参照。

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

 

 

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

 

関連 クリスタの線画抽出

 

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

 

 

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

     

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

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

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

CLIP STUDIO PAINT 必携 困ったときに開く疑問解消のためのヒント集
CLIP STUDIO PAINT 必携 困ったときに開く疑問解消のためのヒント集

↑amazonのアンリミで無料で読めます。 意外な便利技満載