【AE】モーション周期表「Tip Shape」をパスのトリミングで再現する

この記事では、After Effectsのモーションを整理した「モーション周期表」を再現する過程で、ChatGPTの協力を得ながら再現し学んだ情報を紹介します。

◇「パスの開始地点」はどこ？

開始地点は、パスが生成されるうえでの最初の頂点にあたり、はじめにクリックしたポイントが「開始地点」になります。

たとえば、今回の円でいうと開始地点が12時の場所に設定されています。

図形によって、パスの開始地点は変わるため、都度確認が必要です。

◇「パスはどの方向」から描いている？

上記の例だと、右回りにパスが展開されていることが分かります。

パスがどの方向に回転しているのかは、「図形のパス」の箇所で確認ができます。

出典：Adobe After Effects（© Adobe Inc.）

矢印が左を向いているマークが選択されていれば「時計回り」、右を向いているマークが選択されていれば「反時計回り」にパスが展開された状態を示します。

１．ベースとなるパスの作成

✅ツールバーから「楕円形ツール」を選択して作成
✅塗り：なし、線：あり（８～２０ｐｘ程度）
⇒名前を変えておくと見やすくなる（今回は「TipShape_base」で統一）

２．線の設定で先端を丸くする

✅線の先端：丸形キャップ（Round Cap）に変更

✅線の結合：丸形結合（Round join）に変更

3．ベースとなるパスの作成

✅「コンテンツ」＞「追加：▶」＞パスのトリミング⇒クリック
✅前章の説明に習って、「開始地点を15％」「終了地点45％」に設定

４．オフセットで動きをつける

✅シェイプ（区別のためにTip Shape_baseに名前変更）＞コンテンツ＞パスのトリミング１＞オフセット⇒ストップウォッチをクリック

✅タイムラインにキーフレームを打つ
⇒0秒地点を「0ｘ＋0°」に、終了地点を「1ｘ＋0°（＝360°）」に変更