クリスタで影を作成!ドロップシャドウフィルターの使い方!!

※記事内に広告を含みます

皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。

イラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)のVer.5.1からフィルター機能に「ドロップシャドウ」が追加されました。

今回はこの「ドロップシャドウ」フィルター機能の使い方・設定内容を紹介させていただきますのでよろしくお願いいたします
( `・∀・´)ノ!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!

CLIP STUDIO PAINT(クリスタ)のフィルター機能とは

クリスタのフィルター機能の基本的な使い方・仕様は以下の記事で紹介していますので参考にしていただければと思います。

クリスタ:フィルターの使い方と仕様!

CLIP STUDIO PAINT(クリスタ)のドロップシャドウフィルターとは

クリスタで描画部分と同じ形状の影を作成できるフィルター機能!

クリスタのドロップシャドウフィルターは数あるフィルター機能の1つです。
レイヤー上にある描画部分と同じ形状の影を作成・表示できます。

クリスタのドロップシャドウフィルター


また、その表示内容も各設定項目の入力値によって調整することができます。

注意

使用する画像やイラストは自身が著作権を所有しているもの、もしくは著作権を所有している方から許諾を得ているものにしましょう。

無断で他人の画像やイラストを使用・加工するのは著作権違反です。

ドロップシャドウフィルターが使えるのはクリスタVer.5.1以降

今回紹介する「ドロップシャドウフィルター」はVer.5.1からの機能のため、お手元のクリスタをVer.5.1以降にアップデートする必要があります。

そのため、お手元のクリスタが無期限版(買い切りタイプ)の場合は「アップデートプラン」を契約する必要があります。

【クリスタ】アップデートプラン詳細と契約から利用開始までの手順!!

ポイント

クリスタを月額利用で使用している場合は追加料金なしで最新版にアップデートできます。

クリスタ「ドロップシャドウ」フィルターの利用方法!

困った時は:クリスタのウィンドウ・アイコン・項目がない時の見つけ方!!

「ドロップシャドウ」フィルターの利用条件

●ラスターレイヤーのみ利用可能
「ドロップシャドウ」フィルターはラスターレイヤーでのみ利用可能です。

そのため、それ以外のレイヤーにフィルター機能を使用したい場合はラスターレイヤーに変換(ラスタライズ)する必要があります。

※元のレイヤー機能はなくなりますので注意しましょう。

ラスタライズは変換したいレイヤーを選択している状態でCLIP STUDIO PAINT画面上部から「レイヤー」→「ラスタライズ」と選択することで実行できます。

クリスタ「ラスタライズ」
注意

先述のように、ドロップシャドウフィルターはレイヤーの描画部分と同じ形状の影を作成します。

そのため、読み込みした画像などのレイヤー全体が描画部分となっているレイヤーではラスタライズしても影をキャンバス内に作成することができません。


●「表現色」は「カラー」「グレー」でのみ利用可能
クリスタの「ドロップシャドウ」フィルターはレイヤーの表現色が「カラー」もしくは「グレー」に設定している時のみ利用可能です。

クリスタのレイヤープロパティ(表現色)

クリスタのフィルターメニューから「ドロップシャドウ」を選択しよう!

クリスタで「ドロップシャドウ」フィルターを使用する手順は2つあります。

クリスタのフィルターメニュー「フィルターギャラリー」から使用する方法

クリスタのレイヤーパレットにて対象のレイヤーを選択している状態で
CLIP STUDIO PAINT画面上部「フィルター」から「フィルターギャラリー」と選択し、「選択中のレイヤーに適用」か「全体に適用(統合レイヤーを追加)」のどちらかを選択します。

※シンプルモードの場合は「効果」アイコンを選択します。

クリスタフィルターメニュー「フィルターギャラリー」
MEMO

●「選択中のレイヤーに適用」

現在選択しているレイヤーのみにフィルターギャラリーの効果を適用します。


●「全体に適用(統合レイヤーを追加)」

表示されている全レイヤーのコピーを結合したレイヤーを作成し、そのレイヤーに対して「効果」「フィルターギャラリー」の内容を適用します。
※つまり、元のレイヤーはそのまま残ります。


※結合させるレイヤーの中に背景などのキャンバス全体を描画しているレイヤーがある場合は影をキャンバス内に作成することができなくなりますので注意しましょう。


この時、対象レイヤーが前項で紹介した条件に当てはまっていない場合は以下のようなメッセージが表示され、
「ラスタライズ」や「カラーに変換」を選択するとこの場でラスタライズや表現色の変換が可能です。

クリスタフィルターギャラリーのラスタライズ通知ウィンドウ
クリスタフィルターギャラリーの表現色変更通知ウィンドウ
MEMO

表現色を「カラー」に変換してもレイヤー上の色はそのままです。


フィルターギャラリーのウィンドウが開きましたら選択肢の中から「ドロップシャドウ」を選択しましょう。

※「ドロップシャドウ」がウィンドウ外に隠れている場合は選択肢をスクロールしてみましょう。

クリスタのフィルターギャラリー「ドロップシャドウ」


すると下部に設定項目が表示されますのでここで目的の表現に合うように各項目の数値を入力・調整して「OK」を押すことで影の表示内容を変換することができます。

※一部の項目が隠れている場合は設定項目の個所をスクロールしてみましょう。

※キャンバスサイズ・解像度によっては変換に数秒かかる場合があります。

クリスタのフィルターギャラリー「ドロップシャドウ」の設定項目


参考記事

クリスタ「効果」「フィルターギャラリー」機能の使い方!!

クリスタのフィルターメニュー「効果」から使用する方法

クリスタのレイヤーパレットにて対象のレイヤーを選択している状態で
CLIP STUDIO PAINT画面上部「フィルター」から「効果」→「ドロップシャドウ」と選択しましょう。

※選択中のレイヤーがドロップシャドウフィルターを使う条件に当てはまっていない場合は選択することができません。

クリスタフィルターメニュー「ドロップシャドウ」


すると以下の設定ウィンドウが開きますのでここで目的の表現に合うように各項目の数値を入力・調整して「OK」を押すことで影の表示内容を変換することができます。

※キャンバスサイズ・解像度によっては変換に数秒かかる場合があります。

クリスタのドロップシャドウフィルター設定ウィンドウ

CLIP STUDIO PAINT(クリスタ)ドロップシャドウフィルターの設定項目の意味

ポイント

クリスタのフィルター設定ウィンドウにて「プレビュー」にチェックを入れておけば設定内容を変更した際にすぐその変化を画面上で確認できるようになります。

※初期状態で既にチェックが入っています。

クリスタのドロップシャドウフィルター設定「プレビュー」


ちなみに「フィルターギャラリー」の場合は以下のアイコンを押している間だけプレビューをOFFにできます。

クリスタのドロップシャドウ(フィルターギャラリー)「プレビューアイコン」

クリスタのドロップシャドウフィルター設定:[矢印アイコン]

ドロップシャドウフィルターの設定中、キャンバス上、もしくはプレビュー画面上に[矢印アイコン]が表示されます。

クリスタのドロップシャドウフィルター[矢印アイコン]


この[矢印アイコン]をドラッグ移動することで、表示させる影の角度(方向)と描画部分からの距離を調整することができます。

クリスタのドロップシャドウフィルター[矢印アイコン]を移動


この[矢印アイコン]は影の中心になるため、移動させた方向・角度に影が表示されます。

MEMO

[矢印アイコン]を操作することで、後述する設定項目「角度」「距離」の数値も連動して変更されます。

クリスタのドロップシャドウフィルター[矢印アイコン]の移動と「角度」「距離」の数値変化


また、逆に「角度」「距離」の数値を変更することで[矢印アイコン]の位置も連動して移動します。

クリスタのドロップシャドウフィルター設定:ぼかし

クリスタのドロップシャドウフィルター「ぼかし」


表示させた影のぼかし具合を「0」~「100」の数値で設定します。
数値が小さいほど影がくっきりとした表示になり、大きいほど影のぼかしが強い表示になります。
(初期値は「20」です)

クリスタのドロップシャドウフィルター「ぼかし」数値の違い


「0」にすれば完全にくっきりとした影になります。

クリスタのドロップシャドウフィルター「ぼかし:0」

クリスタのドロップシャドウフィルター設定:角度

クリスタのドロップシャドウフィルター「角度」


影を表示させる方向を「0(度)」~「360(度)」の数値で設定します。
「0(度)」では描画部分から右方向に影が表示され、そこから右回りで入力した角度の方向に影が表示されるようになります。
(そのため、「0(度)」と「360(度)」は同じ方向になります。初期値は「45(度)」です)

クリスタのドロップシャドウフィルター「角度」の仕様

クリスタのドロップシャドウフィルター設定:距離

クリスタのドロップシャドウフィルター「距離」


描画部分から表示させる影までの距離を数値で設定します。
入力した数値の長さの分だけ影の位置が描画部分から離れていきます。
(初期値は「10」です)
(上限はキャンバスサイズによって変わります。また、最大値にすると影がキャンバス外に出てしまう場合もあります)

クリスタのドロップシャドウフィルター「距離」の数値の違い
MEMO

手元のクリスタで確認したところ、単位はキャンバスなどの設定に関係なく「px」になっているようです。


ちなみに、先述の[矢印アイコン]をドラッグ移動する方法では「距離」設定の上限を超えた位置まで影を移動させることができますが、基本的に「距離」の設定範囲内で充分キャンバス内を移動できるかと思います。

クリスタのドロップシャドウフィルター設定:不透明度

クリスタのドロップシャドウフィルター「不透明度」


表示させる影の不透明度を「0」~「100」の数値で設定します。
数値が小さいほど影が透明に近づいていき、大きいほど影が(後述の)「影の色」で設定した色に近付いていきます。
(初期値は「50」です)

クリスタのドロップシャドウフィルター「不透明度」の数値の違い
MEMO

「不透明度」の数値を「99」以下にすることで、影が表示されていても対象レイヤーより下の描画部分が見えるようになります。

逆に「不透明度」を「100」にすることで対象レイヤーより下の描画部分を影で隠すこともできます。

クリスタのドロップシャドウフィルター「不透明度:100」

クリスタのドロップシャドウフィルター設定:影の色

クリスタのドロップシャドウフィルター「影の色」


表示させる影の色を指定できます。
色表示部分をタッチすることで色設定ウィンドウが開き、任意の色に変更が可能です。
(初期設定は「黒」です)

※色設定ウィンドウはウィンドウ外の部分をタッチすることで閉じることができます。

※現状、色設定の種類はカラーサークルのみのようです。

クリスタのドロップシャドウフィルター「影の色」の色設定ウィンドウ
クリスタのドロップシャドウフィルター「影の色」で色変更


また、表示される色は先述の「影の不透明度」の数値の影響を受けます。
「不透明度」が「100」の場合は指定した色がしっかり表示されますが、「不透明度」の数値が小さくなるほど色は半透明になっていきます。

★ポイント!

対象のレイヤーの後ろに表示されている描画部分や背景と色味を合わせることで影をなじませることができます。

クリスタのドロップシャドウフィルター「影の色」背景色と合わせる

CLIP STUDIO PAINT(クリスタ)でドロップシャドウフィルターの使用例

立体感の表現

イラストだけより、影を1つ表示するだけで少し立体感を出して印象を変えることができます。

クリスタのドロップシャドウフィルターで立体感の表現

キャラクターの影を落とすデザインの作成

イラストなどのデザインとしてキャラクター立ち絵などに影を表示させることで一味違った仕上がりにできます。

クリスタのドロップシャドウフィルターでキャラの影作成

重ね文字・浮き文字の作成

「ぼかし」を「0」、「不透明度」を「100」に設定してくっきりとした影を表示させ、色を変更することで文字を重ねたような表現ができます。

※「テキストレイヤー」で文字を入力した場合は「ラスタライズ」しておきましょう。

クリスタのドロップシャドウフィルターで重ね文字表現


また、シンプルに影を表示させて文字を浮かせているような表現を作成することもできます。

クリスタのドロップシャドウフィルターで浮き文字表現

CLIP STUDIO PAINT(クリスタ)のドロップシャドウフィルターで影の作成が楽になった!

クリスタVer.5.1で追加された「ドロップシャドウ」フィルターはその名の通り描画部分と同じ形状の影を作成・表示することができるフィルターです。

今までは描画部分の選択範囲を作成し、別レイヤーにその選択範囲内を塗りつぶし、移動ツールで少しずらすという手順で影を作成していたのですが、それらの手順を省略して影を作成することができるようになりました。

※後で影を再編集したい場合など、今までのように別レイヤーに塗りつぶす方法を選ぶ方がいい場合もあります。


お手軽に影を作成したい場合はぜひ今回紹介したドロップシャドウフィルターを利用してみてください◎


それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー「仕上げ加工講座」

▶講座について詳しく見る