【After Effects】同じ文字を何段も並べて動かす方法|文字背景の作り方

【After Effects】同じ文字を何段も並べて動かす方法|文字背景の作り方のアイキャッチ画像

画面の余白を、動く文字で埋めたいです。

同じ文字列を複製し、段ごとに方向と時刻を変えると背景になります。

同じ言葉を何段も並べる表現は、文字そのものを背景素材として使う方法です。

一段の横移動を作ってから複製するため、複雑に見えても基本操作は位置と時間差だけです。

この記事では、素材動画の8分13秒から9分26秒付近をもとに、手動で整列できる手順へ整理します。

After Effectsで同じ文字列を複数段へ並べて交互に動かした背景
段ごとに進行方向と開始時刻を変えると、単純な横移動からリズムが生まれます
素材動画から切り出した12秒の操作例で、反復文字を何段も並べて動かす表現の流れを先に確認できます。
反復文字を何段も並べて動かす表現を収録した元動画です。
この記事で分かること
  • 長い繰り返し文字列の作り方
  • 5段へ等間隔で並べる基準値
  • 上下で進行方向を反転する方法
  • 主役の文字を邪魔しない透明度とサイズ
目次

反復文字が背景として機能する理由

同じ文字を並べると、うるさくなりませんか?

主役より小さく暗くし、段ごとに動きをそろえると模様として読めます。

同じ形が繰り返されると、読者は一文字ずつではなく一つのパターンとして認識します。

進行方向を上下で変えると、画面全体に動きがありながら中央へ視線を残せます。

主役と背景のコントラスト差を大きくすることが読みやすさの鍵です。

準備するコンポジションと文字

1920×1080、30fps、長さ4秒のコンポジションを作ります。

同じ短い単語を空白で区切り、画面幅の2倍ほどになるまで繰り返します。

背景用の文字は主役より細いウェイトまたは小さいサイズにします。

作り始めの7秒を見ながら、反復文字を何段も並べて動かす表現に必要なレイヤーと初期状態を確認します。

作り方1:一段目の横移動を作る

文字列はどこからどこまで動かしますか?

画面の左外から右外まで移動させ、途中で中央を通過させます。

  1. 0フレームで文字列の右端が画面左外にある位置へ置きます。
  2. 36フレーム目で文字列の左端が画面右外にある位置へ置きます。
  3. 位置キーフレームへイージーイーズを適用します。
  4. 中央付近で一度速度が落ちるグラフにします。

素材では一度止まってから加速するH字型の速度変化が使われています。

最初は一定速度で確認し、読ませたい瞬間だけ中央の減速を加えます。

作り方2:5段へ複製して整列する

等間隔に並べる簡単な方法はありますか?

一段を複製し、Y位置を180pxずつ変えると5段を均等に配置できます。

  1. 完成した文字列レイヤーを4回複製します。
  2. 中央段をY=540px付近へ置きます。
  3. 上方向と下方向へ180pxずつ配置します。
  4. 整列パネルで横方向の基準をそろえます。

Nisa Shape Repeaterなどの補助ツールがなくても、複製と位置入力で同じ配置を作れます。

行間はフォントサイズの1.2倍から1.8倍を基準にします。

作り方3:段ごとに方向と時間を変える

5段が同時に動くと一枚の板に見えます。

偶数段を逆再生し、開始を2フレームずつずらしましょう。

  1. 1段目、3段目、5段目は左から右へ動かします。
  2. 2段目と4段目は位置キーの値を入れ替えます。
  3. 各段の開始時刻を2フレームずつずらします。
  4. 中央段だけ移動距離を少し短くします。

進行方向の差があると、同じ文字列でも段を見分けやすくなります。

すべての段をランダムにすると散らかるため、奇数と偶数の規則を残します。

基準値の早見表

項目基準値目的
段数5段画面を埋める
行間180px文字の重なりを防ぐ
背景の不透明度10%〜18%主役を残す
開始差2フレーム段のリズムを作る
1920×1080の文字背景で使いやすい配置と濃度
調整中の7秒です。数値を変えたときに反復文字を何段も並べて動かす表現の見え方がどう変化するかを確認できます。

仕上げとイージング

5段をプリコンポーズし、背景グループとしてまとめます。

プリコンポーズ全体の不透明度を10%から18%へ下げます。

中央へ主役の文字を置き、背景とのサイズ差を作ります。

主役と重なる部分が読みにくい場合は、背景へブラーまたは暗いオーバーレイを加えます。

After Effectsのレイヤーと開始時刻の公式解説も確認できます。

After Effectsの段落と文字揃えの公式解説も確認できます。

この動きが合う場面

歌詞の反復や作品名を背景へ敷くと、テーマを保ったまま余白を埋められます。

ニュース風の画面では細い英字を使い、ポップな映像では太い日本語を使えます。

画面転換の前後で進行方向を反転すると、カットの勢いを補強できます。

うまくいかないときの直し方

文字背景が主役より目立ってしまいます。

サイズ、不透明度、コントラストの順に下げて主従を作りましょう。

段が重なる

行間を広げるかフォントサイズを下げます。

ループの継ぎ目が見える

文字列を画面幅の2倍以上にし、開始と終了を画面外へ置きます。

画面が落ち着かない

方向を奇数段と偶数段の2種類だけに限定します。

主役が読めない

背景の不透明度を10%前後へ下げ、主役へ縁取りを追加します。

よくある質問

プラグインは必要ですか?

複製、位置、整列だけで作れるため必要ありません。

縦方向へ流してもいいですか?

使えますが、横書き文字は横移動のほうが読みやすさを保ちやすいです。

反復文字を何段も並べて動かす表現の完成例を繰り返し再生するGIF
反復文字を何段も並べて動かす表現の完成例です。動きの速さ、止まり方、読みやすさを繰り返し確認できます。

まとめ

反復文字の背景は、一段の横移動を作ってから複製すると効率的です。

5段を180px間隔で並べ、奇数段と偶数段の方向を反転します。

背景の不透明度を10%から18%へ抑え、中央の主役を必ず最も読みやすくしてください。

いかがでしたか?

いかがでしたか?と大きく表示されるパチンコ風アニメーション
最後まで読んでいただき、ありがとうございました。

同じ文字列でも、段と方向を変えると背景として使えました。

次は中央段だけ速度を落とし、主役の文字が出る瞬間へ視線を集めてみましょう。

規則のある反復を残すと、情報量を増やしても画面を整えられます。

【After Effects】同じ文字を何段も並べて動かす方法|文字背景の作り方のアイキャッチ画像

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次