![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/8dbe8e42-6f49-4912-b815-e5cf16b3e5bf_rw_1200.jpg?h=920da0e75bddcbde972c4b266a709999)
1. はじめに
After EffectsのRE:Flexプラグインを利用して、2つの静止画によるモーフィング方法を紹介する。RE:Flexのインストール方法はMorphing Part 1の3.2で紹介している。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/fdda37ac-4ba7-4595-a22c-c1a891b3207c_rw_1200.jpg?h=39cb85ec88b4a304a1d09b741f13536a)
2.2 素材の加工
Photoshopで同じサイズ、位置になるように調整して、2つの画像として保存し直す。背景も同じ色になるように編集する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/c802f29e-6c14-45cd-9479-113128ed5f62_rw_600.jpg?h=4a5f38cf0fb4534bac12a9ac7c69ecd8)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/9c6807ae-e5b3-41b3-ae1e-ba7d88a56790_rw_600.jpg?h=03440d92f9e111e86143f408bf2fc583)
3. プロジェクトの準備
下図のようにフォルダ構成して、2つの画像をmediaフォルダに入れる。After Effectsのプロジェクト(morphing.aep、名称任意)をルート位置に保存する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/b02fc439-6d44-4f0c-ac81-f3a34a004401_rw_600.jpg?h=5276cac0c11569a5ab5349a1439ad223)
4. RE: Flex Morph
4.1 1つ目のコンポジション作成
今回用意している画像は640 x 600pxであるが、RE:Flexのデモ表示を小さくするために擬似的に解像度を倍にする。以下の設定でコンポジションを作成する。
コンポジション名:prework
幅:1280px
高:1200px ※縦横比固定のチェックを外しておく
デュレーション:3;00
幅:1280px
高:1200px ※縦横比固定のチェックを外しておく
デュレーション:3;00
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/a8d3ac4b-4240-455f-b5e9-12599db37c42_rw_600.jpg?h=c5b12c9263053c8d639088a67f4211e1)
プロジェクトパネルからfemale_a.jpgとfemale_b.jpgをタイムラインに追加する。
それぞれスケールを200%に変更する。
female_b.jpgレイヤーのデュレーションを1フレーム(0;00〜0;01)に変更する。
female_a.jpgレイヤーのデュレーションを1フレーム(2;29〜3;00)に変更する。
それぞれスケールを200%に変更する。
female_b.jpgレイヤーのデュレーションを1フレーム(0;00〜0;01)に変更する。
female_a.jpgレイヤーのデュレーションを1フレーム(2;29〜3;00)に変更する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/88929995-3335-4cc4-8520-85976e18bb99_rw_1200.jpg?h=beb041e109d5c1c5abb7e122799bc060)
4.2 2つめのコンポジション作成(入れ子)
preworkコンポジションを右クリックして、複数アイテムから新規コンポジションを作成する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/e3b339ca-b5d3-4750-962e-596eead600cf_rw_600.jpg?h=be44bd0640322507623a04fad3db6b62)
preworkの設定(サイズ、デュレーション)を引き継いだprework2が作成される。prework2のレイヤーにはpreworkが自動的に追加されている。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/4a84bc9f-c8d2-4423-83b3-2c69690a6f41_rw_1200.jpg?h=1ce469bf719526418a54da804787b4d2)
プロジェクトパネル上でprework2の名称をmorphingに変更する。コンポジションを選択した状態でReturnキーで名称入力モードに入り、変更後Returnキーで確定する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/8eb750d3-d68c-4a5f-b67b-dcb3fcf47b43_rw_600.jpg?h=3d4244d5401649985fc272168c0824de)
4.3 RE:Flex Morphの適用
タイムラインのpreworkレイヤーを選択した状態で、エフェクトメニュー > RE:Vision Plug-ins > RE:Flex Morphを適用する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/5b54cde7-1288-4353-8f3c-57b8f05bfe4d_rw_600.jpg?h=540952e81486ea6cd45510d20c07a915)
UI左上がエフェクトコントロールパネルに切り替わり、RE:Flex Morphパラメータが表示される。コンポジションパネル上ではデモ状態を表すX印が表示される。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/be7b5349-dc90-47e7-9533-dbd65f078b73_rw_1200.jpg?h=4b3e027005b7b06a164e582a8b82ba8a)
4.4 Picture Keyの設定
RE: Flex Morphでは独自の手順があり、以下の通りに設定していく。
Picture Keyキーフレームをストップウォッチアイコンをクリックして有効にする。
00;00フレームのPicture Keyをオンにする。
00;00フレームのPicture Keyをオンにする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/04883806-52b8-40dc-b58b-d7ba19a27f69_rw_1200.jpg?h=33bb0c179b15ac08a368b2d24d0ebddb)
00;01フレームのPicture Keyをオフにする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/92f0e541-dbc2-4eed-8726-5798899106f0_rw_1200.jpg?h=52e9247350b403c00baa70ff5287ac14)
02;29フレームのPicture Keyをオンにする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/baea8da1-8b2b-4fee-b1d1-b223b6ae95b9_rw_1200.jpg?h=5b21155dc3d3875d12e3e5114b9c1446)
5. オープンパスの作成
5.1 パラメータの設定
RE:Flex Morphには複数のパラメータがある。ここでは以下の2つのみ設定する。
・Hold Edges:チェックを入れる(画像の矩形を保持する)
・Match Vertices:チェックを外す(マスクパスのコントロールポイントの数や位置は解析せずにパスの形状から解析する。)
・Match Vertices:チェックを外す(マスクパスのコントロールポイントの数や位置は解析せずにパスの形状から解析する。)
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/8620e736-e20c-4dfa-8688-4b32ff1e7e1b_rw_600.jpg?h=05bebb9f944fd3db0fcfc70cd4473661)
5.2 右目上まぶたラインの描画
以下の手順で行う。
・0フレームの位置に移動
・タイムラインのpreworkを選択
・ペンツールを選択して、コンポジションパネルで右目上まぶたに沿ってオープンパスを描く
・マスクパラメータのマスクパスのストップウォッチをON(=キー作製)にする
・タイムラインのpreworkを選択
・ペンツールを選択して、コンポジションパネルで右目上まぶたに沿ってオープンパスを描く
・マスクパラメータのマスクパスのストップウォッチをON(=キー作製)にする
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/b928adb3-905e-43bf-8dad-582b2cd95e51_rw_1200.jpg?h=2d296bd0ada1c48f495a8ef4be169b4b)
・2:29フレームの時間位置に移動
・選択ツールに切り替えて、コンポジションパネルのパスを画像にあわせて修正
・選択ツールに切り替えて、コンポジションパネルのパスを画像にあわせて修正
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/a5dadfad-e514-4863-b35a-1288fc3bb106_rw_1200.jpg?h=59ba10b2e3d04f3d94a6f23a117c9891)
時間インジケータをドラッグ or プレビュー再生して、2つの画像がパスの変形に合わせて変化していくことを確認する。
5.3 マスクカラーとマスク名称の変更
マスクの色と画像の色が近いために判別しにくい場合は、必要に応じてマスクカラーを変更してもよい。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/ef28272b-ce1d-418b-9d4e-b3521ea896cc_rw_1200.jpg?h=f68aaa65a6219c9f521fda7ca2f3cdcf)
わかりやすくするためにマスク名称を変更してもよい。マスク名を選択してReturnキーを押して名称変更後、Returnキーを押して確定する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/d47d3739-43d8-4868-a2d8-8b9216206195_rw_600.jpg?h=bdc1dee71bb4a64cc9e6cb3d3e1ad4bd)
5.4 右目の瞳
そのままでは瞳の変化がディゾルブになるので、瞳の周りにもパスを描くと瞳が移動して変化するように処理される。
5.5 顔周りのパス
目、鼻、口、輪郭、頭等のパスを作成していく。2番目の女性は髪が右眉に重なっており、そのまま髪の縁をパスで設定した場合は右眉の整合性が取れない。ある程度はディゾルブ処理にまかせる必要もある。髪の動きだけでモーフィングさせたい場合は、2番目の女性のみで下処理のアニメーションを作成する必要がある。
5.6 服周りのパス
同じ構造の服ではない場合は、あくまでフィクションとしてのモーフィングを考えならパスを作成する。画像の変化が面白い or シーンの表現として違和感がない等、演出に合わせたモーフィングを作成する。
5.7 必要なパスの数
どこまでパスを追加していくかは自分しだい。試行錯誤しながら作成していけばコツがつかめてくる。今回の女性画像では髪型が異なるのでモーフィングだけでは限界はある。例えば髪を下ろすような動きは別途擬似的なアニメーションを作成するか、撮影段階で素材を作成したほうがよい。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/09b8fe7d-f7d3-4c59-aef5-385f8d537730_rw_1200.jpg?h=1368774aca24007412f2b9cb4282a99c)
6. ディスクキャッシュとメディアキャッシュ
6.1 ディスクキャッシュとは
6.2 ディスクキャッシュの削除
ディスクキャッシュはデフォルトでONなため、放置しておくと100GB以上溜まっていく。ディスク容量の限界に達すると極端にPCの動作が遅くなるので、ディスクキャッシュの設定を小さくしておくか、削除しておく必要がある。プロ用途でAfter EffectsやPremiere等を快適に使うためには、キャッシュ用のディスクを別途準備することも必要。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/3c607f44-8f72-417f-ac90-e3262d4c15de_rw_600.jpg?h=53cf44965a3fd63eb9dbd1f4f3aee083)
7. mp4の書き出し(課題)
ファイルメニュー > 書き出し > Adobe Media Encoderキューに追加をクリックする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/14f9ceca-b929-4bb8-8b28-861e0169427e_rw_1200.jpg?h=25d153e80dc959d1fe3dd2d06c4ff005)
Media Encoderのキューの下図部分をクリックする。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/4c6342c2-1f63-4391-a70f-4a0d9b796d80_rw_1200.jpg?h=d702e32b275b10ab6c207c1461b05488)
書き出し設定ダイヤログの基本ビデオ設定のフレーム縦横比を解除した上で、1280px x 1200pxに変更する。
![](https://cdn.myportfolio.com/9dc1d2d9-3bfc-4c09-8745-b82529bfc2d1/c7e91638-5ebc-48de-ad7e-f6247282bfab_rw_1200.jpg?h=ae5c0783eedcd3998c3eaac9a73d203f)
上図でOKした後、キューを開始してレンダリングする。