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

意味

動画説明

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

１：レイヤーを複製する

レイヤーを複製

複製されたレイヤー

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

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

グレースケール(英: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

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