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

意味

動画説明

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

１：レイヤーを複製する

レイヤーを複製

複製されたレイヤー

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

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

グレースケール(英: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)とは上のような星の集まりのことです。

動画

今回も動画の説明もあわせて用意しました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番めをオーバーレイ、３番目を焼き込み(リニア)に変更します。

仕上げ前

↓

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