おはようございます
今日は
1文字ずつ出てくるアニメーションの作り方第3弾
上から落ちてバウンドするver.です
ざっくりと作る順番はこちら
①1文字ずつ落ちるアニメーション
②1文字ずつ上に上がるアニメーション
この動きを順番に追加することで
バウンドしている動きに見えます。
1文字ずつバウンドする文字の作り方
①テキストレイヤーを作成
新規コンポジションに
ctrl+Tでテキストレイヤーを作成
②テキストを入力
任意のテキストを入力
③アニメーターをクリック
テキストレイヤー右側にある
アニメーターの三角▶︎をクリック
④アニメーターの中の位置を選択
その中の「位置」を選択
⑤文字の位置を移動
文字を枠外上の方に移動して見えないようにする
⑥シェイプを「上へ傾斜」に変更
テキストレイヤー＞ アニメーター＞ 範囲セレクター＞高度のシェイプを
「上へ傾斜」に変更する
⑦キーフレームを打つ
テキストレイヤー＞ アニメーター＞ 範囲セレクター＞ オフセットのキーフレームに「-100％」と入力する
⑧キーフレームを打つ
テキストレイヤー＞ アニメーター＞ 範囲セレクター＞ オフセットのキーフレームに「100％」と入力する
⑨アニメーターをクリック（2回目）
テキストレイヤー右側にある
アニメーターの三角▶︎をクリック
先ほど追加したアニメーター1の横に「追加▷」がありますが、そちらではないので注意
1番上の「アニメーター▷」をクリックします
⑩アニメーターの中の位置を選択
その中の「位置」を選択
⑪文字の位置を移動
文字を最終位置の下に移動する
最終位置はアンカーポイントの所です
⑫シェイプを「上へ傾斜」に変更
テキストレイヤー＞ アニメーター＞ 範囲セレクター＞高度のシェイプを
「上へ傾斜」に変更する
⑬キーフレームを打つ
テキストレイヤー＞ アニメーター＞ 範囲セレクター＞ オフセットのキーフレームに「-100％」と入力する
⑭キーフレームを打つ
テキストレイヤー＞ アニメーター＞ 範囲セレクター＞ オフセットのキーフレームに「100％」と入力する
完成
ではまた