waveMap - ねこまたやエフェクトネタ帳

差分表示

• 最後の更新で追加された行はこのように表示します。
• 最後の更新で削除された行はこのように表示します。

ねこまたやエフェクトネタ帳

*waveMap


**静止画合成による波の表現
&youtube(http://www.youtube.com/v/rNuDgD9ZvsI&hl=ja&fs=1)

けっこう古典的です。静止画を合成して波を表現するサンプルになりますです。

**ダウンロード
サンプルデータは以下のアドレスからダウンロードできます。

&link(サンプルプロジェクト,http://www.nekomataya.info/cgi-bin/control.cgi?PAGE=85&ITEM=110502)
&link(サンプルプロジェクト,http://www.nekomataya.info/cgi-bin/control.cgi?PAGE=85&ITEM=121102)

合成参考のサンプルプロジェクトとフッテージが入っています。

ほぼ同じものですがエクスプレッションの互換性の問題でCS4以前のバージョンとCS5以降用の２種類のAEPがありますので、ご自身の環境に合わせた方をご利用下さい。

そろそろCS5以前は見捨てようかと思案中

**ソースフッテージ
フッテージとして３つのPhotoshopデータと１つのPNGデータがあります。

-1.map00
http://www.nekomataya.info/teck_info/wavemap/images/map00.png
-2.map01
http://www.nekomataya.info/teck_info/wavemap/images/MAP01.png
http://www.nekomataya.info/teck_info/wavemap/images/MAP01x.png
http://www.nekomataya.info/teck_info/wavemap/images/MAPovl.png
-3.map02
http://www.nekomataya.info/teck_info/wavemap/images/Map02.png
http://www.nekomataya.info/teck_info/wavemap/images/Map03.png
-4.明暗マップ
http://www.nekomataya.info/teck_info/wavemap/images/matte.png

静止画リソースとしてはこれっきり〜


先の３つのファイルはHD対応のためにやや大きめのサイズのサイクルマップになっています。
SDコンポジットのためなら半分程度に縮小しても大丈夫。

4番目のリソースは作成したいカットに合わせて作る必要があります。作り方は後ほど

では手順を追ってコンポジットしてみます。

**コンポジット手順　１　モーションサイクルマップの作成

まずは、サイクルマップをスライドさせてモーションサイクルマップを作成します。

&youtube(http://www.youtube.com/v/yWyW2j6qGDw&hl=ja&fs=1)
ムービー
1番めのフッテージはただ引っ張っただけ。
単純ですが、これがいちばん大きな波のモーションになります。
約30フレームでリピートします。

&youtube(http://www.youtube.com/v/QFQic5m4GNY&hl=ja&fs=1)
ムービー
2番目は、３枚のレイヤを９０度１８０度の交差でスライドさせてあります。
600フレームでリピートします。

&youtube(http://www.youtube.com/v/vrJ4GDUHI84&hl=ja&fs=1)

3番目は２枚のレイヤを浅い相対角度で引きます。
角度はリピート周期が長くなるように選択されています。


&youtube(http://www.youtube.com/v/ro8-Fuct7Z0&hl=ja&fs=1)

３つのムービーをオーバーレイで合成して　実際に利用するモーションサイクルマップを作ります。

汎用素材として作成する場合は、長めにレンダリングしておいたほうが良いでしょう。

サイクルモーションマップの状態で3Dのバンプマップとして使用することも可能です。

ただしその場合は、最初のテクスチャが通常のショットで使いやすいように「４５度・見下ろし」の波を想定して描いてありますので縦方向に拡大をして使うと良いと思います。

バンプマップの目的で素材を作成する場合は、最初から９０度見下ろしの高低マップとして作るほうがより良いモノになるでしょう。

このサイクルモーションマップをショットに合わせて調整します。


素材としてなるべく多様なカットに対応させる意図ですべてグレースケールで作業を行なってきましたが、
いよいよカットに合わせたチューニングです。

**ショットの構成

ここからの処理は、実は「こうしなくちゃダメ」という正解はありません。

作品のデザインや想定する画面によって合成するレイヤのモードや割合はもう「どうぞお好きに」状態です。

サンプルとして夕方の画面を使って背景調に仕上げた例の解説をします。

作業する人の感性がモノいうのでがんがれー

***明暗マップ

さて、ここで４番目の素材、明暗マップが出てきます。

水面の映り込み（空の分量や光源の状態）によって想定される明暗の状態を単純な黒灰白の配置で画面に配置します。
http://www.nekomataya.info/teck_info/wavemap/images/matte2.png

サンプルは、日陰になった川面の土手と空の映り込みを想定した明暗マップです。
ラフで書くとこんな感じ。

http://www.nekomataya.info/teck_info/wavemap/images/matte3.png

大きくぼかして使用するため細かいディティールは必要ありません。
ざっくりと描くか、又はAE上でマスクワークなどで作っても良いでしょう。

***マップの画面配置
AEの3Dモードで倒しこみをかけてモーションタイルエフェクトを使ってタイリングすると以下のような波の素材が得られます。
倒しこみの程度は、実際に使用するショットの様子に合わせての調整になります。

&youtube(http://www.youtube.com/v/YFyjV1cgtX8&hl=ja&fs=1)

これがベースになります。
***部分素材の作成


http://www.nekomataya.info/teck_info/wavemap/images/010shadow.jpg

ベースとなる波のムービーに明暗マップをオーバレイで合成して明暗の階調を作ります。


http://www.nekomataya.info/teck_info/wavemap/images/020hilite.jpg

波の明部と暗部の境目から抽出したエッジを明暗マップの明るい部分でクリップしてハイライト部分を作ります。


http://www.nekomataya.info/teck_info/wavemap/images/030specHilite.jpg

ハイライトの反射に不規則な「チラチラ」を与えるためにフラクタルノイズを使ってフレア素材を作ります。

***組み上げ
これらを合成して画面を組み立てて行きます。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_001.jpg

水面の色味を準備します。

サンプルでは、AEの4色グラデーションを使用してカラーレイヤを作っています。
アニメのお仕事ならば、背景様と打ちわせをして同様の素材をいただくか、背景素材から色味をピックアップして同様の手法で相等の素材を作るのが良いでしょう。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_002.jpg

ベースの波をオーバレイで合成します。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_003.jpg

乗算で影部分を置いて光の当たらない部分のコントラストを下げます。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_004.jpg

ハイライト部分を加算します。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_005.jpg
一寸調子が弱かったので、マスクを使って影部分を更に落とします。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_006.jpg

トーンカーブで全体の調子を整えます。

http://www.nekomataya.info/teck_info/wavemap/images/130sampleComp_007.jpg

ハイライト部分にキラキラフレアを加算


と「あざとい夕陽の川面」いっちょ上がり　な、カンジです。

更に背景となじませたい場合は、たぶんこれに背景用紙の質感を加えたり、筆跡っぽいテクスチャを持ち込んだりするのですが…
まずはここまで。

**　データの扱いに関して

調整のサンプルはダウンロードできるデータに何種類か入っています。

手書きの波が作品内で混在する場合などは、セルルックに調整したほうがまとまり良いカンジになると思います。
（実はそういうケースの方が多い）
セルルック用のサンプルデータもありますのでご参照下さい。

今回の公開データは、当方で使用している作業用のデータそのままです。
公開用の縮小データとかで無く、フルサイズのフッテージとサンプルプロジェクトです。
データ本体はねこまたやの著作物ですが、特に使用の制限は設けません。
必要ならば商用・非商用を問わず、ご自由に使用いただけるものとします。
ねこまたやへの使用許諾等も必要ありません。

ま、よろしければどんぞです。

----
2012.11.16	Nekomataya/kiyo