※記事内に広告を含みます皆さん、本日も閲覧ありがとうございます。デジタルペイントソフトでは色が段々変化していく「グラデーション」を作成する機能がありますね。PAINT(クリップスタジオペイント)でもグラデーションを作成する機能はあります。クリスタには2色間のグラデーションだけでなく3色以上(透明色を含む)のグラデーションを自由に作成する機能もあるのです!今回はクリスタで3色以上のグラデーション作成方法を紹介したいと思います。PAINT(クリスタ)の基本的なグラデーション作成方法まずはクリスタで通常(2色間)のグラデーション作成方法を紹介します。困った時は:クリスタのウィンドウ・アイコン・項目がない時の見つけ方!!クリスタの「グラデーションツール」で作成するグラデーションツールとはグラデーションを作成する為にクリスタが用意してくれているツールです。このグラデーションツールを選択し、サブツールパレットでグラデーションの種類を選択します。基本的には「描画色から透明色」もしくは「描画色から背景色」のサブツールを使用します。MEMO「描画色」=「メインカラー」、「背景色」=「サブカラー」となります。ちなみに、「青空」~「虹」は自身で選択した色ではなくクリスタ側で用意してくれている色が配置されています。(色の変更は可能)さらにツールプロパティもしくはサブツール詳細ウィンドウにてカラーの変更やグラデーションの形状、グラデーションの繰り返しなどの設定をします。設定が終わりましたらクリスタのキャンバスに作成したラスターレイヤー上にドラッグ操作でグラデーションを描画していきます。「グラデーションレイヤーを作成」に設定している場合には選択中のレイヤーに関係なく「グラデーションレイヤー(後述)」を作成します。クリスタのレイヤーメニューで作成するクリスタではグラデーションツールの他にレイヤーメニューからもグラデーションを作成することができます。PAINT画面上部から「レイヤー」→「新規レイヤー」→「グラデーション」と選択します。MEMOクリスタVer.2.3.0以降ですと、ここでグラデーションの編集ウィンドウが開きます。編集内容は後述の『クリスタ「グラデーションの編集ウィンドウ」の基本情報』にて紹介します。この方法の場合、後からでもこのウィンドウを開いて再設定することも可能です。内容を設定・確認しましたら右上の「OK」を押しましょう。するとカラーパレットの「メインカラー」から「サブカラー」の色で上から下に変化するグラデーションが表示された「グラデーションレイヤー」が作成されます。レイヤーメニューからグラデーションレイヤーを作成した場合、オブジェクトツールを選択した状態になります。クリスタのグラデーションレイヤーとはクリスタでグラデーションレイヤーを作成しますと、後から色や形状など、全ての設定を何度でも変更することが可能になります。個人的にはグラデーションツールでラスターレイヤーに直接描画するよりおすすめです◎グラデーションレイヤーの操作はオブジェクトツールで行います。作成されたグラデーションレイヤーとオブジェクトツールを選択した状態でツールプロパティもしくはサブツール詳細ウィンドウの設定やカラーパレットの色を変更することでグラデーションの内容が変更させることができます。クリスタでのグラデーション設定に関しては以下の記事も参考にしていただければと思います。円形・縞模様も!クリスタのグラデーション形状変更方法!!また、グラデーション上に表示されている「ハンドル」をオブジェクトツールで移動・変形させることでグラデーションの表示位置や方向も自由に変更できます。MEMOグラデーションレイヤーのハンドルの長さと角度はツールプロパティもしくはサブツール詳細ウィンドウの「サイズ」「角度」の項目で数値で指定することも可能です。グラデーションレイヤーを作成しますと「レイヤーマスク」も同時に作成してくれます。クリスタのレイヤーマスク(隠す)機能と使い方!!MEMOキャンバス上に選択範囲を作成している状態でグラデーションレイヤーを作成しますとレイヤーマスクの効果で選択範囲内にのみ表示されるようにグラデーションが作成されます。PAINT(クリスタ)のグラデーションを3色以上にする方法!上記で紹介したクリスタでのグラデーション作成方法は基本的にメインカラーとサブカラーの2色のグラデーションです。クリスタのグラデーションを3色以上にする為には自身で色を追加していく必要があります。「グラデーションレイヤー」を使用する場合は作成後にオブジェクトツールを使用している状態でツールプロパティの「塗りつぶし設定」の項目のグラデーションが表示されている部分をタッチしましょう。すると「グラデーションの編集ウィンドウ」が開き、ここでクリスタのグラデーションの色を編集することができます。※「混色モード」「輝度の補正」はVer.2.3.0以降で追加された項目です。MEMO「塗りつぶし設定」左にある「+」を押して表示される「詳細設定」のボタンからも「グラデーションの編集ウィンドウ」を開くことができます。「ノード」でグラデーションの編集・調整ができる!クリスタの「グラデーションの編集ウィンドウ」上部には編集するグラデーションのプレビューが表示されています。このグラデーションのプレビューの下部に配置されている「∧」マークを「ノード」と呼びます。ノードを動かすことでグラデーションの変化具合を調整できます。ノードを選択している状態で下に表示されている各アイコンをクリックするとノードの操作・編集を行えます。ノードを選択している状態で「グラデーションの編集ウィンドウ」の右中央部にある項目を設定することで選択したノードがある箇所の色を編集することができます。「グラデーションの編集ウィンドウ」上部のグラデーションのプレビューにおいて左端が「0」、右端が「100」という位置の数値となっています。したノードの位置にある色の不透明度を変更できます。ここで不透明度を「0」にすれば透明色として配置することもできますね。選択したノードの位置にある色を変更できます。3つから選択する形になります。「メイン描画色」を選択しますとカラーパレットのメインカラーの色に、「サブ描画色」を選択しますとカラーパレットのサブカラーの色に変更されます。「指定色」を選択して下のカラー表示部分をタッチしますと「色の設定ウィンドウ」が開き、ここで色の選択ができます。右端の「スポイトアイコン」を選択しますと画面内の色を採取してその色を指定色にすることができます。この時、クリスタを使用しているデバイスの画面内であればクリスタ外の色でも採取することができます。「混合率曲線」で色の変化具合を調整!選択したノードの右側にもう1つ別のノードがある場合、クリスタの「グラデーションを編集ウィンドウ」下部にある「混合率曲線」にチェックを入れることができるようになり、グラフの編集が可能になります。この「混合率曲線」のグラフは選択中のノードから右隣りのノードまでの色の変化具合の調整をするものです。選択中のノードとその位置の色を指します。選択中のノードの右隣りのノードとその位置の色を指します。混合率曲線グラフは線上の「■」をドラッグ移動させることでノード間のグラデーションの内容を編集することができます。このグラフ内をタッチすることで「■」を追加することができます。※グラフ内であればグラフ線の上でなくても「■」の追加はできます。「■」をグラフの外にドラッグすることで削除することもできますよ。このグラフの操作でノード間の色の複雑な変化も表現できます。グラフの線を端にピッタリ付けたい場合は「■」を2つ使用しましょう。「グラデーションセット」に関して一部に描画色を利用するものもありますが、基本的には既に色や設定が用意されているグラデーションに変換させるものです。上部のボタンで一覧の種類を切り替えて、その一覧の中から1つのグラデーションをダブルクリック、もしくは下部にある「上向き矢印のアイコン」をタッチすることで編集中のグラデーションをグラデーションセットの内容に変換します。このグラデーションセットに自分の設定したグラデーションの内容を追加することもできますので、何度も使用する場合はここに保存しておくといいでしょう。【追記:2021.12.29】Ver.1.11.6以降のクリスタでは画像編集ソフトのPhotoshop(フォトショップ)で読み込み・使用できるグラデーションファイルをクリスタのグラデーションの編集画面でも読み込みすることができます。「混色モード」(Ver.2.3.0~)※こちらはVer.2.3.0以降で設定できる項目です。グラデーションでの色の交わる部分の表示内容を4種類から設定できます。各設定を選択した時の表示具合は以下の通りです。●「通常」クリスタVer.2.3.0より前のバージョンで表示していた内容です。●「知覚的」クリスタの混色モードにおける「知覚的」設定とは、実際(アナログ)での混色に近い表示にすることを指します。「通常」より鮮やかな表示になりやすいです。●「知覚的(Photoshop互換)・「リニア(Photoshop互換)」Photoshopでの表示に近い表示にします。「知覚的」より混色部分が広くなっています。「リニア」の方がやや淡い印象です。「輝度の補正」(Ver.2.3.0~)上記の「混色モード」を「知覚的」にした際に設定できます。クリスタにおいて「輝度」とは各色が持つ明るさになります。簡単!クリスタで輝度を表示・調べる方法!!混色部分の輝度の表現を5段階で設定します。上に設定するほど混色の色が明るくなります。クリスタ「グラデーションの編集ウィンドウ」で色を追加して3色以上にしていこう!クリスタのグラデーションの編集ウィンドウ上部の「ノード」が表示されている列をタッチしますとその場所にノードを追加することができます。「OK」を押してグラデーション設定を確定しよう!クリスタの「グラデーションの編集ウィンドウ」の設定が終わりましたら右上の「OK」を押して設定を確定にしましょう。グラデーションツールですとそこから描画することで設定した内容のグラデーションを作成することができ、グラデーションレイヤーでしたらその場で設定した内容のグラデーションに変更されます。PAINT(クリスタ)では様々なグラデーションの表現ができる!ご覧いただいたように、クリスタでは3色以上のグラデーションを作成できるだけでなく、その色の変化具合まで自分で自由に調整できます。「グラデーションレイヤー」でしたら後から何回でもグラデーションの内容を変更できますのでかなり便利です!皆さんもぜひ試してみてはいかがでしょうか◎クリスタのグラデーションを円形や縞模様で表現したい場合は以下の記事を参考にしていただければと思います。円形・縞模様も!クリスタのグラデーション形状変更方法!!また、クリスタでは「等高線塗りツール」という2色間のグラデーションを自動で作成してくれるツールもありますよ。【2024.9】以下の記事にコマ枠を斜めで等間隔に分割する方法を追記しました。クリスタなら設定1つで等間隔コマ枠を一瞬作成!!その作成方法を画像付きで紹介します!【2024.9】Live2Dに関する画像を新しい表示のものに変更しました。【2024.10】作業時間の表示・非表示機能について追記しました。クリスタで作業時間が表示されるようになりました!!【2024.10】クリスタで描画できない不具合の対処法を1つ追記しました。頃にラクガキ漫画を描き始め、いまだに時間を見つけては漫画を描いている電子機器。sun-バリアス・サン-】をこのサイトで連載、掲載中。