こんにちは!漫画家の亀山大河です!
僕は現在「史上最最強の魔法剣士、Fランク冒険者に転生する(原作:柑橘ゆすら)」を連載しています。
↓ 1話から無料で読む ↓

↑↑↑↑↑↑↑↑↑↑↑↑
グラデーショントーンは絵のクオリティをあげるのに欠かせないツールで、影を表現するのはもちろんのこと、他にも感情や質感、立体感、空気感など、その用途は多岐にわたります。
本記事で紹介していること
- グラデーショントーンの貼り方
- グラデーショントーンの修正方法
- 円形・波形などさまざまなグラデーションの作り方
トーンの基本的な使い方は別記事で紹介していますので、よければあわせてご覧ください。

グラデーショントーンを使わないと、どのようになるのでしょうか?
試しにとっぱらってみましょう!

スキル獲得画面とスライム、そして床の3ヶ所からグラデーションがなくなりました。
グラデーションがないと、どこかチープに見えませんか?
今回はそんなグラデーショントーンの使い方を、通常の線形グラデーションはもちろんのこと、円形や波形グラデーションも含めて紹介します!

グラデーショントーンを貼る手順
今回はスライムのライムにグラデーショントーンを貼っていきます。


グラデーショントーンを貼る方法はとっても簡単です。
グラデーショントーンを貼る手順
- グラデーショントーンを貼りたい部分を選択範囲する
- [グラデーション]ツールの[マンガ用グラデーション]を選択する
- グラデーショントーンを貼りたいところをドラッグする
それでは順を追ってやっていきましょう!
グラデーショントーンを貼りたい部分を選択範囲する
まずは選択範囲ツールを使って、トーンを貼りたい部分を選択します。


[グラデーション]ツールの[マンガ用グラデーション]を選択する
[グラデーション]ツールを選択し、サブツールにある[マンガ用グラデーション]を選択します。
ツールプロパティの部分はあとから変更ができるのでとりあえずそのままにしておきましょう。


グラデーショントーンを貼りたいところをドラッグする
暗い方から明るい方にかけて、ドラッグ&ドロップします。
Shftを押しながらドラッグすると、斜めを回避することができます。


ドロップするとグラデーショントーンが貼られました!
が、ゴールと何か全然違いますね…。


それではゴールへ向けて、グラデーショントーンを修正していきましょう。
グラデーショントーンの修正方法
グラデーショントーンはあとから自由に修正することができるのですが、修正したいところによって操作場所が違います。
トーングラデーションの修正場所
- トーン自体の修正 → [レイヤープロパティ]
- グラデーションの修正 → [操作]ツール
それでは、それぞれ修正していきましょう!
トーン自体を修正する
トーンの線数や種類など、トーンそのものを修正したい場合は[レイヤープロパティ]から修正します。





[レイヤープロパティ]からのトーン修正については、トーンの基本的な貼り方の記事で説明しています。


グラデーションを修正する
グラデーションの設定を変更したい場合は[操作]ツールから修正することができます。
青い線を移動させることで、グラデーションの位置を自由に変更することができます。





それでは最初に説明しなかったグラデーションの設定について触れていきます!
[形状]を変えて楕円形グラデーションを作る
[形状]は、グラデーションの形を選択する項目です。
形状は「直線」「円」「楕円」の3種類ありますが、楕円を選択してもShiftを押しながらドラッグすれば円になります。


[端の処理]を変えて波形グラデーションを作る
[端の処理]は、グラデーションを貼ったときにドラッグしなかった範囲の処理を決める項目です。
処理方法は「繰り返さない」「繰り返し」「折返し」「描画しない」の4つの処理方法があります。


その他の修正項目
その他の修正項目
- [反転]
グラデーションの方向を反対向きにする - [不透明度]
グラデーションの濃度を変更する
これらを組み合わせることで、さまざまなグラデーションを作り出すことができます。


グラデーショントーンのデフォルト線数を変更したい
グラデーショントーン作成時の線数は、キャンバスを新規作成する際に設定した[基本線数]の値に依存しています。
グラデーショントーンのデフォルト線数を変更する方法
- キャンバス新規作成時に[基本線数]の値を変更する
- キャンバス作成後の場合[編集]メニューの[キャンバス基本設定を変更]から[基本線数]の値を変更する


まとめ


グラデーション、使いこなせそうでしょうか?
グラデーショントーンは絵のクオリティをあげるのに欠かせないツールで、影を表現するのはもちろんのこと、他にも感情や質感、立体感、空気感など、その用途は多岐にわたります。
グラデーションの貼り方はいたってシンプル!
グラデーショントーンを貼る手順
- グラデーショントーンを貼りたい部分を選択範囲する
- [グラデーション]ツールの[マンガ用グラデーション]を選択する
- グラデーショントーンを貼りたいところをドラッグする
また貼ったグラデーションは、あとから修正することもできます。
トーングラデーションの修正場所
- トーン自体の修正 → [レイヤープロパティ]
- グラデーションの修正 → [操作]ツール


