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

合成 · 約15分

マットで文字がせり上がる

別レイヤーの形を窓にして、文字の見える範囲を決める。

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

見本で見るポイント

中央の横長矩形をclip領域にし、白い「夜明けへ」を下から上へ0.8秒で移動。右上の小さな説明図には薄い枠で窓を表示し、完成画面の本体では枠を表示しない。2.5秒まで保持、3.2秒まで下へ戻す。

  • 0秒:文字は窓の下に隠れている。
  • 0.4秒:文字の上部から見え始める。
  • 0.8秒:全文が窓に収まる。
  • 2秒:静止して読む。

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

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

先に練習しておくこと

  • テキスト
  • シェイプ
  • キーフレーム

作業の準備

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

設定の目安

Matte source

WINDOW

窓になるレイヤー

変えてみる:文字側で選択。

Matte mode

Alpha / 反転オフ

不透明な形の中を表示

変えてみる:今回は明度マットを使わない。

Text Y offset

開始時+250px → 0.8秒で元位置

文字を窓の外から中へ動かす

変えてみる:窓や文字の大きさに合わせて開始位置を調整。

BUILD THE EFFECT

操作手順

  1. 01

    0秒で文字ツールを選び、段落を中央揃えにする。白いテキスト「夜明けへ」を120px程度で作り、画面中央の窓内に置く。名前をREVEAL_TEXTにする。

  2. 02

    全レイヤーの選択を解除し、長方形ツールで画面中央の横長の窓を作る。目安は幅1200×高さ220px、中心(960,540)。塗り白・線なし、レイヤー名WINDOW。

  3. 03

    タイムラインのModes列を表示する。なければ見出しを右クリック > Columns > Modes、またはToggle Switches/Modesを切り替える。

  4. 04

    REVEAL_TEXT側のTrack Matte列でマット元にWINDOWを選ぶ。Alphaを使い、Invertはオフ。現在のAEではWINDOWが直上でなくても選べる。

  5. 05

    WINDOWの表示スイッチが自動的にオフになるのは正常。マットとしては働く。WINDOWは動かさず、REVEAL_TEXTだけを動かす。

  6. 06

    REVEAL_TEXTを選んでP。0.8秒(0:00:00:24)へ移動し、文字が窓内に完全に収まる位置にして、Position左のストップウォッチを1回押す。0秒に戻りYの値を250px増やして、窓の下へ隠す。Xは同じ値に保つ。

  7. 07

    位置の2キーにEasy Easeを適用。0〜1.5秒を再生し、窓の下端から文字が現れれば成功。

MAKE IT YOURS

表現を変えてみる

窓を固定したまま文字を横から入れ、上下のせり上がりとの印象の違いを見る。

うまくいかないとき

  • 白い長方形が見える:WINDOWを通常の見えるレイヤーとしてオンにしていないか確認。
  • 文字が全く見えない:文字側のマット元がWINDOWか、Alphaか、反転がオフか確認。
  • 古い動画とメニューが違う:現行はマット元レイヤーを先に選んでからAlpha/Luma等を切り替える。

公式の参考資料

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