おはようございます
今日は標準エフェクトだけでできる
「文字を書き順通りにアニメーションする」
方法を紹介していきたいと思います。
さっそく大まかな手順はこちら
・書き順通りに表示する下準備
・アニメーションを付ける
まず書き順通りに表示する準備をしていきます
1.新規テキストを入力
ctrl+Tで文字ツールにして、テキストを入力する
2.ペンツールで文字の上に線を描く
テキストのレイヤーを選択した状態で、
ペンツールで文字の上に線を描いていく
書き順ごとに、線を分けて描いて行きます
point
描いた線の順番で表示されるので書き順通りに線を描いていきます
文字の中心を通るように全ての文字に
ペンツールで線を描いた状態↓
point
書き順が変わるときは、ctrlを押しながら
クリックすると前の線から離れます
3.エフェクト>描画>線を適用
テキストレイヤーにエフェクトの「線」を適用する
4.すべてのマスクにチェックを入れる
5.カラーを見やすい色に変える
テキストの色と被らない見やすい色に変更する
point
最終的に見えなくなるので何色でもOK
6.ブラシのサイズを大きくする
元のテキストが隠れるまでブラシのサイズを大きくする
point
ここで下のテキストがはみ出す場合は、
先ほど描いた線の位置を調整する
7.「元のイメージを表示」に変更
アニメーションをつけていきます
8.終了を0%にしてキーフレームを打つ
タイムラインのインジケーターを0秒に移動して、
エフェクト線の終了を0%にしてキーフレームを打つ
9.終了を100%にしてキーフレームを打つ
タイムラインのインジケーターを3秒に移動して、
エフェクト線の終了を100%にしてキーフレームを打つ
番外編:書き順の次の所まで表示されてしまうとき
線を中心から少しずらした状態↓
ペンツールで描いた線の位置を調整して
今の書き順の所だけ表示するようにします
完成
以上、文字を書き順通りに表示する
アニメーションの方法でした。
活用できそうな時はぜひ実践してみてください。
ではまた来週〜