シェイプを変形させるとなぜか中心がズレてしまう時の解決方法を教えてください | After Effects

[AEfrom2019]

初めて投稿させていただきます。

1か月ほど前からAEを使い始めました。

表題の件ですが、言葉では説明しづらいので

画面キャプチャ動画を撮りましたので、1分19秒の動画ですがご確認ください。

録画 2019 06 29 15 05 19 352 - YouTube

やりたいことは、

「星形の図形から四角形へモーフィング（変形）させる」です。

YouTubeで見たチュートリアルどおりに

シェイプレイヤーを作成し、それぞれ右クリックでベジェパスへ変換して

キーフレームをコピーしているのですが、

ちゃんとアンカーポイントも図形も中心に持ってきているのに、

なぜか場所がズレてモーフされてしまうのです。

ググってもわからず、半日ほどハマってしまっています、、、

どうか解決策をご教示ください。

[Mukaida · Accepted solution]

２個目のシェイプは、１個目のシェイプレイヤーの「追加」ボタンから作成すれば、位置を合わせられます。

または、アイコンをダブルクリックするか、レイヤーメニューの新規作成／シェイプレイヤーにすれば、中央に配置できます。

それと、マスクやシェイプを変形させる時は、パスのポイント数を合わせた方が綺麗に変形できます。

＜追記＞

おそらく、環境設定の「アンカーポイントを新しいシェイプの中央に配置」にチェックが入っていて、レイヤーごとの位置がずれているのが合わない原因だと思います。

チェックを外している場合は、シェイプを中央に配置すると位置は[0,0] になります

[AEfrom2019]

Mukaida様、返信ありがとうございます。

結論から申し上げますと、解決できました。

解決方法としまして、

シェイプレイヤーを作成する際に、多角形図形のアイコンをダブルクリックして作成することで、

自動的にアンカーポイントとシェイプが中心の状態から作成できました。

この状態で、２つのシェイプレイヤー間でベジェパスをコピーすると、

モーフィング後の中心点もずれることなく変形させることができました。

ちなみに追記いただいた環境設定の件ですが、

こちらはあまり関係なかったようで、

オンオフ切り替えてやってみても変化は見られませんでした。

やはり最初にアイコンダブルクリックで中心にシェイプを作成することが

重要ポイントだったようです。

このたびはありがとうございました。

[Mukaida]

解決されて何よりです。

試したところ 質問の方法でもシェイプ（長方形）のトランスフォームの位置を[0,0] にして中央に移動させれば、同じ位置で変形します。（タイムラインで入力）

ビデオでは、ショートカットで中央に配置させているので、レイヤーのトランスフォームの位置が移動したようです。

レイヤーとシェイプそれぞれにトランスフォームがあるので、ちょっと複雑になっています。

なお、この場合、レイヤーのアンカーの位置はシェイプの中央にないので回転やスケールなどに影響が出ます。

環境設定のチェックボックスについて、下記ビデオは拡張機能の説明ですが、アンカーポイントの位置を見てもらえると違いがわかると思います。

https://www.youtube.com/watch?v=yVmYUmT7Gxo​

[AEfrom2019]

Mukaida様、助言ありがとうございます。

レイヤーとシェイプそれぞれにトランスフォームがあるというご指摘、

非常に勉強になりました。

AEはまだまだ初心者ですのでこういった何気ないアドバイスが非常に勉強になり、ありがたいです。

ctrl+alt+homeとctrl+homeを使用してシェイプを中心に持ってきていたのですが、

これが問題の原因だったのですね。

多角形１のトランスフォームの位置を毎回0,0にするのは手間なので、

それを簡略化できるプラグインなど探してみようと思います。

（もしおすすめプラグインなどありましたら教えていただければ幸いです）

[Mukaida · Accepted solution]

シェイプを中心に移動させる方法は、「アニメーションプリセットに保存」でもできます。

トランスフォーム…多角形を[0,0]に設定して、選択した状態でプリセットに登録します。

パスを選択してプリセットを適用すれば、中央に移動します。

[AEfrom2019]

「アニメーションプリセットに保存」やってみました。

これは便利ですね。

こんな便利な機能を教えていただけて助かりました。

ありがとうございました。