![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/eca0b949-9a11-453a-a5b4-bb5f67e0c328_rw_1200.jpg?h=b4a081ef804ea7d2007d0005f7e0abb2)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/472c6f5a-8ed2-4a25-9ef3-bb3c038dacac_rw_1200.jpg?h=0b91211956795790783f9887542c97c7)
動画モーフィングではフレーム毎にマスクパスのキーが必要になるので、静止画モーフィングと比較して作業に時間がかかる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/b8c31aa4-b69a-4563-acfe-368bb58fb67c_rw_1200.jpg?h=05ba016bcc087aa57652b120decfd549)
今回の演習では、動画モーフィングの基本的な方法は紹介するが、トライ&エラーが必要な作業が多い。ある程度完成してからしかクオリティの良し悪しが判断しづらいため、作り直しが発生することが多々ある。VFX全般に言えるが、これらのノウハウは時間をかけて積み上げるしかない。
素材映像撮影の注意点として、モーフィングは1秒程度の短い時間で行うことが多いので、あらかじめどの部分でモーフィングさせるか決めて撮影にのぞむ必要がある。全体の動きのタイミングはタイムリマップ機能で後から調整できる。タイムリマップでスローにする可能性もあるので、可能な限りフレームレートは高めで撮影しておく。
3. RE:Flexデモ版の表示を目立たなくさせる方法
詳しくは授業内で紹介する。
・素材画像をできるだけ高解像度にする(静止画はプリコンポーズでも処理が軽いので可能)
・エフェクト > キーイング > 色範囲でデモ表示の色指定
・下レイヤーに素材をクロスフェードさせたものを配置する
・エフェクト > キーイング > 色範囲でデモ表示の色指定
・下レイヤーに素材をクロスフェードさせたものを配置する
4. 課題演習
4.1 課題内容
・使用する素材:pete.mp4、richard.mp4
・提出データ:MP4
・提出方法:メールでギガファイル便で提出。課題共有Scrapboxへは中安がアップロードする。
・提出データ:MP4
・提出方法:メールでギガファイル便で提出。課題共有Scrapboxへは中安がアップロードする。
4.2 素材動画の準備
ここではRE:Flexのマニュアル付属のデータを利用する。
Macでは/Applications/REVisionEffects/REFlex5AE/REFlex5AEManual/movies/の中にpete.mp4、richard.mp4(下図)が含まれている。
Macでは/Applications/REVisionEffects/REFlex5AE/REFlex5AEManual/movies/の中にpete.mp4、richard.mp4(下図)が含まれている。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/d1f2d058-11af-41cc-8ac6-bb0e1f1d2abb_rw_1200.jpg?h=3a5fa749c7b77aa010a44aa24aae6f79)
下図のように、適当なフォルダ(下図ではmotionmorph_tutorial名称)を作成して、その中にpete.mp4、richard.mp4をコピーする。AEプロジェクト(.aep)も同じフォルダの中に作成していく。
今回は、解像度を擬似的に上げたデータ(pete1080.mp4、richard1080.mp4)を利用する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/f882e364-541c-4f0d-ab1c-e265295c6636_rw_600.jpg?h=c83210765384a0988698f729eca980d6)
4.3 コンポジションの作成(motionmorph_output)
動画2つをプロジェクトパネルの読み込み、2つとも選択した状態で右クリックする。メニューの「複数アイテムから新規コンポジション」をクリックする。もしくは、2つをドラッグして、プロジェクトパネル下の新規コンポジションを作成アイコンにドラックアンドドロップする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/a14ac9d2-65d8-4328-8388-0c032a3e5fc8_rw_600.jpg?h=8a0c25ad65c548391017aae8b0ad0dcf)
下の設定では、何も変更せずにOKを押す。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/09092dff-3769-44b4-a435-d7262015c00c_rw_600.jpg?h=e9eca61e2a9115b7787562edb4481dea)
コンポジション名称は、motionmorph_output(任意)に変更する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/5de30850-e301-4921-9402-858642f81aa6_rw_1200.jpg?h=c52c17ef9d8c77205672dc1aaa8e3594)
4.4 RE:Flex Motion Morphエフェクトの設定
タイムラインのpete.mp4(スタート側映像)を選択した状態で、エフェクトメニュー > RE:Vision Plug-ins > RE:Flex Motion Morphをクリックする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/11fe741c-2a8f-45d5-931c-6d045655cb7f_rw_1200.jpg?h=cfd53c184aa50fa93f4d3fe0ef9d79ea)
Motion Morphを適用した直後は、Warp "To" Layerが指定されていないので、赤透過されて下のレイヤー画像が表示される。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/2f2c0790-d8de-418c-92aa-93150b3cb84e_rw_1200.jpg?h=67ea3de3c44a6219c421426bbfa0c775)
Warp "To" Layerにrechard1080.mp4を指定する。
Demo版の場合コンポジションパネルに☓印とRE Vision Effects社名が表示される。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/34347145-1856-44fb-b7aa-13bc28ca44b2_rw_1200.jpg?h=63631e8b7f2b1942df98e967dd5226d1)
4.5 Global WarpとGlobal Blendのキーフレーム設定
以下のように、RE:Flex Motion Morphエフェクトのキーフレームを追加して設定する。
<0フレーム>
Global Warp: 0%
Global Blend: 0%
Global Warp: 0%
Global Blend: 0%
<22フレーム>
Global Warp: 100%
Global Blend: 100%
Global Warp: 100%
Global Blend: 100%
この時、Display: Wrapped and Blended(変形有り、融合有り)であることを確認する。プレビー再生してクロスディゾルブのように変化することを確認する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/ca806dd3-cdbb-498f-88cb-39a8449077a5_rw_1200.jpg?h=27bfde93783ae51483f57160889b7fa7)
4.6 UNwrapped "From"でマスクパスを描く
Display: UNwrapped "From"に切り替えた状態で、マスクパスを描いていく。
下図では左眉(マスク名称from_left_eyebrowに変更)のパスを描いた状態。静止画とは異なり、動画の場合はすべてのフレームを通してパスが対象物に沿ってアニメーションさせておく必要がある。コツとして眉毛に合わせるというよりも骨格に合わせて描く。
時間インジケータもしくはタイムコードで5フレームずつずらして変形させていく。最初の0フレーム目ではストップウォッチアイコンをONにして、次のフレームからはパスを動かすだけでキーフレームが追加される。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/176960f7-1000-425f-be01-fa51776ab7d9_rw_1200.jpg?h=f49b677fe098483608e97b3d2c7eaa8b)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/9eb5bb03-940c-4efc-9694-21025058b06e_rw_1200.jpg?h=4c2385b8ea0a08d92b88a6355474e560)
4.7 マスクパスを描くコツ
Illustratorのベジェ曲線に近い操作だが若干異なるので注意。ベジェ曲線に慣れていない場合はベジェ曲線特訓で練習する。
コンポジションパネルの移動・スケールは以下。
・手のひらツール:スペースキー+左ドラッグ
・ズームツール:スクロールホイール
・ズームツール:スクロールホイール
パスの描画と編集は、下図のペンツールと選択ツールを切り替えながら行う。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/dc24f4e7-da9e-4061-8656-639e6acb9bf3_rw_600.jpg?h=4bdf8b1a09c6b01086d0b13df47d6686)
ペンツールは長押しすると下図のように切り替えることができる。実際には、頂点の追加や削除は状況に応じてカーソルが自動で切り替わる。頂点切り替えツールはOptionキーでも操作できるのでメニューでの切り替えはほとんど使わない。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/08bc72e0-ff34-4aa4-a383-e21d53073e6d_rw_600.jpg?h=16237f9dffee496c873f5cf2e4b2def1)
一つのパスを描き終わったら、選択ツールに切り替えておく。頂点の移動は選択した頂点周りであればペンツールでも可能だが、パスを閉じる場合もあるので、選択ツールに持ち替えて行う方がミスが少ない。
マスクパスの描画は、慣れるまで誤操作が頻発する。不要なクリックで異なるマスクの作成、レイヤー非選択状態でペンツールを使ってシェイプレイヤーを作成してしまう場合もある。タイムラインの状態を確認しながら、Cmd+Zで取り消すなどして、丁寧に操作していく必要がある。
4.8 UNwrapped "To"でマスクパスを描く
Display: UNwrapped "To"に切り替える。動画はrichardに切り替わる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/48bb1364-de49-4bd0-be48-645723b26bad_rw_600.jpg?h=6bf5aa7018850f969c2d9f32186871a7)
新規にマスクパスを追加してもよいが、ここではすでに描いたfrom_left_eyebrowをコピーする。コピーはCmd+C、Cmd+Vでもよいが、Cmd+d(複製)で一度にできる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/7bf3726e-aad3-411b-b883-cf10ed96a907_rw_1200.jpg?h=3bf487451b7e9c3a66b4aca014c4d9a2)
マスクパスの名称をto_left_eyebrowに変更する。マスクカラーもfrom_とは異なる彩度の高い色に変更する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/fc2b8bff-7b91-4f15-a649-cfa10317957f_rw_1200.jpg?h=c5d8cf820fb139ecc5e5e8d231e70fe4)
タイムラインのfrom_left_eyebrowにロックをかけた状態で、to_left_eyebrowのパスを選択ツールでrichardの眉毛(骨格)に合わせていく。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/99f364c2-d486-4928-8223-b346625a19dd_rw_1200.jpg?h=e5eca904ce24ab3ea570a92fddca99ed)
キーフレームに移動して、マスクパスをすべて修正していく。このときfrom_とは異なる動きがto_にあった場合は、from_にはないキーフレームを追加する場合もある。キーフレームの数は重要ではなく、それぞれの被写体に合わせたマスクパスのアニメーションが設定されている必要がある。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/ccb86120-5beb-403f-8021-657646a4b5bf_rw_1200.jpg?h=5778bb6ae2006badafa1f37b2d13bd05)
4.9 Wrapped and Blendedの確認
マスクパスのロックは外してfrom_とto_の両方のパスが表示されている状態にする。Display: Wrapped and Blendedに切り替えて、モーフィングの状態を確認する。まだ眉毛だけなので途中経過状態。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/2352d759-0ffa-4359-ac43-a02fb5d7e117_rw_1200.jpg?h=d62074b20ab72c5d03728818b31e5e98)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/49ee06ab-6c34-487d-b870-c1c83572b8b5_rw_1200.jpg?h=020786cc1a60ef5564778191623c59fa)
4.10 Auto Hide Show Splines
Auto Hide Show Splinesは、Displayの設定と連動して、マスクパス(=Splines)のレイヤーのロックを切り替える機能。通常はONにしておいたほうがマスクパスが編集しやすい。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/00d9f8f7-2996-41a0-9111-e902c69c224a_rw_600.jpg?h=b7810f38ef1c46929fa8709f106c55d7)
ONの状態で、以下のような動作となる。
・Wraped and Blended(変形有り、融合有り):すべてのマスクパスを非表示
・UNwraped "From"(変形なし):from_のマスクパスを表示
・Wraped "From"(変形有り):すべてのマスクパスを非表示
・UNwraped "To"(変形なし):to_のマスクパスを表示
・Wraped "To"(変形有り):すべてのマスクパスを非表示
・UNwraped "From"(変形なし):from_のマスクパスを表示
・Wraped "From"(変形有り):すべてのマスクパスを非表示
・UNwraped "To"(変形なし):to_のマスクパスを表示
・Wraped "To"(変形有り):すべてのマスクパスを非表示
from_とto_はあくまで2組のマスクパスの1番目か2番目かで判定されている。名前は任意。
4.11 その他の機能
・Auto Align
自動的に特徴点を解析して処理する機能。デフォルトでOFF。素材によってはこれだけでも良い結果が出る場合もあるが、ONにした方が崩れる場合もあるので、ON/OFFの状態を確認してから判断する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/c154235c-1073-4955-bb1a-aaf0a67dfcea_rw_600.jpg?h=b23a73fac1f97a4d3574739f0d363407)
・Hold Edges
モーフィング処理により画像のエッジが崩れるのを固定する機能。デフォルトでOFF。対象物がフレームにあまり接近していない場合はONでよいが、ONにしたことでモーフィング処理にも影響しすぎる場合はOFFにして、エッジ処理は別レイヤーの画像等で行う。
・Match Vertices
from_とto_で頂点位置も影響させる機能。デフォルトでON。頂点位置の変化がfrom_とto_で異なる場合はOFFにする。
4.12 最終状態
マスクパスの作成と調整を繰り返して完成させる。下図では、from_とto_含めて20個のマスクパス。作業時間は1〜2時間程度。1秒に満たない映像なので、かなりの労力が必要なことがわかる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/55ca1b7f-1b7d-447e-9bea-10f9de27bc1c_rw_1200.jpg?h=9cfdb4fbdf15c609481da0b73d33cda6)
この実験では、目の部分の手間を省いたので若干ぼやけている。髪の毛の生え際等、細かくマスクパスを追加していけば、より自然なモーフィングになる。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/1ed53af7-3fdf-4144-a648-b33ae8700258_rw_1200.jpg?h=7fab0698f4acf9221b8d219ced27d02c)
5. チュートリアル映像
下チュートリアルは、https://help.revisionfx.com/album/24/#/tutorial-122でサンプルデータをダウンロード可能。
下映像では、RE:Flexは使わず、Liquify Toolで変形させている。髪の毛の処理等参考になる。
全身の激しい動きのモーフィング。https://help.revisionfx.com/album/24/#/tutorial-194でサンプルデータがダウンロード可能。このような制作を行う場合は、高速シャッタースピードでフレームレートの早い撮影を行っておく必要がある。スローモーションで処理した後、通常スピードへの変換を行う方がクオリティの高い映像が制作できる。