※記事内に広告を含みます
皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。
イラスト・漫画制作ソフトCLIP STUDIO PAINT（クリップスタジオペイント）にはグラデーションを作成する機能があります。
クリスタで作成できるグラデーションはよく見る一方通行のグラデーションだけでなく、円形や縞模様のグラデーションも簡単に作成することができるのです！
今回はクリスタで作成するグラデーションの形状の変形方法を紹介したいと思います。
それではよろしくお願いいたします
( ｀・∀・´)ﾉ！
▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】
CLIP STUDIO PAINT PRO
▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】
CLIP STUDIO PAINT EX
CLIP STUDIO PAINT（クリスタ）の基本的なグラデーションの作成方法
クリスタの「グラデーションツール」で作成する
グラデーションツールとはグラデーションを作成する為にクリスタが用意してくれているツールです。
このグラデーションツールを選択し、サブツールパレットでグラデーションの種類を選択します。
「描画色」＝「メインカラー」、「背景色」＝「サブカラー」となります。
また、「青空」～「虹」は自身で選択した色ではなくクリスタ側で用意してくれている色が配置されています。（色の変更は可能）
サブツールを選択しましたらクリスタのキャンバス上でドラッグ操作することでグラデーションを描画していきます。
この時、ツールプロパティで「編集対象のレイヤーに描画」に設定している場合にはラスタレイヤー上に直接グラデーションを描画することができ、
「グラデーションレイヤーを作成」に設定している場合には選択中のレイヤーに関係なくグラデーションレイヤー（後述）を作成します。
クリスタのレイヤーメニューで作成する
クリスタではグラデーションツールの他にレイヤーメニューからもグラデーションを作成することができます。
CLIP STUDIO PAINT画面上部から「レイヤー」→「新規レイヤー」→「グラデーション」と選択します。
クリスタVer.2.3.0以降ですと、ここでグラデーションの編集ウィンドウが開きます。
この方法の場合、後からでもこのウィンドウを開いて再設定することも可能です。
内容を設定・確認しましたら右上の「OK」を押しましょう。
詳しい設定内容は以下の記事の『クリスタ「グラデーションの編集ウィンドウ」の基本情報』の項目をご確認ください。
するとカラーパレットの「メインカラー」から「サブカラー」の色で上から下に変化するグラデーションが表示されたグラデーションレイヤーが作成されます。
レイヤーメニューからグラデーションレイヤーを作成した場合、オブジェクトツールを選択した状態になります。
クリスタの「グラデーションレイヤー」とは
クリスタでグラデーションレイヤーを作成しますと、後から色や形状など、全ての設定を何度でも変更することが可能になります。
ですので個人的にはグラデーションツールでラスターレイヤーに直接描画するよりおすすめです◎
グラデーションレイヤーの操作はオブジェクトツールで行います。
オブジェクトツールでグラデーション上に表示されている「ハンドル」を移動・変形させることでグラデーションの表示位置や方向も自由に変更できます。
また、オブジェクトツールを選択している状態でツールプロパティやサブツール詳細ウィンドウ内の設定やカラーパレットの色を変更することでグラデーションの内容を変更することができます。
ここで「ハンドル」の長さや角度を数値で指定することもできます。
CLIP STUDIO PAINT（クリスタ）のグラデーション形状を変更する方法！
困った時は：クリスタのウィンドウ・アイコン・項目がない時の見つけ方！！
以下で紹介する設定は「グラデーションツール」でラスターレイヤーに直接描画する場合は描画前に、「グラデーションレイヤー」を使用する場合は作成後にオブジェクトツールを選択した状態で行いましょう。
また、グラデーションツールでラスターレイヤーに直接描画する場合は特殊な設定がされていない「描画色から透明色」もしくは「描画色から背景色」のサブツールを使用しましょう。
クリスタで円形のグラデーションを作成する！
クリスタで円形のグラデーションを作成したい場合は、ツールプロパティもしくはサブツール詳細ウィンドウの「形状」の項目で「円」もしくは「楕円」のアイコンを選択するだけでで簡単に作成できます。
「楕円」の場合は角度も自分で決めることができますよ。
「グラデーションツール」での操作
「円」
クリスタのグラデーションツールで「円」の形状を選択して描画する場合はドラッグ操作で円の大きさを指定します。
この時、サブツール詳細ウィンドウ「グラデーション」項目にある「中央から開始」にチェックが入っていますと円の中心から半径の大きさ分をドラッグする形になりますので描画しやすいです。
「中央から開始」にチェックが入っていない場合は「円が入る正方形の対角線」をドラッグして円を描画する形になります。
「楕円」
クリスタのグラデーションツールで「楕円」の形状を選択し、描画する場合は1回目のドラッグで楕円の大きさを決め、2回目のドラッグで角度を決めるという形になります。
1回目の楕円の大きさを決めるドラッグ操作では「円」と同様「中央から開始」にチェックが入っているかいないかで描画方法が変わります。
また、［Shift］を押しながらドラッグすることで「円」も描画可能です。
2回目の角度を決めるドラッグ操作を［Shift］を押しながら行うと、ツールプロパティ（サブツール詳細ウィンドウ）に表示される「角度の刻み」という項目で入力した数値の角度ごとに楕円を回転させることができます。
※「角度の刻み」にチェックを入れますと［Shift］を押さなくても入力した角度ごとの回転が可能です。
「グラデーションレイヤー」での操作
オブジェクトツールを選択した状態で「円」や「楕円」の形状を選択し、「ハンドル」を操作することでグラデーションの「円の中点」や「円の大きさ」を自由に変更できます。
グラデーションを移動する場合、［Shift］を押しながらドラッグすることで水平・垂直・45度方向への移動ができます。
また、円のサイズを変更する場合は［Shift］押しながらドラッグすることで片方の半径のサイズを固定したままの変更ができます。
「円の大きさ」や「角度」はツールプロパティやサブツール詳細ウィンドウにて数値を指定することもできます。
※「角度」は「-180」～「180」です。
※「角度」をハンドル操作で変えますと半径の数値も変わる可能性がありますのでツールプロパティ（サブツール詳細ウィンドウ）で数値指定する方法をおすすめしします。
「楕円」の形状の場合、
●「サイズ」
「楕円」の形状アイコンを選択した時の縦軸の長さ。
●「厚さ」
「楕円」の形状アイコンを選択した時の横軸の長さ。
となります。
グラデーションレイヤーの「楕円」形状で、サイズと厚さの比率を固定したままサイズを変更したい場合は「変形機能」を利用しましょう。
変形時はキャンバス内での操作になりますが、キャンバス外の部分もちゃんと変形されます。
クリスタの円形グラデーションのアレンジ
ツールプロパティの「塗りつぶし設定」項目のグラデーションが表示されている箇所をタッチしますと「グラデーションの編集ウィンドウ」を開くことができます。
↓
※「混色モード」「輝度の補正」はVer.2.3.0以降で追加された項目です。
このグラデーションの編集ウィンドウで「グラデーションの反転」アイコンをタッチしますと表示しているグラデーションの色の変化具合を反転させることができます。
Ver.1.11.6以降のクリスタでは、ツールプロパティにも「反転」の項目が表示されるようになりました。
クリスタで円形のグラデーションを描画色と白色（透明色）の2色間で作成する場合、この「グラデーションの反転」アイコンをタッチすることで中心ではなく周囲にグラデーションを配置する表現ができるようになります。
イラストの背景に利用したりできますよ◎
「グラデーションの編集ウィンドウ」の細かい設定内容は以下の記事を参考にしていただければと思います。
クリスタで縞模様のグラデーションを作成する！
クリスタのグラデーションでは、
「グラデーションツール」の場合は1ドラッグ分、「グラデーションレイヤー」の場合はハンドルの長さ分を1つのグラデーションと考えます。
クリスタで縞模様のグラデーションを作成する場合はツールプロパティもしくはサブツール詳細ウィンドウの「端の処理」のアイコンで「繰り返し」「折り返し」のアイコンを選択します。
この設定により「1つのグラデーション」を何回も表示させることができ、縞模様のグラデーションを表現できるようになります。
※後述の『「グラデーションレイヤー」での注意点』もご確認ください。
こちらは「円」「楕円」の形状と併用することもできます。
「端の処理」で「繰り返さない」を選択しますと「端」以降の範囲がグラデーションの両端の色でベタ塗りされ、「描画しない」を選択しますと「端」以降の範囲には何も描画されなくなります。
「グラデーションレイヤー」での注意点
クリスタで作成するグラデーションの「端の処理」の仕様から、グラデーションレイヤーでグラデーションを作成している場合、「繰り返し」「折り返し」アイコンを選択しただけでは見た目上に変化はありません。
先述のように「1つのグラデーション」＝「ハンドルの長さ」であり、グラデーションレイヤーの作成時はキャンバスに合わせたハンドルの長さになるので「繰り返し」「折り返し」の表示はキャンバスの外側にある状態なのです。
グラデーションレイヤーのハンドルの長さ（サイズ）を小さくすれば「繰り返し」「折り返し」の表示が出てきますよ。
【補足説明】CLIP STUDIO PAINT（クリスタ）での他のグラデーション表現
クリスタのグラデーションを変形させてみよう！
先述の通り、クリスタのグラデーションレイヤーは変形機能で比率を保持したまま拡大・縮小・回転ができますが、自由変形など他の変形機能は利用できません。
しかし、「グラデーションツール」でラスターレイヤー上に描画、もしくは「グラデーションレイヤー」をラスターレイヤーに変換（ラスタライズ）した場合はクリスタの「全ての変形機能」を利用することができます。
※「グラデーションレイヤー」をラスタライズするにはCLIP STUDIO PAINT画面上部から「レイヤー」→「ラスタライズ」と選択しましょう。
※グラデーションレイヤーの変形時とは異なり、キャンバスの外側にはグラデーションの表示がない状態ですので注意しましょう。
手動操作ですので形や比率は目分量になるのですが、「メッシュ変形」を利用すれば複雑な形のグラデーションを作成することも可能ですよ◎
クリスタの変形機能に関しましては以下の記事を参考にしていただければと思います。
CLIP STUDIO PAINT（クリスタ）で気軽にグラデーションを作成しよう！
クリスタのグラデーションの設定の内容が分かれば後は作成するだけですし、「グラデーションレイヤー」を使用すれば何回でも設定の変更が可能ですので気軽に簡単にグラデーションを作成することができます。
グラデーションは手作業で作成するのは難しい表現ですのでぜひ利用してみて下さい◎
また、クリスタではグラデーションの色を自由に変更・追加することもできますよ！
それではここまで閲覧ありがとうございました！
お疲れ様でした！！
▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】
CLIP STUDIO PAINT PRO
▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】
CLIP STUDIO PAINT EX
▼動画視聴型お絵描き講座【Palmie（パルミー）】
