MENU
ブログランキングに登録していマス

ブログランキング・にほんブログ村へ
プロフィール背景画像
yoshikovsky
2DCGデザイナー兼ワーママ
はじめまして!yoshikovskyです

【ブログの目標】
・各種ツールの、検索をしてもなかなかわからないつまづきの解消&メモ&共有
・ワーママという特殊な立場で有益な情報発信
・生活情報メモ&共有
・ネタに困ったら雑記ブログ

【どんなひと?】
2DCGツール→AfterEffects,Photoshop,Illusrator
だけでは、最近厳しいので、blender2.8習得したいです
blogツール→wordPress

【大切にしている事】
家族と末永く平和に暮らしたいです
そのための5つの力(貯める力・守る力・稼ぐ力・増やす力・使う力)を習得中(両学長に感化されています)

【AECC】標準プラグインで作る色ズレ&色収差

白状します
色ズレ&色収差は、力技or会社にある高級プラグインで作成していました

ギルティー!

ソレ、AEの標準プラグインで作れますよ!

目次

前提:色ズレと色収差は異なる表現

色ズレ単純に、色情報(RGBなど)位置情報をずらしたもの
色収差レンズを通して物体の像を結ばせる時、光の色によって屈折率が異なるため、焦点の位置や像の鮮明度がくずれる現象
引用:google

色ズレは、グラフィック表現として、同一方向に色をずらしたものに対して、
色収差は、実写や写真を撮影するときに起こる現象

色ズレ含めて、色収差と呼んでいる人も多いみたいですが、仕事を通して区別をつけるようになりました

色ズレ

事前準備

適当な画像を用意し、AEに読み込みます
画像をプリコンポジションの中に格納して、直上に調整レイヤー(ctrl+Alt+Y)を作っておきます

STEP
調整レイヤーに、エフェクト→色合いを適用

ブラックをマップ&ホワイトをマップで拾った色がズレていきます

STEP
STEP1と同じ調整レイヤーに、エフェクト→エンボス

方向→文字通り、色ズレ方向を設定
レリーフ→ズレ幅を設定

STEP
STEP1と同じ調整レイヤーに、エフェクト→CC Composite

※CC Compositeとは、プリコンポジション適用せずに、プリコンポジションしてくれるエフェクトです
デフォルトのままでOK

写真の画像は、こんな風に色ズレするよ!

応用:色ズレ効果を応用すると、画像のアウトラインを抽出できる

事前準備

実写画像が向いていないので、適当なイラストを用意します


上記の色ズレの手順で、エフェクトをかけるとどうでしょう(!!CC Compositeは外す!!
背景がグレーの画像になります

この後に、続けて調整レイヤー上にひと手間加えます

STEP
エフェクト→レベルで、背景を黒一色にします
STEP
エフェクト→チャンネル設定で、背景の黒を抜きます

するとアウトラインを綺麗に抽出することが出来ました
unmultiを持っている方は、それでも可!

色収差

色ズレのように同一方向に色をずらしていくのではなく、色が画面の外側に向かって、放射状にずれていくようにします

事前準備

適当な画像をプリコンポジションし、さらにコンポ内で3つ複製する

STEP
複製した3つのコンポに、それぞれエフェクト→チャンネル設定を適用

それぞれR(赤)G(緑)B(青)の画像にしていきます

R(赤)の場合

ソース1に赤を設定→赤
ソース2に緑を設定→フルオフ
ソース3に青を設定→フルオフ
他設定はデフォルトでOK

G(緑)の場合

ソース1に赤を設定→フルオフ
ソース2に緑を設定→緑
ソース3に青を設定→フルオフ
他設定はデフォルトでOK

B(青)の場合

ソース1に赤を設定→フルオフ
ソース2に緑を設定→フルオフ
ソース3に青を設定→青
他設定はデフォルトでOK

STEP
3つのコンポの描画モードをすべて加算

あら不思議。それぞれRGBが加算で重なると、元の素材の見た目になる

STEP
複製したそれぞれのコンポに、エフェクト→レンズ補正を適用

視界→ズレ幅を設定
コンポにそれぞれ、異なる幅の数値を入力すると、コンポの枚数ぶんズレます

レンズディストーションにチェックを入れましょう
(チェックを入れないと画面の四隅に隙間が出来ます)

余談:劇場版「聲の形」は色収差使いまくり!

映画館で、京都アニメーション制作の「聲の形」を観たのですが、たくさん色収差を使っています
有料プラグインなのか、標準プラグインかはわかりませんが、
ただただ、画面がエモくて綺麗で印象的でした

淡くて、辛くて、切ない青春が画面いっぱいに伝わる映像でした

仕事柄、あまりエモい絵作りをすることは少ないですが、機会があれば、またアニメの撮影をやってみたいですね

よかったらシェアしてね!

この記事を書いた人

【ブログの目標】
・各種ツールの、検索をしてもなかなかわからないつまづきの解消&メモ&共有
・ワーママという特殊な立場で有益な情報発信
・生活情報メモ&共有
・ネタに困ったら雑記ブログ

【どんなひと?】
2DCGツール→AfterEffects,Photoshop,Illusrator
だけでは、最近厳しいので、blender2.8習得したいです
blogツール→wordPress

【大切にしている事】
家族と末永く平和に暮らしたいです
そのための5つの力(貯める力・守る力・稼ぐ力・増やす力・使う力)を習得中(両学長に感化されています)

コメント

コメントする

CAPTCHA


目次
閉じる