クリスタにはみなさんご存じ、グラデーションツールがあります
このツールを使うことで、濃淡をきれいに表現することができます
トーンの代わりに使ったり、
背景の空を描画するのに使ったりと
普段使いでも大活躍してくれるツールですが
今回は(私の)息抜きも兼ねて
このグラデーションツールで遊んでみましょう!
というわけで、今回の記事では、
アイキャッチに使用しているような
イラスト全体にグラデーションをかける、という
表現をご紹介していきたいと思います
それでは、どうぞ!
モノクロイラストを用意
ではまず、モノクロのイラストを描いていきます
![モノクロイラスト](https://clipstudio-comic.com/wp-content/uploads/2023/09/1-1.png)
今回のレイヤー構造はとても分かりやすく、
線画・ベタ・トーンという3つに分けておきます
![レイヤー分け](https://clipstudio-comic.com/wp-content/uploads/2023/09/2-1.png)
フォルダに入れる
イラストが描けたら、
すべてのレイヤーを選択し、1つのフォルダに移動してまとめます
すべてのレイヤーを選択するには、
一番上のレイヤーをクリックし
Shiftを押しながら一番下のレイヤーをクリックします
![レイヤーの全選択](https://clipstudio-comic.com/wp-content/uploads/2023/09/3-1.png)
すべてのレイヤーを選択した状態で
「新規レイヤーフォルダ」のアイコンへドラッグ&ドロップします
![フォルダへドロップ](https://clipstudio-comic.com/wp-content/uploads/2023/09/4-1.png)
虹グラデーションを作成
次に、グラデーションを作成していきます
ツールパレットからグラデーションツールを選択します
今回はサブツールから「虹」を選びましょう
![サブツールから虹を選択](https://clipstudio-comic.com/wp-content/uploads/2023/09/5.png)
また、ツールプロパティから描画対象を
「グラデーションレイヤーを作成」にしておきます
![グラデーションレイヤーを作成](https://clipstudio-comic.com/wp-content/uploads/2023/09/6-1.png)
こうすることで、イラストが描いてあるレイヤーと
グラデーションを作成するレイヤーを分けることができます
グラデーションツールを選択した状態で
キャンバス上をドラッグしてみましょう
すると、虹のグラデーションが画面全体に作成されます
![グラデが作成される](https://clipstudio-comic.com/wp-content/uploads/2023/09/7-1.png)
グラデーションレイヤーの位置は
先程作成したフォルダのすぐ上に配置します
![フォルダの上に配置](https://clipstudio-comic.com/wp-content/uploads/2023/09/8.png)
この時、モノクロレイヤーを使用している方は
自動的にトーン化されているので、
レイヤープロパティからトーンを解除しておきましょう
![トーンを解除](https://clipstudio-comic.com/wp-content/uploads/2023/09/9-1.png)
クリッピングをかける
では、この画面全体に作成されたグラデーションを
イラストが描いてある範囲にのみ適用していきます
グラデーションレイヤーを選択した状態で、
レイヤーパレットの左上にある
「下のレイヤーでクリッピング」というアイコンをクリックします
![下のレイヤーでクリッピング](https://clipstudio-comic.com/wp-content/uploads/2023/09/10-1.png)
すると、すぐ下にあるフォルダに描かれた範囲に絞って
グラデーションをかけることができます
![クリッピング結果](https://clipstudio-comic.com/wp-content/uploads/2023/09/11-1.png)
アイコンを再度押すと解除されます
グラデの操作
必要であればここから色を好みに調整していきます
不透明度スライダーでグラデーションや
フォルダの濃度を下げてみたり
![グラデの濃度を下げる](https://clipstudio-comic.com/wp-content/uploads/2023/09/12-1.png)
![フォルダの濃度を下げる](https://clipstudio-comic.com/wp-content/uploads/2023/09/12-2.png)
合成モードを変えてみたりして
イメージに近づけていきましょう
![合成モードを変える](https://clipstudio-comic.com/wp-content/uploads/2023/09/12-3.png)
また、グラデ自体の編集はオブジェクトで可能です
グラデーションレイヤーを選択した状態で
オブジェクトに持ち替えると
グラデーションの操作ができるバーが現れます
![グラデを編集](https://clipstudio-comic.com/wp-content/uploads/2023/09/13-1.png)
十字マークをドラッグすると開始位置を変更できます
![開始位置を変更](https://clipstudio-comic.com/wp-content/uploads/2023/09/14-1.png)
●マークと十字マークの距離を変えるとグラデの間隔を調節できます
![間隔を変更](https://clipstudio-comic.com/wp-content/uploads/2023/09/15-1.png)
また、●マークを左右に動かすと角度を変えることができます
![角度の変更](https://clipstudio-comic.com/wp-content/uploads/2023/09/16-3.png)
向きを変えたい場合は、●マークを十字マークの位置と入れ替えます
![向きを変える](https://clipstudio-comic.com/wp-content/uploads/2023/09/17-1.png)
まとめ
いかがでしたでしょうか
複雑そうに見えて、案外簡単に作成できることが分かりますよね
お手軽なテクニックですが、雰囲気を一気に変えることができ
印象も華やかになりますので、覚えておいて損はない手法です
表紙などのカラーイラストにも使えますので
美しいグラデーションをぜひ楽しんでくださいね!