CLIP STUDIO PAINT(クリスタ)のグラデーションツールは着色に役立つ機能です。色彩豊かな空の表現など、滑らかな色の変化を作りたいときにオススメです。 今回は、クリスタのグラデーションツールの機能をご紹介します。
この記事の目次
クリスタのグラデーションツールを解説
クリスタのグラデーションツール①.基本の機能
直線や円形のグラデーションが簡単に作れる
![グラデーションツールを使う](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19195956/1-min5.jpg)
クリスタのグラデーションツールは、ツールパレットの中に格納されています。
〔グラデーションツール〕を選択して、サブツールグループ〔グラデーション〕を選びましょう。解説では、サブツール〔描画色から背景色〕を選択しています。
キャンバス上でドラッグ操作をするだけで、描画色から背景色に切り替わるグラデーションを簡単に作ることができます。![形状・端の処理・角度の刻み](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/20230733/1-2-min.jpg)
![形状](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19195956/2-min4.jpg)
![端の処理](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19195958/3-min4.jpg)
〔形状〕の項目からは、直線・円・楕円を選んでグラデーションの形を変えることができます。
〔端の処理〕の項目からは、繰り返さない・繰り返し・折り返し・描画しないを選んでグラデーションの始点と終点の処理を変更できます。〔角度の刻み〕にチェックを入れていると、キャンバス上でドラッグ操作をする際に指定した角度でスナップされます。
水平・垂直方向に正確にグラデーションを作りたい場合は、〔角度の刻み〕にチェックを入れて値を「90」に設定しておきましょう。詳細設定からグラデーションの使用色を増やせる
![詳細設定](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19195958/4-min4.jpg)
クリスタのグラデーションツールは、色相が変化する位置を変えたり使用色を増やしたりと、より細かな設定を行うことができます。
ツールプロパティ内の〔詳細設定〕のボタンを押すと、グラデーションの編集画面が表示されます。 ※〔詳細設定〕ボタンの上にあるスライダーからも、色数を増やすなどの簡易的な編集が可能です。![グラデーションの編集](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19195959/5-min4.jpg)
画面上部にあるスライダーの下にあるメモリをクリックすることで、「∧」マークのノードを新しく追加できます。
各ノードを選択して、画面中央右の項目の〔指定色〕などから色を設定することで、グラデーションが多彩になります。![使用色の多いグラデーション](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200000/6-min4.jpg)
後から編集をする際はグラデーションレイヤーが便利
![グラデーションレイヤーの作成](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200002/7-min4.jpg)
〔グラデーションツール〕を選択して、サブツールグループ〔グラデーション〕を選びます。
〔描画対象〕の項目を、〔グラデーションレイヤーを作成〕に変更しましょう。 キャンバス上でグラデーションツールを使用する際に、グラデーションレイヤーが自動的に作成されます。![操作ツールを選択](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200004/8-min3.jpg)
![グラデーションを編集する](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200005/9-min3.jpg)
クリスタのグラデーションツール②.等高線塗り
The freeflow gradient is a unique gradient tool that allows you to create gradients that perfectly follow a specific shape. Learn how to use this useful tool and see how you can use it in your work in today's "How to" episode!https://t.co/4SPpZxD56y pic.twitter.com/RkY5hn5hJr
— CLIP STUDIO PAINT (@clipstudiopaint) September 28, 2020
クリスタのグラデーションツールには、「等高線塗り」という便利な機能があります。
等高線塗りの使い方を見ていきましょう。アンチエイリアスをオフにしたペンで等高線を引く
![アンチエイリアスを切る](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200007/11-min2.jpg)
![正方形にカラーガイドを描く](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200007/12-min1.jpg)
解説では、〔ペンツール〕からサブツール〔Gペン〕を選択して、正方形の中に等高線を引いています。
この際、使用するペンのアンチエイリアスをオフに設定しておきましょう。
アンチエイリアスを入れると線の境界が滑らかになるので、等高線の色を参照しづらくなります。 また、等高線を引く際に使用するブラシサイズは、少し細めがよいとのことです。等高線塗りでグラデーションを作成する
![等高線塗りのサブツール](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200006/10-min3.jpg)
![正方形を等高線塗りする](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200008/13-min1.jpg)
色のガイド用の等高線を引いた後は、〔グラデーションツール〕からサブツールグループ〔等高線塗り〕を選択します。
正方形の中をクリックしていくだけで、解説のようなグラデーションを簡単に作成することができます。![球体にカラーガイドを描く](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200009/14-min1.jpg)
![球体を等高線塗りする](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200010/15-min.jpg)
クリスタのグラデーションツール③.活用の仕方
イラスト制作におけるグラデーションツールの使い方の例を見ていきましょう。空など、色が少しずつ変化する表現に向いている
![夕暮れの写真](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200010/16-min.jpg)
フリー素材の風景写真を載せています。夕暮れの橙色の空が下に向かうに連れて濃く染まっています。
グラデーションツールを使えば、解説写真のような空の色を簡単に表現することができます。![空色の詳細設定](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200011/17-min.jpg)
スライダーの下部をクリックしてノードを追加していきましょう。
解説では両端の2つのノードに加えて、3つのノードを間に作成しています。各ノードを選択し、〔指定色〕から写真を参考に色を置いていきましょう。
スポイトツールも使用することができます。![空のグラデーションを作る](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200012/18-min.jpg)
空のように色相・彩度・明度が少しずつ変化するモチーフの下地作りには、グラデーションツールを活用してみてください。
色と色の境界がくっきりとしてしまう場合は、メニューバーから〔フィルター〕→〔ぼかし〕→〔ガウスぼかし〕で滑らかにするのも効果的です。作業時間の短縮にも繋がる
![色混ぜツールと比較(彩度なし)](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200013/20-min.jpg)
グラデーションはキャンバスに色を置いた後、〔色混ぜツール〕などで混色して作成することもできます。
フリーハンドでグラデーションを作る作業は手数がかかりますが、グラデーションツールを使えばムラのないグラデーションを手早く作ることができます。陰影にもグラデーションツールが使える
![グラデーションで陰影を作成する](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200014/21-min.jpg)
解説図では、立体の全ての面をグラデーションツールで塗っています。
フリーハンドで影をつけるよりもパキッとした硬めの質感を表現することができ、金属や水晶といったモチーフの下地作りに向いています。 キャラクターイラストの影つけや仕上げなどにも、グラデーションが用いられることがあります。クリスタで使えるグラデーション素材
クリスタ用の素材が公開されているCLIP STUDIO ASSETSでは、カスタマイズされた便利なグラデーションツールがダウンロードできます。光を表現するグラデーション「空気感を出すツールセット」
「空気感を出すツールセット」には、イラストの空気感を出すためのグラデーションツールやブラシが入っています。
空の表現やキャラクターイラストの加工・仕上げの工程など、空気の演出を追加したい際に役立ちます。![空気感を出すツールセット](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200014/22-min.jpg)
「Halo(虹の輪)Filter」は、虹のグラデーションを簡単に作ることができます。
![空気感を出すツールセット(ソフトライト)](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200016/23-min.jpg)
レイヤーの合成モードをソフトライトに設定して利用するのがオススメとのことです。
合成モードをソフトライトに設定することで、虹のグラデーションが下地の空に馴染みやすくなります。色彩豊かな空を簡単に表現できる「空の色グラデーションセット」
「空の色グラデーションセット」には、晴天・夕焼け・朝日……といった36種類の空を簡単に作ることができるグラデーションが入っています。![グラデーションセットに登録](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200017/24-min.jpg)
〔素材パレット〕で空の色グラデーションセットを選択して、〔素材の貼り付け〕ボタンを押します。
グラデーションセットが登録され、グラデーションツールから利用できるようになります。![グラデーションセットを使用する](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/21121042/25-min1.jpg)
〔グラデーションツール〕→〔グラデーション〕→〔詳細設定〕から、グラデーションの編集画面を表示します。
〔グラデーションセット〕の項目から、空の色グラデーションセットを選びましょう。![宵の口](https://d2hq8z6bbc4zk8.cloudfront.net/wp-content/uploads/2021/01/19200019/26-min.jpg)
グラデーションセットの「宵の口」でグラデーションを作っています。
日が暮れる時間帯の色の移り変わりがきれいですね。空の色グラデーションセットには他にも様々な空のグラデーションが登録されているので、ぜひ活用してみてください。
柔らかな空の色合いを収録した「空の色グラデーションセット ver.2」もCLIP STUDIO ASSETSで公開されています。まとめ
クリスタのグラデーションツールのご紹介でした。グラデーションツールは色相や彩度を滑らかに変化させたい場合に便利で、きれいなグラデーションを簡単に作れます。イラストの着色の際にはグラデーションツールを活用してみてください。