ディフュージョンとグロー効果

意味

*3

「カメラの撮影のときにフィルターを通せばディフュージョン効果を出せる」といったように、意図的にかけることが多いようです。

*2

アニメでもよくディフュージョンは使われます。

たとえばLEDライトの光はグロー効果を発生させることがあります。

ライトセーバーのようないわゆる「レーザー」もグロー効果が発生しやすい光です。

ディフュージョン効果とグロー効果の違い１：光源か、光を受けた物体か

ディフュージョン効果は物体が光を受けて反射し、拡散して見えるような効果のことです。それに対してグロー効果は物体そのものが輝いていて、かつ拡散して見えるような効果のことです。

グロー効果

たとえばろうそくの写真を撮ると、じゃっかん光がぼやけて拡散しているように見えます。これは火そのものが発光しているケースなのでグロー効果です。

そして火の光を受けてロウも光が拡散しているように見える場合はディフュージョン効果になります。グロー効果とディフュージョン効果が同時に画面に発生していることはよくあります。ディフュージョンだけといった場合は、画面外に光源があるケースです。

たとえば太陽が物体に光を当ててディフュージョン効果が発生している場合で、写真やイラスト内に太陽が描かれていない、含まれていないといったケースはよくあるはずです。その場合、写真の中でグロー効果は確認できません。

もっとも光を受けた物体も「二次光源」として扱えばグロー効果が発生しているという解釈もできます。

ためしにフォトショップでディフュージョン効果を出してみました。ロウソクのロウのほうもぼやけて拡散していることがわかります。

ディフュージョン前

ディフュージョン後

ロウの拡散だけを比較するとよくわかります。光がぼやけて拡散していることがわかります。

イラストにグロー効果をかける場合、同時にディフュージョン効果もかけることになるケースがあります。

今回ろうそくの写真にディフュージョン効果をかけたのですが、ロウソクの光そのものも強くなり、拡散しています。

グロー効果はLEDやレーザーなどでもよく見られます。あるいは霧の中で信号機がぼやけて光っている場合も、グロー効果に近い現象が起きます。

特定の物の性質や、霧などの周りの環境では特に起きやすいようですね。たとえば朝や昼といった明るい環境下でグロー効果やディフュージョンは確認しにくいですが、月光下など暗い環境下では確認しやすいです。どんなケースでもディフュージョンやグロー効果をかければいいというわけではなさそうです。ある軽い環境では弱く、暗い環境では強くといった使い分けも有効なのではないでしょうか。

もちろん現実世界で起こらないようなグロー効果やディフュージョン効果を、”演出として”イラストや写真で表現するというのもひとつのテクニックになります。

ディフュージョン効果のみ、あるいはグロー効果のみをかけたい場合は、効果をかける範囲を光源以外の物体のみに絞り、光を拡散させる必要があります。フォトショップではレベル補正などで効果の範囲を調整したりします。

イラスト内に太陽や蛍光灯などの光源がない場合は、必然的に物体だけがある状態です。その場合は、人間や物などをぼかして光らせればディフュージョンのみをかけることになります。

ディフュージョン前

ディフュージョン後

調整

ブレンダーで強くディフュージョン効果のようなものをかけてみました。自然なディフュージョンはもう少し弱い反射光です。

※光を受けた物体も”二次光源”として扱うこともあります。その意味では人間の肌にグロー効果をかけるケースもあります。いずれにせよ一次光源よりも二次光源のほうが光が弱いので、グロー効果よりもディフュージョン効果のほうが光が弱くなります。

*1

こちらは参考にしている講座のディフュージョン効果です。よくみたらぼやけて光っている、という程度の変化ですよね。

*1

そしてこれがディフュージョン効果に加えて、ソフトフォーカスやグロー効果などさまざまな効果を合わせたものです。

ディフュージョン効果単体よりも強く、より多くの範囲でぼやけていて、かつ光っていますよね。

アニメのようなイラストを作成する場合は、ディフュージョン、グロー効果、そしてソフトフォーカス効果などを適宜組み合わせる必要があると思います。もちろんディフュージョン効果のみでいい場合もあるので好みの問題にもなると思います。

*2

たとえばアニメ、オーバーロードではよく見るとディフュージョンがかかっているシーンが見受けられます。このようにわずかに光を反射させるとアニメっぽいテイストにすることが可能になります。物体が光を受けて光を拡散させているので、この場合はディフュージョンという定義になります。光源が強ければ強いほど、光の拡散も強くなります。

人物にグロー効果をかけるという言い方は正しいのか？

人物にグロー効果をかけるといういい方は正しいのかどうか、正直よくわかりません。二次光源として扱えばグロー効果という言い方もできなくはないです。グロー効果は”特定の明度のみを光らせる”と講座では説明されていましたが、ディフュージョン効果も”特定の明度のみを光らせる”場合があるので範囲という意味では区別できません。

部屋にろうそくの火しかない場合、ろうそくの火は別の光に当たっていません。なのでろうそくの火はグロー効果であり、ディフュージョン効果ではありません。一方で、ろうそくのロウは、ロウそれ自体が輝いているわけではなく、火の光にロウがあたることによって光り輝いて見えているだけです。その意味で、ロウはディフュージョン効果であるといえます。ただし、ロウが二次光源として他の物体に光を当てているような場合は、グロー効果ともいえなくもないという変な話です。

あるいは”光の強さ”として区別することも可能です。ろうそくの火の光は、ロウの光より確実に明るく輝いているはずです。その意味で、強い光の拡散をグロー効果、弱い光の拡散をディフュージョン効果として区別するということです。

イラスト作成やカメラの編集では現実世界にはないような演出を行う場合があります。つまり本来なら被写体の人間は弱い光の拡散しかしていない(ディフュージョン効果)のに、あえて強く拡散させて非現実的に演出を行う(グロー効果)ケースです。そういった意味では、人物にグロー効果をかけるといった言い方は正しいといえます。

ディフュージョン効果とグロー効果の違い２：色味が変わるかどうか

講座*1によると、グロー効果では色味が拡散してピーキーに光り輝き、ディフュージョン効果では色味が変わることがないそうです。

ピーキーとはおそらくpeakから派生した言葉で、尖った、山のような、針のようななどの意味だと思います。

おそらくグラフでいう、特定の明度のみを光り輝かせるといったニュアンスでしょうか。

元画像

グロー効果

ただ、色味が変わるというのはすこし理解できます。こちらはグロー効果を全体的にかけたもの(通常は範囲を限定します)ですが、色が全体的に拡散して、色味が薄く？なっている感じですね。

ディフュージョン効果

ディフュージョン効果(顔部分)を中心にかけていますが、グロー効果のように色味が強く変化していません。

ソフトフォーカスとは？

*4

ソフトフォーカスが”ぼやけた感じ”というのはわかります。一見するとグロー効果やディフュージョンに似ていますよね。

違いは、光らせるかどうかです。イラスト作成ではソフトフォーカス効果を再現するとき、レイヤーを複製してガウスぼかしをかけて、不透明度を下げるだけです。グロー効果やディフュージョンの場合はぼかした上に合成モードをスクリーンに変えて光らせる作業があります。

通常

ソフトフォーカスをかけたイラスト(通常＋複製したレイヤーをガウスぼかしでぼかして、不透明度を40にしたもの)

ただぼかしただけです。それでソフトフォーカスを表現できます。

ディフュージョン効果をかけたもの(効果の範囲を肌周辺の明度に限定しました)

ディフュージョン効果は特定の明度のみに限定するものなので今回は肌周辺にエフェクトをかけました。

グロー効果(全体)

最後にグロー効果です。明度を限定せずに、全体的にぼかして、かつ光らせました。もちろんイラスト作成では、光源のみにエフェクトを限定する場合があります。たとえば部屋の中のろうそくの火だけにグロー効果をかけるといった場合、ろうそく周辺の明度のみをぼかして光らせればいいわけです。

また人物の背景のみにグロー効果をかけるケースも有るようです。神々しい雰囲気を演習することができます。

グロー効果＋ソフトフォーカス

ディフュージョン＋ソフトフォーカス

もちろんディフュージョンやグロー効果、ソフトフォーカスを組み合わせることも可能です。

ディフュージョン効果、グロー効果、ディフュージョン効果のやり方について

【クリスタ】アニメの絵のようなディフュージョンのやり方＆ソフトフォーカス【CLIP STUDIO PAINT】

【フォトショ】アニメの絵のようなディフュージョンのやり方【Photoshop】

【クリスタ】スターバーストディフュージョンのやり方【CLIP STUDIO PAINT】

【フォトショ】スターバーストディフュージョンのやり方【Photoshop】

【クリスタ】グロー効果のやり方【CLIP STUDIO PAINT】

【クリスタ】グロー効果のやり方【CLIP STUDIO PAINT】

別の記事でまとめましたのでよろしければ参照してくださいm(_ _)m

参考文献

引用画像

１：https://www.pixiv.net/artworks/10041130

２：http://overlord-anime.com/_season1/story.html?st=1

３：https://www.bhphotovideo.com/c/product/147234-REG/Sailwind_HCC300_3x3_HI_Soft_Center.html

４：https://www.bhphotovideo.com/c/product/37941-REG/Nikon_2408_52mm_Soft_Focus_2.html

ディフュージョンとはなにか

意味

動画説明

アニメの絵のようなディフュージョンのやり方

１：レイヤーを複製する

「レイヤーを複製する」とは？意味とやり方

・複製したいレイヤーの上で右クリックをして一覧から選択。もしくは上のバーの[レイヤー]から[レイヤーを複製]を選択。

レイヤーを複製する方法(CLIP STUDIO PAINT)

レイヤーが複数分かれている場合は結合したほうが良いかもしれません。

クリスタの場合は[レイヤー]から[表示レイヤーのコピーを結合]という方法もあります。こうすることで、元のレイヤーを後から編集したくなったときに困りません。あるいはディフュージョン用にファイルごと複製しておくのもありですね。

【クリスタ】レイヤーとはなにか、使い方とその意味【CLIP STUDIO PAINT】

複製されたレイヤー

複製は3つ作っておきます。

２：合成モードを変更して結合する

「合成モード」とは？意味とやり方

・合成モードとは

合成モードとは？

・「合成モード」は下のレイヤーとの色の重なり方を設定する機能。

乗算レイヤー(クリスタ)

まずはコピー２を「乗算」にして、コピー１(通常)と結合します。

複製されたレイヤー

結合したレイヤーをさらに複製します。名前はわかりやすく変えてます。

「レイヤーを結合する」とは？意味とやり方(クリスタ)

・結合したいレイヤーが２つあるとして、それらを結合したいとき、上側のレイヤーを選択して右クリックでメニューを開き、「下のレイヤーと結合」を押します。もしくは上のバーの［レイヤー］から［下のレイヤーと結合］を押します。ショートカットキーはControl＋Eです。

コピーした方のレイヤーを[スクリーン]、コピーする前のレイヤーを[乗算]に変更しておきます。上の画像で言うと「乗算＋通常のコピー」の合成モードが［スクリーン］で、「乗算＋通常」の合成モードが[乗算]です。

「スクリーン」とは？意味とやり方(クリスタ)

スクリーン(英:screen)：合成モードのひとつ。下のレイヤーの色を反転し、上のレイヤーとかけ合わせて合成する。元の色より明るくなる。

スクリーンとはなにか

レイヤーの状況

次に一番上のレイヤーの合成モードを［比較(明)］に変更します。レイヤー名でいうと「結合されたレイヤーのコピー３」です。

３：レイヤーをぼかす

ガウスぼかし(クリスタ)

合成モードをスクリーンに変えたレイヤーをぼかします。今回はガウスぼかしを使います。範囲は8pxにしておきます。各自調整してください。

「ガウスぼかし」とは？意味とやり方(クリスタ)

・ガウスぼかし(Gaussian Blur)：フィルター効果のひとつ。ガウス関数をもちいて画像をぼかす処理のこと。上のバーの［フィルター］から［ぼかし］を選び、［ガウスぼかし］を選択することで使える。［ぼかす範囲］が大きいほどよりぼかされる。

ガウスぼかしとは？クリスタ

４：ディフュージョン前とディフュージョン後の比較

ディフュージョン前

ディフュージョン後

ソフトフォーカスとの比較

ソフトフォーカス

オリジナルのレイヤーを複製し、ガウスぼかしをした後に不透明度を下げてみます。今回は40％にしました。効果をわかりやすくするために、先程作ったディフュージョンのためのレイヤーは非表示にしておきました。

ソフトフォーカス前

ソフトフォーカス後

その他組み合わせ

ソフトフォーカス＋ディフュージョン

ソフトフォーカス＋ディフュージョンの合せ技です。

グラデーション

ソフトフォーカスの不透明度を25％にして、別レイヤーでグラデーションをかけ、合成モードを覆い焼き(発光)にしてから不透明度を下げてみました。この項目は勉強中です。

光らせる範囲を限定する場合

若干グロー効果の手法と近くなってしまいますが、レベル補正を行います。

「レベル補正」とは？意味とやり方(クリスタ)

レベル補正とはなにか(クリスタ)

・レベル補正：画像の明暗や各色の色調をヒストグラムで調整する。チャンネルをRGBにしていると明るさが変化する。ポイントを左に寄せると明るく、右に寄せると暗くなる。エフェクトをかける範囲を限定させるときなどに用いる。上のバーから［レイヤー］＞［新規色調補正レイヤー］＞レベル補正で使用することができる。

レイヤーを複製する

まずはオリジナルのレイヤーを１つ複製します。

レベル補正とは

レベル補正の調整

次に［レイヤー］＞［新規色調補正レイヤー］＞レベル補正を選択して光らせる範囲を調整します。黒い三角を右に動かせば光る範囲が狭まります。今回は肌と手袋、背景をうっすら光らせる程度にします。

細かく設定したい場合は、レイヤーを一つにする前に個別に補正をかけるといいかもしれません。服だけを光らせたり個別に光らせる程度を変えたい場合は、個別のレイヤーにディフュージョンをかけたほうが手っ取り早いからです。

複製したレイヤーのみに効果を適用させたいので、「下のレイヤーでクリッピング」を行います。

「下のレイヤーでクリッピング」とは？意味とやり方(クリスタ)

・下のレイヤーでクリッピング：下のレイヤーに描画された範囲だけに上部のレイヤーの描画内容を表示させる機能。1つのレイヤーでたとえば肌の暗い影の部分を塗ろうとすると、線画の外にはみだしてしまうことがあります。そこでレイヤーを２つにわけて、１つは肌色(下)、もう一つは暗い色(上)とします。上のレイヤーに「下のレイヤーでクリッピング」をすると、肌色の範囲のみに暗い色が描画されるようになります。

下のレイヤーでクリッピン(クリスタ)

・クリッピングさせたいレイヤーを選択して、このマークをクリックします。

【クリスタ】はみ出さずに色を塗る！下のレイヤーでクリッピングとはなにか、その意味【CLIP STUDIO PAINT】

下のレイヤーでクリッピング

これで色調補正レイヤーがクリッピングされました。

光らせる範囲を限定

次に複製したレイヤーの合成モードを［スクリーン］に変更します。

範囲を限定前

範囲を限定後

これで終わりです。

通常のディフュージョン

ちなみにレベル補正を行わない方法のディフュージョンはこちらです。今回は明度が高いところだけを光らせているので、普通のディフュージョンとあまり大差ありませんね。

範囲を広げる

レベル補正でもう少し範囲を広げた場合は、全体的に光ります。

ソフトフォーカスを加える

さらにソフトフォーカスを加えるとこんな感じです。

参考文献

https://www.pixiv.net/artworks/10041130

https://www.pixiv.net/artworks/10325142

ディフュージョンとはなにか

意味

動画説明

アニメの絵のようなディフュージョンのやり方

１：レイヤーを複製する

レイヤーを複製

複製されたレイヤー

レイヤーが複数ある場合は結合させておきましょう。

２：グレースケール化を行う

グレースケール(英:grayscale)：色を白、黒、灰といったようにモノクロの色のみを扱うことをいう。彩度や色相がなく、明度のみになる。つまりグレースケールは明度スケールとして扱うこともできる。

明度スケール１０段階

複製されたレイヤーをグレースケール化します。

レイヤーを新規追加する ショートカットキーはControl＋SHIFT＋Nです。

レイヤーを新規追加する方法

まずは複製されたレイヤーの上にレイヤーを新規追加します。

新規追加されたレイヤー

次に新規追加されたレイヤーをグループ化します。

「レイヤーをグループ化する」とは？意味と定義

レイヤーをグループ化するとは

・複数のレイヤーをひとつにまとめることを「グループ化」といいます。レイヤーをグループ化することですっきりします。ショートカットキーはControl＋Gです。

複製されたレイヤーもグループにドラッグして追加しておきます。

今回はレイヤー１を選択した状態で、[レイヤー]から[レイヤーをグループ化]を押しました。ショートカットキーはControl＋Gなのですこしずつ覚えいくと作業効率が上がります。

グレースケールされた画像

次に[塗りつぶしツール]を使って新規追加されたレイヤーを黒色で塗りつぶします。塗りつぶしのショートカットキーはGです。

３：レベル補正で光る範囲を調整する

レベル補正を行う前に、[新規追加されたレイヤー(黒く塗りつぶしたもの)]と[複製されたレイヤー(最初に複製したレイヤー)]を結合します。

「レイヤーを結合する」とは？意味とやり方

下のレイヤーと結合する

・結合したいレイヤーが上下にある場合、上のレイヤーを選択した状態で左クリックを行い、「下のレイヤーと結合」を選択します。

「レベル補正」とは？意味と定義

レベル補正とはなにか

・画像の明暗や各色の色調をヒストグラムで調整する機能。チャンネルをRGBにしていると明るさが変化する。ポイントを左に寄せると明るく、右に寄せると暗くなる。特定の明度の範囲にエフェクトをかける場合などに使用する。[イメージ]＞[色調補正]＞[レベル補正]。ショートカットキーはControl＋Lです。

レベル補正

レベル補正

黒い三角は明度の下限で、白い三角を明度の上限です。画像によって異なります。光らせたい範囲を指定してください。上の画像の場合は明度82から245までの範囲のみが選択されている状態です。

４：カラーチャンネルを使ってハイライト部分を抽出する

「カラーチャンネル」とは？意味と使い方

カラーチャンネルとは

・カラーチャンネルとは指定した色をグレースケール、つまり白と黒、灰色で表示する機能です。

たとえば明るい赤、中間の赤、暗い赤があるとします。そして各成分はRしか含まれていないとします。つまりRGBの内GとBが０ということです。

Rが２００、１００、５０の三色を並べるとこうなります。

カラーチャンネルとは？

ここからカラーチャンネルを赤のみに合わせるとこうなります。チャンネルをクリックしましょう。今回はRです。グレースケール化されていることがわかります。

カラーチャンネルの選択範囲

さてクリックではなく、Controlを押しながらRGBをクリックすると「グレースケールの濃度をアルファ値とした選択範囲」が形成されます。難しいですよね。

カラーチャンネル不透明度

選択された範囲をコピーして別のレイヤーに貼り付けるとこうなります。

色の情報をそれぞれ分析すると、一番左の色情報は不透明度が２６％になっています。アルファ化する前の色情報はR２0０、G０、B０です。つまり200/(255*3)=0.26で26％の不透明度ということです。R200、G０、B０の不透明度２６％まで落とすとこの色になるということです。

さて今回のケースではグレースケール化しているので、R、G、BどれをControl＋クリックしても結果は同じになります。とりあえずクリックしてみましょう。

選択範囲をコピーして、新たにレイヤーを作り、そこに貼り付けてみましょう。わかりやすように他のレイヤーをすべて非表示にしています。

グレースケール

たとえば顔以外の服にあたる白い部分の色情報を見ると、不透明度は０になっています。なぜならアルファ化するときに、真っ黒だったからです。黒い部分は不透明度０になり、選択されません。反対に白い部分は不透明度が高くなり、選択されます。ためしに顔の部分の色情報を見ると、不透明度は９１になっています。黒に近いほど透明になり、白に近いほど不透明になるということです。完全に黒、つまりRGBが０の場合は完全に透けて、なにも見えないのです。

さてなぜこのようなことをしたのか。光らせる部分のみを抽出するためです。服はできるだけ光らせない、顔や手袋は光らせたいといったような区別をするために、特定の範囲をアルファ化して選択しているということですね。

５：抽出したハイライトの描画モードを「比較(明)」にしてぼかす

「描画モード」とは？意味とやり方

描画モードとは？

・「描画モード」とは、複数のレイヤーが重なっている場合に、上のレイヤーと下のレイヤーをどのように合成して表示するかを指定するもの。

比較(明)

先程抽出したレイヤーの合成モードを比較(明)に変更します。

「ガウスぼかし」とは？意味とやり方

ガウスぼかし(Photoshop)

・ガウスぼかし(Gaussian Blur)：フィルター効果のひとつ。ガウス関数をもちいて画像をぼかす処理のこと。

ディフュージョンをかける前

ディフュージョンをかけた後

比較(明)に変えたレイヤーにさらにガウスぼかしをかけます。ぼかす範囲は8pｘです。グレースケール化したレイヤーを非表示にすると、いい感じにディフュージョンがかかっています。

その他のディフュージョン効果

全体をぼかして不透明度を下げる方法

レイヤー構造

単純にレイヤーを複製して、複製したレイヤーにガウスぼかしを8pｘかけて、不透明度を４０にするだけです。簡易的なソフトフォーカスですね。

ソフトフォーカスをかける前

ソフトフォーカスをかけた後

ディフュージョン後(ソフトフォーカスなし)

ソフトフォーカス＋ディフュージョン

簡易的なソフトフォーカスですね。

覆い焼きリニア(加算)

覆い焼きリニア(加算)後

さらには覆い焼きリニア(加算)で色味を加える技法などがあるみたいです。

新規レイヤーを作り、適当にグラデーションをかけて描画モードを「覆い焼きリニア(加算)」に変更し、不透明度を下げただけです。色は適当です。オレンジっぽい色でグラデーションをかけてみました。

アニメの絵のようなディフュージョンのやり方(簡易バージョン)

１：レイヤーを複製する

複製されたレイヤー

オリジナルの複製を3つ作ります。わかりやすくするためにレイヤー名をコピー１にしています。

２：描画モードをそれぞれ変更して組み合わせる

コピー２とコピー１を組み合わせます。

乗算と通常の結合

まずコピー２の描画モードを乗算にします。次にコピー２とコピー1のレイヤーを結合して1つにします。

下が乗算で上が通常だと失敗します。必ず上側に乗算レイヤーが来るように結合してください。レイヤーの色が暗くなっていれば成功です。

次に結合したレイヤーを複製します。

次に描画モードを変更します。上の画像でいうと「乗算＋通常のコピー」をスクリーンに、「乗算＋通常」を乗算に変更します。

スクリーンに変更したレイヤーにガウスぼかしを8pxかけます。

最後に一番上のレイヤーの描画モードを「比較(明)」に変更して終わりです。

簡易ディフュージョン前

こんな感じです。

ガウスぼかしをさらに

レイヤー構造

さらにぼかしたい場合は、新しくオリジナルレイヤーをコピーして、レイヤー全体にガウスぼかしをかけてもいいかもしれません。ぼかしのレイヤーの不透明度は２５％くらいにしておきました。

グラデーションを「覆い焼きリニア加算」で適当に追加するとこうなります。色はオレンジに近い色です。

簡易の場合は光らせたい範囲を限定できませんが、わりと自然な感じに仕上がりますね。つまり明度が低いところが不自然に光りすぎない具合になっているということです。自分で調整する必要がないので楽ですね。

全体的に明るすぎる等があれば、各レイヤーの不透明度を下げて調整してみてください。

参考文献

https://www.pixiv.net/artworks/10041130

https://www.pixiv.net/artworks/10325142

参考というよりそっくりこのままやってみた感じですm(_ _)m

後半の焼き込みリニアやグローについてはもう少し勉強いたします。

スターバーストディフュージョンとはなにか

意味

*1

スターバースト(starburst difusion)とは上のような星の集まりのことです。

動画

クリスタでスターバーストディフュージョンを試す

１：レイヤーを複製する

レイヤーを複製する

レイヤーが複数ある場合は結合させておいておくといいかもしれません。

複製されたレイヤー

２つ複製します。

２：ぼかす

移動ぼかし(クリスタ)

[フィルター]から[ぼかし]を選択し、[ぼかし移動]でぼかしをかけます。

ぼかし具合をチェックする場合は、編集するレイヤー以外は目のマークのチェックを外して、非表示にしておきましょう。

移動ぼかし(クリスタ)

今回は45°で、ぼかす範囲はマックスにしておきます。題材によって数値を変更しましょう。今回はぼかしをクロスさせるような効果を作りますが、片側のみ、あるいは上からの光といったような効果もありだと思います。

ぼかした後(1回目)

ぼかした後(2回目)

もっとぼかしたい場合は同じ作業をもう一度行いましょう。

逆の方向

もうひとつのレイヤーを今度は-45度にしてかけていきます。

３：合成モードを変更

一番上のレイヤーの合成モードを通常からスクリーンに変更します。

レイヤーを結合させて、またスクリーンに変更します。そうするとディフュージョンがかかっています。

４：レベル補正で調整

レベル補正

明るすぎたと思う場合は不透明度を下げたり、レベル補正で調整しましょう。黒い三角を右に動かすと、光の範囲が抑えられます。

５：光らせる範囲を最初から限定する

最初から限定する場合は、２値化を行います。

２値化(クリスタ)

まずはレイヤーを複製して、複製されたレイヤーに２値化をかけます。

二値化

光らせたい範囲のみが白くなるように調整してください。

レイヤーの状況

その後、二値化のレイヤーと複製されたレイヤーを結合します。そのとあと、さらにそのレイヤーを複製してください。

ディフュージョン後

先ほどと同じように、移動ぼかしを両方のレイヤーにかけて、上をスクリーンにして結合し、結合されたレイヤーをスクリーンにします。不透明度を下げて調整するのもありだと思います。

ディフュージョン前

ディフュージョン後

不透明度を下げて調整するのもありだと思います。

電球の調製例

ディフュージョン前の電球

ディフュージョン後の電球

基本的に作業は同じです。２値化しています。

イラストにもしてみました

ディフュージョン前

ディフュージョン後のキャラ

消しゴムで消して調整

写真だけではなく、イラストにも適用可能です。

参考サイト

・https://www.youtube.com/watch?v=fuj8_TWlsew

・https://www.youtube.com/watch?v=lRKp4_EkIvc

引用画像

１：https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%90%E3%83%BC%E3%82%B9%E3%83%88

スターバーストディフュージョンとはなにか

意味

*1

スターバースト(starburst difusion)とは上のような星の集まりのことです。

動画

今回も動画の説明もあわせて用意しましたm(_ _)m

Photoshopでディフュージョンをかける

１：スターブラスト的なディフュージョンをかける

まずはベースとなる絵を用意します。レイヤーが複数ある場合は、１つに結合させておいてください。失敗したときに備えて、結合する前のファイルを別に保存しておいたほうがいいと思います。

レイヤーを複製する

レイヤーを複製

複製されたレイヤー

レイヤーが３つになるように複製してください。

ぼかし(移動)

レイヤーをぼかす

次に２番めのレイヤーに、[フィルター]で[ぼかし(移動)]を行います。

角度と距離

角度は45度、距離は1000にします。設定は好みで変更してください。

角度と距離２

次に1番目のレイヤーを同じようにぼかします。角度を-45度に変更してください。

合成モードを変えてレイヤーを結合する

合成モードをスクリーンに

一番上のレイヤーの合成モードを[スクリーン]に変えます。

下のレイヤーと結合

複製した上の２つのレイヤーを結合してください。ショートカットキーはControl＋Eです。[レイヤー]から[下のレイヤーと結合]でもできます、

結合したら、再び合成モードをスクリーンにします。

ディフュージョン前

光を調整する

レベル補正

明るすぎたと思う場合はレベル補正で調整します。ショートカットキーはControl＋Lです。

レベル補正

黒い三角を右に動かして調整します。

調整後

後は消しゴムでいらない部分を消してみてください。

さらにガウスぼかしをかけてもいいかもしれませんね。

ディフュージョン前

ディフュージョン後

別の画像で試してみました。ぼかし(移動)はマックスまでかけています。

ガウスぼかし

ガウスぼかしをかけるとこんな感じです。

消しゴム調整

消しゴムで調整することもできます。輪郭付近だけ残るように消すのもありですね。

２：特定の位置にディフュージョンをかける

１：複製する

レイヤーの複製

まずはレイヤーを複製します。

２：２階調化を行う

２階調化(Photoshop)

２階調化とはなにか(Photoshop)

[イメージ]の[色調補正]から、[２階調化]を選択します。

三角の部分を動かして２階調化する境界のしきい値を変更します。

しきい値の調整(Photoshop)

今回の場合は、白の部分が光ることになるので、光らせたい部分だけになるまでしきい値を調整する。

複製されたレイヤー

２階調化レイヤーを複製しておきます。

３：モーションブラー(ぼかし移動)を行う

レイヤーを非表示

効果をわかりやすく視覚化するために、ぼかすレイヤー以外は非表示にしておきます。

ぼかし(移動)とは(Photoshop)

[フィルター]から[ぼかし]、[ぼかし(移動)]を選択します。

角度と距離

加工する画像にもよりますが、今回は角度４５、距離は８００前後にしておきます。

もう一度ぼかす

のばされたぼかし

同じ作業をもう一度行います。[フィルター]の一番上にあるぼかしを押してください。２回ぼかすと、線がすこし伸びます。

反対側

もうひとつのレイヤーは逆の方向から効果をかけたいので、角度にマイナスを付け、-４５にしておきます。距離は同じです。

４：レイヤーの合成モードを変更して結合する

スクリーン

結合されたレイヤー

一番上のレイヤーのみをスクリーンに変更して、下のレイヤーと結合します。

スクリーン

結合されたレイヤーをスクリーンに再度変更するとこうなります。

不透明度を下げる

不透明度を下げて調整するのもOKです。

覆い焼きカラー

あるいはスクリーンではなく、覆い焼きカラーに変更するのもいいと思います。

ディフュージョンをする前

ディフュージョンをする前の画像はこちらです。

フィルターからガウスぼかしで再度ぼかしてもいいと思います。

スターバーストディフュージョン前

スターバーストディフュージョン後

別の画像にもスターバーストディフュージョンをかけてみました。画像によって合うもの、合わないものがあるようです。

もっと光らせたい場合は、ぼかし(移動)をかけたあとに、イメージのレベル補正で調整してください。

もっと光らせる

参考サイト

・https://www.youtube.com/watch?v=fuj8_TWlsew

・https://www.youtube.com/watch?v=lRKp4_EkIvc

引用画像

１：https://ja.wikipedia.org/wiki/%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%90%E3%83%BC%E3%82%B9%E3%83%88

グロー効果とはなにか

今回も動画を作ってみたのでよければあわせてご視聴くださいm(_ _)m

意味

クリスタでグロー効果を試した記事がありますのでよかったらこちらもどうぞ。

【クリスタ】グロー効果のやり方【CLIP STUDIO PAINT】

Photoshopでグロー効果を試す実験

偉そうなタイトルを付けていますが、以下の記事で説明してくださっていることをそのままパクる模倣するだけです。学ぶことは真似ぶといいますから、一度は真似して自分の中で吸収して、さらにそれを土台にして創造していきましょう。すべてオリジナリティで創作することはできず、先代の積み重ねの中に１％でも独自性を入れて後代に受け継いでもらうというのが芸術の一側面だと思います。

リンクはこちらです

普段あまり絵を描かず、Photoshopなんて2－3回触ったことがあるだけの初心者が今回挑戦するので皆様でもできるかと思います。この文章を書いている段階ではできると信じております。実はPhotoshopを記事で扱うのはこれがはじめてです。高いので手を伸ばせないでいました。エフェクトなどの機能は他のペイントソフトより、Photoshopのほうが良いみたいですね。クリスタで絵を描いて、仕上げだけphotoshopといったような贅沢な使われ方もするようです。

レベル補正を行う

さて実際にレベル補正をしていきましょう。

レイヤーを複製する方法

レイヤーの状態

今回はクリスタで絵を作り、レイヤーをすべて結合し、画像をPhotoshopの形式で書き出して読み込んでいます。グロー効果をかけるためにまずはレイヤーを複製しましょう。複製はレイヤーを右クリックで選択するだけです。

レベル補正

コピーした方のレイヤーを選択してさっそくレベル補正をかけていきます。[イメージ]から[色調補正]、[レベル補正]を選択するだけです。

レベル補正について

さて初心者はここで迷子になるわけです。どこ動かしたらいいんだと。

レベル補正のチャンネルがRGBの場合は、０から255で表現されることはわかりました。通常明度、つまり明るさはこの０から255までの数値が高いほうが明るいです。クリスタで言えばRGBの値のいずれかの値が255だった場合、HSVのVは100になります。たとえばRGBが255,255,255のいわゆる白色の明度は100、RGBが255,0,0のいわゆる赤色の明度も100です。RGBが0,0,0の場合は明度０になります。

さて入力レベルに０と255がみえます。この０の数値を変えていくようです。たとえばこの０を２０１にすれば、２０１より暗い明るさは切り捨てられるそうです。つまり１－２００の明るさは切り捨てられることになります。

レベル補正のやり方

数値を２０１に変更してみました。

レベル補正前

↓

レベル補正後

絵の変化を見てみましょう。

だいぶ真っ暗になってますね。つまり顔面あたりの色しか、明度201－255の明るさがなかったということです。

グロー効果は一定の明度を持った範囲を光らせるものでした。つまりこのままでは顔面しか光らないということになります。全体的に明度が高い絵ならいいかもしれませんが、今回の絵は全体的に暗いです。

レベル補正50-255

もうすこし光らせる範囲を増やしたいなーということで、範囲を50－255にしてみます。まあ今回はこのくらいにします。絵によって違うので、グロー効果をかける範囲は調整してください。ヒストグラムの凸部分は絵の中で使われてる明度を指しています。

もともとグロー効果は炎や日差し、レーザーなどを対象にしているそうですから、全体的に暗い絵とそこまで相性がよくなさそうですね。

レイヤーモード[スクリーン]で合成する

どうやって合成するんだ・・と初心者は思うわけです。クリスタを使ったことがあるのでなんとなく想像はつきます。

スクリーン

「通常」というところが怪しいですね。

スクリーン

思い切ってクリックすると合成モードの一覧がズラリと並んでいます。スクリーンを選択しましょう。コピーされたレイヤーにも、コピー前のレイヤーにも両方適用します。

適用すると、なんとなく明るくなっています。

ガウスぼかしをかける

ガウスぼかし

複製した方のレイヤーにガウスぼかしをかけていきます。[フィルター]から[ぼかし]、そして[ガウスぼかし]を選択してください。

ガウスぼかしの範囲

ガウスぼかし後

半径が大きいほど、ぼかす範囲が大きくなります。今回は10pxくらいにしておきます。

どうですか。それっぽくなりましたね。

クリスタとほとんど同じ流れですね。レベル補正で範囲を指定して、ぼかして、スクリーンをかけるとほとんど同じです。より細かい設定がPhotoshopには用意されているといったところでしょうか。

調整

さらに調整したい場合は、複製した方のレイヤーにレベル補正を再び行います。上の補正は光る範囲を減らしたりしてみました。

クリスタでした調整を試す

レイヤーの状態

同じようにレイヤーを複製します。

レイヤーの状態

次にガウスぼかしをかけます。5くらいにしておきます。さらにぼかしたレイヤーをもう２つ複製します。

上から不透明度を25,10,10に変更します。さらに合成モードも上から2番めをオーバーレイ、３番目を焼き込み(リニア)に変更します。

仕上げ前

↓

どうですか。そこまで悪くないですよね。ちょっとした変化にはいいです。

グロー効果とはなにか

またyoutubeにも動画の方をあげておきましたのでよかったらあわせて見せてくださいm(_ _)m

意味

CLIP STUDIO PAINTでのグロー効果のやり方

レイヤーを結合する

線画と色塗り

レイヤーの中身

今回はシンプルな円の線画に、中の色を塗りつぶしたものです。

表示レイヤーのコピーを結合

表示レイヤーのコピーを結合

[レイヤー]から[表示レイヤーのコピーを結合]をクリックしてレイヤーをひとつにします。

このレイヤー名をグロー効果としておきます。

レベル補正を行う

レベル補正

グロー効果のレイヤーに色調補正レイヤーを作り、レベル補正を行います。

今回は絵が単純すぎてレベル補正は特にしなくてもいいと思いますが、わかりません。後ほどレベル補正をした場合としなかった場合の比較を行います。

ガウスぼかしを行う

ガウスぼかしとはなにか

ぼかす範囲

ガウスぼかし後

一つにしたレイヤーにガウスぼかしを行います。「フィルター」から[ぼかし]、[ガウスぼかし]を選択します。今回は[ぼかす範囲]を100にしておきます。

合成モード[スクリーン]を使う

スクリーン(英:screen)：合成モードのひとつ。下のレイヤーの色を反転し、上のレイヤーとかけ合わせて合成する。元の色より明るくなる。

スクリーンとはなにか

スクリーン

合成モードをスクリーンに変更します。

完成

これで完成です。レイヤーの不透明度を下げて強度を調整してください。

不透明度を５０に

50にするとこんな感じです。

人間の顔にグロー効果を使用する

グロー効果前

今回はこの絵を使います。アニメ塗りの講座でつかった絵です。本来アニメ塗りはベースの色と影の色の境界線をあまりぼかさないのですが、今回は気にせず進めていきます。

先ほどとおなじように、レイヤーのコピーを結合して、レイヤー名を「グロー効果」にします。

レベル補正とは

レベル補正とは

レベル補正

次にレベル補正を行います。入力の黒い三角を右側にずらします。グロー効果を広く機能させたい場合は、画面の明るい部分が多いほうがいいです。狭く機能させたい場合は暗い部分が多いほうが良いです。今回は試しに黒い三角を右にずらし、暗くしてみます。

ガウスぼかし

ガウスぼかしを１００でかけます。なんかJamiroquaiみたいな感じになってきましたね。

スクリーン

次に合成モードをスクリーンにします。色味が暗いですね。

不透明度を５０に下げます。暗い。というかレベル補正で暗くしすぎた印象がありますね。調整しましょう。

レベル補正

レベル補正調整後

いい感じですね。

グロー効果前

↓

後は不透明度を下げたり、レベル補正を調整したりして好みの状態に仕上げていきましょう。

他の方法を使って仕上げる

グロー効果だとひかりすぎてなんだかなあ、ということでほかのエフェクトを探していたところ、よさそうなものがみつかりました。

合成モードをスクリーンではなく、オーバーレイや焼き込みリニアを使う手法です。

先ほどと同じようにレイヤーをコピーして結合します。そのあとガウスぼかしをおこないます。今回はぼかす範囲は15です。

３つ複製した後、新しいフォルダーを作ってレイヤーを３ついれます。レイヤーの使い方は以下の記事からどうぞ。

複製したレイヤー

【クリスタ】レイヤーとはなにか、使い方とその意味【CLIP STUDIO PAINT】

不透明度を変更

一番上のレイヤーの不透明度を２５、二番目を１０、三番目も１０にしておきます。

合成モードを変更

ニ番めの合成モードをオーバーレイに、三番目の合成モードを焼き込みリニアに変更します。

仕上げ前

仕上げ後

これで完成です。

参考文献

１：「クリスタ道場」(ソーテック社)

クリスタ道場 キャラクター・メイキング編 CLIP STUDIO PAINT PRO/EX対応

＞主にグロー効果について

２：「CLIP STUDIO PAINT機能引き事典」(ナツメ社)

CLIP STUDIO PAINT機能引き事典 PRO&EX対応

＞用語の定義について

３：「キャラクターの描き方入門教室」乃樹坂くしろ、SBCreative

とことん解説! キャラクターの描き方入門教室 CLIP STUDIO PAINT PROではじめるデジタルイラストの基本

＞仕上げる方法について

アニメ塗りとはなにか

意味

具体例

ワンピースのアニメ塗り一例

この画像を見ると影の色と、影ではない色の境界線があまりぼかされていませんよね。これがアニメ塗りの特徴の1つです。

アニメ塗りとほかの塗りとの境界線について

アニメ塗りは基本的には「動かす」ためにあるものなので、シンプルな方が都合がいいんです。もちろんイラスト作成でも、シンプルな絵にしたいときに活躍します。ちょっとしたイラストを本に挿入するときに、重厚な厚塗りだと合わないときがありますよね。そんなときにアニメ塗りは便利です。

アニメ塗り・ブラシ塗り・水彩塗り・厚塗りと多くの塗り方がありますが、境界線は曖昧です。アニメ塗りだけどすこし境界線をぼかすといったこともするわけです。あるいはグリザイユ画法を使いつつ、ぼかさないでアニメ塗りに仕上げるといったことも可能です。臨機応変に、自分の美しいと思う塗り方を研究していきましょう。

CLIP STUDIO PAINTで球体にアニメ塗りをする実験

線画を用意する

線画

今回は説明に使いやすい球体です。

ベースの色を塗る

ベースの色

次にベースの色を塗ります。塗りつぶしです。色はH35,S7,V100です。

レイヤー

線画とベースのレイヤーは分けておきます。

【クリスタ】レイヤーとはなにか、使い方とその意味【CLIP STUDIO PAINT】

影を塗る

影の色

次に影を塗ります。クリッピングを行います。

クリッピングを行った状態で影の色をのせていきます。色はH９、S24、V92です。ベースの色より明度を下げ、彩度を上げるイメージですね。色は色調補正レイヤーを使えば調整できるのであまり気にしなくていいと思います。

【クリスタ】はみ出さずに色を塗る！下のレイヤーでクリッピングとはなにか、その意味【CLIP STUDIO PAINT】

アニメ塗りをするにあたって

肌のアニメ塗り

肌のところだけ影をそれっぽいところに塗ってみました。周りの背景が暗いので、すこし明度を落としています。

影の色はハイライトや投影など、複数の影を使う場合があります。しかし境界線はあまりぼかさないのが基本のようです。

ぼかす

ベースと影の色の境界をぼかすとこうなります。私はぼかしたほうが好みです。

フィルターをいじる

フィルターをいじってみました。フィルターについては別の記事で取り扱っています。

【クリスタ】グロー効果のやり方【CLIP STUDIO PAINT】

シェーディングについては以下の記事を参照してください。

シェーディングとはなにか、絵を描くために必要な陰影用語の理解

【シェーディング】絵を描くための明度コントロール(明度スケール)について考える

色は照明条件、つまりライティング条件によっても変わるのでライティングについても理解する必要があります。

【pixiv】ライティング(光源の設定)のやり方講座まとめ【ピクシブ】

ライティングとはなにか　絵を描くために必要な光源と照明用語の理解

参考文献

１：「キャラクターの描き方入門教室」,乃樹坂くしお,SB　Creative

カラーセットとはなにか

カラーセットの意味

カラーセット：自分が普段使う色を登録しておくことができる便利な機能。肌色や空の色など、自分がよく使う色を登録しておくと便利。

カラーセット

カラーセットの使い方、追加・登録方法

まずはカラーセットが表示されているか確認してください。

カラーセットを表示

表示されていない場合は、[ウィンドウ]から[カラーセット]にチェックを入れてください。

カラーセットの編集

次にカラーセットの編集をするために矢印をクリックしてください。▷みたいなマークです。

カラーセットの編集

一覧にカラーセットの編集があるのでクリックします。

カラーセットの編集

クリックすると[カラーセットの編集のウィンドウ]が出てきます。

新規設定を追加

[新規設定を追加]をクリックします。

カラーセットに名前をつける

自分で名前をつけます。今回私はモノクロカラーセットを作るので、モノクロカラーにしています。

カラーセットの編集

これでOKを押せば、追加されます。

色が入っていない状態

まだ色が入っていない状態です。

明度スケール

ここから色を追加します。たとえば上の明度０の色を追加したいとします。

スポイト

スポイトで明度０を摂ります。スポイト以外にも、自分でRGBやHSVを入力する方法があります。

カラースライダー

スポイトで色をとったり、自分で数値を入力するとカラースライダーやカラーサークルなどに色が表示されると思います。

色の追加

この状態で、先程のカラーセットの好きな場所で右クリックでメニューを出して、[色の追加]を押してください。

色の追加

色の追加

そうすると色が追加されているはずです。間違えてしまった場合は削除してください。

カラーセットのの選択

厚塗りなどで、気に入った明度の設定がある場合は登録しておくと便利だと思います。いつでも参照できるようになります。

カラーセットのの選択

使いたいときはカラーセットの一覧から、自分が作ったカラーセットをクリックすればいいだけです。

厚塗り(グリザイユ画法)とはなにか

厚塗りの意味

グリザイユ画法の意味

厚塗りとグリザイユ画法の違いとは

厚塗りは広義には単純に「塗り重ねること」を意味します。グリザイユ画法は同じ塗り重ねですが、モノクロの色の上にカラーを塗り重ねるという狭義の意味になります。薄い青色の上に濃い青色を塗り重ねる場合は厚塗りですが、グリザイユ画法ではありません。

そもそもアナログとデジタルの厚塗りの概念はすこし違います。なぜならアナログでは物理的に厚く塗ることができますが、デジタルでは物理的に厚く塗ることができないからです。アナログの油彩絵具などを塗り重ねると厚みがでてきますよね。しかしデジタルでは厚みが出てきません。

デジタルでは主線がない、色が濃い、リアル調といった意味で使われているようです。主線とはいわゆる線画のことです。線画がある厚塗りもあります。

厚塗りの講座

こちらにまとめてあります。

【pixivの講座まとめ】厚塗り(インパスト,グラッシ,グリザイユ画法)についての講座・メイキング・やり方まとめ。

厚塗りのメリット・デメリット

メリット１：立体感を出しやすい

白、黒、灰と単純なグレーの階調で立体感を出していくので、立体感を出しやすいというメリットがあります

メリット２：線画をクリンナップする必要がない

クリンナップとは「原画などのラフな描線から整えた描線を新たな用紙へ描き起こす清書」のことです。つまりラフな線画からきっちりとした線をペン入れしなくても作成できるということです。厚塗りは大まかなシルエットを最初につくり、そこから影色を付け加えていくので線画をきっちりとしなくていい場合があるのです。もちろん線画をきっちりと描いてから厚塗りを行う場合もあります。

メリット３：影色を考えなくていい

モノクロの下塗りの上にカラーを乗せていくので、カラーごと影色を考えていく必要がないのです。モノクロの下塗りがないと、肌色の場合は明るい肌色と暗い肌色、神の場合は明るい黒色と暗い黒色といったようにカラーごとに調整する必要があります。

メリット４：レイヤー数が少なくて済む

カラーごとに影色を設定しなくていいので、レイヤー数が少なくなり、管理しやすくなります。

メリット５：編集・修正しやすい

厚塗りの場合はカラーのレイヤーが少ないので、色を編集しやすくなります。

デメリット１：色がくすみやすい

明度さのみで陰影を付けるので影色に色温度による変化が生じず、くすみやすくなるそうです。この項目は後で詳細に扱います。

デメリット２：シンプルなイラストには向かない

本のちょっとした挿絵やイラストなどシンプルな絵を描く際に、重厚な表現である厚塗りが合わない場合があります。そうしたイラストはアニメ塗りなどで対応したほうがうまくいく場合があります。

厚塗りの基本知識

厚塗りで背景をグレーにする理由

厚塗りではよく背景をグレーにします。イラストソフトでは初期設定は用紙の色が白の場合が多いです。背景をつけてイラストを描く場合、大抵の場合は白よりも暗くなります。なぜなら用紙の白はすべての色の中で一番明るい色だからです。明度数値だけでいうと100の色は他にもありますが、明るい青と明るい白では白のほうが明るく見えるわけです。心理的な効果も関係しています。太陽の光により近い色が明るく見えるイメージですね。

背景を白のままで人物や小物を描いてしまうと、余計に明るく描いてしまうことがあるので注意です。完成予定の背景のイメージの明度でグレーの背景を最初に敷いておくと、人物や小物を過剰に明るくしてしまうことを防げます。

もちろん最初に背景を描いてから描けばグレーを使う必要はありません。ただし厚塗りでは背景もモノクロのグレースケールで描くのでグレーの背景を敷いてから描くほうがやりやすいかもしれません。

同じ明度100でも白のほうが明るく見える

厚塗りでシルエットを使う理由

厚塗りではよく線画から先ではなく、シルエットから先に描く場合が多いです。もちろん線画が先の場合もあります。

シルエット(silhouette)：輪郭の中が塗りつぶされた単色の画像のこと。影絵と同義にみなされる場合もある。

シルエット*1

シルエットから描く理由は、色を塗ったときのイメージの差を少なくするためだそうです。

いまいち想像しにくいですよね。一般的な描き方は線画、色塗り、影塗りです。線画を描いて色を塗ったのに「思ってたのと違う！」ということがないようにシルエットから先に使うそうです。線で見るのと、面で見るのは違うということですね。

ポジとネガ

線と面

このへんは私みたいな初心者にはなかなか難しいです。デッサンでいえば「ポジだけではなくネガを重視しよう」といったものに通じるものがあります。線だけではなく面を重視しようといったところでしょうか。

線から先に描いてしまうと線に縛られてしまうという面もあるのかもしれません。シルエットから描くことで自由に形を表現でき、修正も楽という面があります。シルエットで全体的なイメージを整えた後に、後から削って整えて線画を構成してくパターンもあります。あるいはシルエットに影をつけて、はっきりとした線画を残さない、いわゆる主線なしのイラストに仕上げるパターンもあります。

厚塗りのためのライティングとは

ライティングとは光源の設定です。野外なら太陽や月、電灯などが光源になります。屋内なら電球や蛍光灯などが光源になります。それぞれ明るさの強さや、色が違います。実際にあるものを見ながら絵を描く場合はライティングを設定しなくても、見たままを描けば自然なライティングが反映される場合があります。しかし想像で絵を描く場合は自分で光源を設定する必要があり、そこに創造性があります。

一般的な光源はよく左上に設定されます。左上に光源が設定されるので、光が当たる物体の左側はより明るく、右側がより暗くなります。このようにライティングは陰影の設定、つまりシェーディングに深く関係している項目になります。

厚塗りのライティング

上の画像は私がblenderで作成したものです。この球体の光源はどこにあるでしょうか。正解はもちろん右上です。

厚塗りのライティング

別の位置から見るとこんな感じです。

曇天のライティング

同じような視点で、背景を変えてみましょう。こんどは晴天ではなく、曇天です。全然陰影が違いますよね。晴天のときのようなはっきりとした陰影が出ていません。太陽が雲で隠れているため、光が拡散して陰影が柔らかい感じになるのです。

このようにライティング設定をすることは、絵のリアルさを演出するため、絵を魅力的に見せるために必要な作業なのです。

厚塗りにおいても陰影はどのくらい濃くしたらいいのか、影はどのくらいの長さなのか、どんな色なのかなどが重要になります。

ライティングとはなにか　絵を描くために必要な光源と照明用語の理解

厚塗りのためのシェーディングとは

すべての絵においてシェーディングは重要なです。陰影があることによってリアルな絵を表現することができます。特に厚塗りではシェーディングの作業が重要になります。

シェーディングの前提としてライティング作業があるので結局どちらも習熟する必要があります。

シェーディングはどのくらい陰影を伸ばしたらいいのかという論点、あるいはそもそもどこに陰影が落ちるのかという論点に大きく分けられると思います。

これは答えなんて多種多様すぎて難しいですよね。たとえば人間の顔の陰影なら、解剖学的な知識が役に立つかもしれません。骨がある位置を把握して陰影を付けたりすることができます。

単純な球体でさえ、光源の違い、あるいは周りの物体の影響、あるいは物体そのものの材質によって陰影が変化します。

ガラスの陰影

たとえばガラスの材質だとどんな陰影になるでしょうか。blenderでつくるとこんな感じになります。

肌の陰影

肌に近い材質にするとこうなります。

プラスチックの陰影

もうすこし光沢をもたせた感じに、プラスチックに近い感じにするとこうなります。それぞれ視点や光源は変えていませんが、材質を変えただけで陰影の度合いが変わってきます。形状の変化だけならだいたいの予測ができるとおもいますが、材質は学ばないとなかなかできないですね。材質や形状の変化の単純な確認としてblenderは便利です。

つまり厚塗りにおいても、どんな材質なのかをまずは理解して、そこからシェーディングを考えていくことになります。

細かくいえば人間の肌の陰影付けについての勉強と、厚塗りについての勉強は別です。しかしシェーディングができない状態で厚塗りのテクニックを習得してもあまり役に立たないと思います。

シェーディングとはなにか、絵を描くために必要な陰影用語の理解

【blender2.82】ガラスや金属、マットなどに質感を変える、HDRI設定をするメモ

クリスタで球体に厚塗りをする実験

シルエット・ベース作り

線画を作る場合と、作らない場合があります。あるいはきっちりとした線画は描かないけど、ラフは描くという場合があります。

厚塗りは線画を使用せずにラフに制作していくケースが多いです。初心者は線画があったほうが色が塗りやすいと思います。というより線画があったほうがいいイラストと、なくてもいいイラストがあると思います。複雑な構造のメカなら線画があったほうがいいと思いますし、単純な岩や草、ある程度形状が崩れても不自然に見えない物なら線画がなくてもいいと思います。

単純に線画のない、いわゆる「主線のないイラスト」を制作したいのなら線画レイヤーを別に用意し、後で線画レイヤーを消せばいいだけです。線画を下書きとしてベースにし、その上でシルエットを自由に臨機応変に描いていく方法もあります。線画を用意するという手間があるので、中上級者の方は線画を省略することもあるようですね。

線画と塗りつぶしを分ける

厚塗りのやり方

厚塗りのやり方

線画レイヤーの表示を後から消せばきれいなシルエットができます。線画の色と塗りつぶしの色を同じにしても場合によってはいいかもしれませんね。球体のような形状は、綺麗すぎると無機質なので、図形ツールなどを使わずに手書きで描くのもありだと思います。今回は説明のための球体なのでこのままいきます。

厚塗りは何色で描けばいいのか

何色でシルエット描くか、という点は悩みますよね。モノクロなので悩む範囲は少ないです。しかし同じモノクロでも白と黒の間には何百通りの色があります。ベースの色なので、白と黒の中間をとるのが自然ですね。ちょうど中間はRGBでいえば123:123:123です。

そもそも背景の色が何色かによって、ベースの色も変わってきます。たとえば背景の色が真っ黒の0:0:0なら、ベースの色が少し暗くても不自然ではありません。逆に背景の色が真っ白の255:255:255なら、ベースの色がすこし明るくても不自然ではありません。

自分の描きたい絵の背景の色は何色でしょうか。もっといえば、ライティングはどのように設定しているでしょうか。野外でしょうか、屋内でしょうか。晴天でしょうか、曇天でしょうか、夕方ですか、夜ですか。部屋の中の照明の強さはどのくらいでしょうか。こういったライティングの設定によって背景の色が設定され、それに伴ってベースの色も設定されるわけです。

たとえば青空、晴天の場合は明度が高いモノクロの色になります。HSVでいうとVの値が80くらいですね。0が一番くらいとしたら、100が一番明るい数値です。80はわりと高いほうですね。

厚塗りの明度について　明度80

ちなみにこれが明度80のグレーです。わりと明るいですよね。最大の明るさが用紙のデフォルトの色の白なので、それと比べれば暗いです。

さてこのレイヤーをベースの色にしてオブジェクト(今回は球)を作っていきましょう。背景のレイヤーとオブジェクトのレイヤーを分けます。

さきほどベースの色を不透明度100で塗ったので、同じ色で塗り重ねても色が変化しません。

合成モード：乗算

したがって色を変えるか、レイヤーを変えるか、あるいは他の設定を変える必要があります。今回は同じ色で、乗算を使うことで色を濃くしていきます。

厚塗りの乗算レイヤー

厚塗りの乗算レイヤー

さてベースの色の上に、通常の合成モードで線画を描いてもなにも映りません。同じ色同士だからです。

乗算レイヤーのやり方

乗算レイヤーのやり方

そこで合成モードを乗算にしてからするときちんと反映されるようになります。合成モードを乗算にするのは、今回でいうと線画のレイヤーです。

スポイトで色を採取すると、RGB値はそれぞれ163になっています。ベースの色がそれぞれ204だったので、明度が落ちていることがわかります。つまり、暗い色になっているということです。これは不透明度が上がったのではなく、色自体が変化しているのです。ちなみに不透明度はベースレイヤーも線画レイヤーも100でつくりました。色が変わっているのです。数式でいうと(204*204)/255=163.2になります。

明度コントロール

厚塗りでは明度のコントロールが重要になってきます。これがなかなか難しい。

自分の絵の中で一番暗い色と、一番明るい色を決めておくとらくかもしれません。具体的な数値で決めておくのです。オブジェクトは背景の色よりどれくらい暗いのか、どれくらい明るいのかといった観点です。

仮にオブジェクトの最低の明度を163とし、最高の明度を204とします。その場合は乗算レイヤーで不透明度100で塗り重ねたときの数値が163になります。

つまり不透明度を下げれば下げるほど、明るい色になるということです。

明度コントロール

たとえば不透明度50で塗り重ねてみます。不透明度100と比べるとだいぶ明るくなっていることがわかります。

数値でいうとRGBは各184、Vでいうと72になっています。

不透明度100だったときの明度が64、不透明度50のときの明度が72、ベースの色が80になります。最低の明度が80、最高の明度が64なので、差分が16になり、その中間値は8になります。つまり64＋8＝72ということです。

差分が16なので、不透明度が10下がるごとに、明度は1.6上がることになります。50下がったので、明度が1.6の5倍で8上がったということです。

明度コントロール

これで三段階ですが単純な明度コントロールができます。まずは不透明度５０でシルエットを追加し、陰影を不透明度100で塗っています。

陰影付はマウスしかない場合、ベジェ曲線を使えばよりうまくいくと思いますが、どうせぼかすのであまり気にする必要はないと思います。

明暗境界線はぼかしツールでなんとかなります。これで4段階の明度コントロールができます。

厚塗りぼかし

ぼかしはサブツール[色混ぜ]から[ぼかし]を利用しています。

明度コントロール

ちなみに球体の色を塗りやすいように「自動選択」を利用しています。

【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】

厚塗りと反射光

ぼかしツールで反射光もつくれます。消しゴムで不透明度を低くして消してもいいかもしれませんね。

色調補正レイヤーを使って明度コントロール

ここから明度をはレイヤーごと調整する方法があります。いわゆる色調補正レイヤーです。

作成した位置より下にあるレイヤー全体に影響してしまうというのがポイントですね。下のレイヤーひとつだけに影響させたいときはクリッピングさせる必要があると思います。

【クリスタ】はみ出さずに色を塗る！下のレイヤーでクリッピングとはなにか、その意味【CLIP STUDIO PAINT】

色調補正レイヤーとはなにか

クリッピングと色調補正

色調補正レイヤーはレイヤーを右クリックすると出てきます。今回は明るさ・コントラストを選択しました。

色調補正レイヤーの使い方

レイヤーをクリックして明るさを調整しましょう。ここを押すと調整画面が出てきます。

消しゴム補正

ベースの色より明るくさせたい場合は、ベースの色自体を変更する必要があります。自動選択して消しゴムで薄く消したり、あるいはベースレイヤー自体を色調補正レイヤーで変更する方法もあります。今回は消しゴムの不透明度を下げて調整しました。

影をつける

影をつける

あとは陰を適当につけて完成です。陰は楕円図形ツールで作りました。楕円図形ツールで影を作った後、余計なところを消しゴムで消しました。

これで球体のシェーディングは完成です。

厚塗りのカラーリング：オーバーレイ

カラーリング

今回はどんな色を乗せるかではなく、どうやって色を乗せるかについての実験です。

今回は合成モードオーバーレイを使いました。

乗算は元の色より暗く、スクリーンは元の色より明るくするわけで、それを両方合わせたものがオーバレイなわけです。

オーバレイとはなにか

乗算と同じように、レイヤの通常をオーバレイに変更します。色を変更させたいレイヤーの上に新規レイヤーを設置してください。

オーバレイとは

今回は対象物だけ変えたいので、クリッピングさせます。

オーバレイのレイヤーで色を適当に塗りつぶせば色が簡単に変わります。

調整

ベースの色にも適当に色を追加しましょう。今回はグラデーション機能を使い、青空を選択しました。ベースレイヤーの上に同じようにオーバーレイのレイヤーを追加して、グラデーションするだけです。

全体図

オブジェクトの色がすこし暗かったので、色調補正レイヤーでカラーリングの明度や彩度を上げました。

厚塗り完成

コラム：線画レイヤーやシルエットレイヤーを複製するメリットについて

線画がなくても今回すこし困ったことあります。この項目は調整次第で線画が必ずしも必要ないのですが、線画があったほうが便利という話です。

まず上の厚塗り実験で作ったシェーディングレイヤーを自動選択してみます。

自動選択しにくいんです。SHIFT押しながら頑張って選択する方法もありますが、けっこうだるいです。あるいは自動選択の設定で頑張る方法もありますが、だるいです。

【クリスタ】色塗りに便利！自動選択の使い方とその意味とは【CLIP STUDIO PAINT】

色が単純ならいいのですが、複雑に組み合わされたシェーディングレイヤーだと選択するのに手間取るんですよね。

ひとつの解消法としては、自動選択用のレイヤーを予め用意しておくということです。これは線画でも単色のシルエットでもどちらでもOKです。

厚塗りと線画

自動選択用の線画

たとえば上のように線画レイヤーを作ります。そして絵としては線画を残したくないとします。そういう場合は線画レイヤーを複製して批評ににしておけばいいのです。線画レイヤーではなくシルエットを複製しておくのもOKです。

塗りつぶし

コピーした方のレイヤーを塗りつぶします。

シェーディング

この状態で適当にシェーディングします。

自動選択の失敗

もし線画をコピーしていないと、この状態で自動選択用するとこうなります。

自動選択の成功

レイヤーを線画に変えて、自動選択するとこうなります。自動選択しやすいですよね。

ケースバイケースだと思いますが、絵によっては楽になるかと思います。

参考書籍

１：「『キャラの背景』描き方教室」、よー清水、SBCreative

「キャラの背景」描き方教室 CLIP STUDIO PAINTで描く！ キャラの想いを物語る風景の技術 (Entertainment&IDEA)

この本は厚塗りを売りにしている本ではありませんが、厚塗りのやり方が詳しくのっている良い本です。説明が細かいので初心者でも理解できます。さらにブラシまでダウンロードできます。

２：「CLIP STUDIO PAINTで描くグリザイユ画法＆エフェクト」、天領時セナ、玄光社

この本は細かい説明が多く省かれていているので中上級者向けだと思います。どのツールを使うか、どうやって機能を使うかなどの説明があまりないので、ある程度の知識が必要です。

グリザイユ画法&エフェクト 完全マスターブック

３：「CLIP STUDIO PAINT　PRO　デジタルイラストテクニック」、玄光社

新版 CLIP STUDIO PAINT PROデジタルイラストテクニック (玄光社MOOK)

基礎用語の説明には良本です。