プレミアムな印象を伝えるアニメーションを作ってみたくありませんか。
そんな時便利なのがテキストの上を光のラインが移動するアニメーションです。
文字の上を光が流れる演出は、飲料やクレジットカードのＣＭなどによく使われていて高級感を感じさせてくれます。
初心者には難しいものと思ったらAfter Effectsで簡単に作れました。
文字の上を光が流れるアニメーション効果
テキストのフォントサイズはなるべく大きなものにすると、テキストの上を光が走る様子が見えやすくなります。
私の場合は小塚ゴシックのHを使いました。
平面レイヤーの上に文字を入力して配置します。
続いて文字に光を反射させる効果を作ります。光の効果は①地の光と②移動する光の2種類つくります。
タイムラインのテキストを選択し、[エフェクト][エフェクトコントロール][CC Light Sweep]を選択すると、プレビューモニターの左横にエフェクトコントロール画面fxCC Light Sweepが出現します。
※平面を選択して[CC Light Sweep]を選択すると平面に効果がかかってしまうので、必ず文字を選択してエフェクトをかけます。
- 光の角度:Direction
- 光の幅:Width
- 文字のエッジ部分の強さは:Edge Intensity
- 光のエッジの厚さ:Edge Thickness
お好みで調整すると地の光が出来上がります。続いて移動する光をつくります。
同じようにテキストから[CC Light Sweep]を選択すると、[エフェクトコントロール]の[CC Light Sweep]の下に[CC Light Sweep2]が生成されます。
動きをつけるため、タイムラインの上から[Center]にキーフレームを打ちます。
Centerとはアンカーポイントが示す光源の位置を示します。初期設定ではプレビューモニターの真ん中にあると思います。右横にある2つの数字を変化させると左右、上下に移動します。
テキスト上の光源を左から右に走らせましょう。動き出しのキーフレームをモニターの左外に移動させ、時計マークをクリックして確定します。
次にキーフレームを終了点まで移動させ、[Center]の値を変えることで光源もモニターの右外に設定します。
タイムライン上に始点と終点、2つのキーフレームが出現していれば作業完了です。
まとめ
上記メニューから
「エフェクト→描画→CC Light Sweep」①光の角度
②光の幅
③文字エッジの強さ
④光エッジの厚さ
上記でキラリ加減を設定できる。
オープニングタイトルなどに使えそうな基本技です。
まとめ
プロジェクトファイルはnoteからダウンロードください。
After Effectsをつかって書き順で文字を出現させる方法｜フルタニ｜note
何度か繰り返して取得しましょう。
こんにちは、フルタニです。放送局で番組作りをしてました。 文字の上を光が流れる を書きます。