MOTION DESIGN / BEGINNER'S STUDIO 教材を検索 /

描画 · 約12分

光の線が走り抜ける

Trim Pathsの始点と終点をずらして、流れる線の尾を作る。

ORIGINAL STUDY · 04 SEC
MP4
仕組みを示す自作イメージ
(AE実機レンダーではありません)

見本で見るポイント

ゆるいS字の曲線に沿って、短い発光区間が左から右へ移動。Endが0〜1.2秒で全長へ、Startは0.3〜1.5秒で追従。広いcyan halo+細い白線を重ねる。2秒から同じ動きを1回繰り返す。

  • 0.15秒:曲線の入口に短い発光線。
  • 0.6秒:線の先端と尾がどちらも進む。
  • 1.2秒:先端は終点、尾はまだ残る。
  • 1.5秒:尾も終点へ抜ける。

見本はブラウザーで描いた仕組みのイメージです。AE実機の結果ではありません。色分けや、見本を繰り返し見るための反復・退出を加える場合があります。これらは本文の手順外で、同じ操作だけでは自動的に反復・退出しません。本文の成功条件を目標に練習してください。

正確さについて:動きの考え方を説明する模式図。AEのレンダー、乱数、粒子数、発光・ぼかしの画素値の再現ではない。 識別用の色分け、見せ方用の反復・退出を含む場合があり、本文の手順との完全一致は意図していない。

先に練習しておくこと

  • fx-05 Trim Paths
  • fx-03 Glow

作業の準備

新規コンポジション:1920×1080、正方形ピクセル、30fps、8秒。開始タイムコード0:00:00:00。最下段にコンポサイズの濃紺の平面BGを作る。特記がなければ全レイヤーは0秒から8秒まで、2Dのまま。

設定の目安

End

0〜1.2秒で0→100%

先頭が進む

変えてみる:速すぎればキー間隔を伸ばす。

Start

0.3〜1.5秒で0→100%

尾が追う

変えてみる:開始の遅れを長くすると尾が長い。

Glow Radius / Intensity

25 / 1

線の周囲の光

変えてみる:高くし過ぎず芯を残す。

BUILD THE EFFECT

操作手順

  1. 01

    fx-05と同じ方法で開いた曲線を新規シェイプレイヤーSTREAKに描く。ペンで点を打つときに少しドラッグすると曲線になる。塗りなし、白い線6px。

  2. 02

    STREAKのContents > Add > Trim Pathsを追加。Offset=0°、Start=0%、End=0%。

  3. 03

    0秒でEnd=0%を確認し、End左のストップウォッチを1回押す。1.2秒(0:00:01:06)へ移動してEnd=100%に変える。

  4. 04

    0.3秒(0:00:00:09)へ戻り、Start=0%を確認してStart左のストップウォッチを1回押す。1.5秒(0:00:01:15)へ進めてStart=100%に変える。始点を少し遅れて追いかけさせる。

  5. 05

    STREAKにGlowを追加。Glow Threshold=60%、Glow Radius=25、Glow Intensity=1。曲線の芯が白く残る程度に調整。

  6. 06

    0〜2秒を再生する。0〜0.3秒は線が伸び、その後は尾が消えながら前進し、1.5秒で消えれば成功。まずキーは線形のままで試す。

MAKE IT YOURS

表現を変えてみる

Startの開始を0.15秒と0.5秒で比べ、短い閃光と長い光跡を作る。

うまくいかないとき

  • 線が描かれて残る:Startにもキーがあるか確認。
  • ずっと見えない:StartとEndを同時に同じ値で動かしていないか確認。
  • 本物の発光粒子や自動トレイルではない:今回は1本の線の表示区間をずらす構造。

公式の参考資料

メニュー名や画面の差異は、使っているバージョンの公式ヘルプでも確認できます。