テキストアニメーションに 文字を追加して 一度に1文字ずつ 出現させることができます こんにちは、Sarahです 今回お見せするのは カスタムテキストアニメーションを プロジェクトに作成する方法です テキストレイヤーを 一度に1文字ずつアニメートするには アニメーターを使います テキストレイヤー プロパティを開き 「アニメート」を選択します 位置アニメーターを追加しましょう すぐに 新しい位置プロパティが追加されます 範囲セレクター プロパティを使って それぞれの文字を 個別にアニメートします 開始と終了の パラメーターを編集して アニメーションにします アニメーションを作成するには 位置の水平方向の値を ドラッグし コンポジションの右側から テキストをフレームアウトさせます これでコンポジションに戻って来る アニメーションを作成できます これをおこなう場所は アニメーター直下の 「位置」パラメーターで レイヤー自体ではありません レイヤーの位置を調整すると レイヤー全体が移動しますが ここではおこないません テキストの開始位置が 指定できたので タイムラインの先頭付近に 「開始」パラメーターのキーフレームを追加します 値は0のままにし 現在の時間インジケーター(CTI)を 動かし 2つ目のキーフレームを追加して 開始の値を100に変更します これでテキストが 右から現れるようになりました テキストに複数の単語があるので 単語間のスペースを アニメーション時に スキップさせたいと思います それには 「アニメーター」パラメーターに移動し 高度ドロップダウンを開きます 「基準」のドロップダウンを開き スペースを除いた文字に 変更します 仕上げに 画面に出てくる テキストの不透明度に アニメーションを追加しましょう 最初のキーフレームに CTIを合わせ テキストレイヤーの 「不透明度」パラメーターの隣にある ストップウォッチを選択し 開始キーフレームを作成します テキストが非表示の状態から フェードアップさせたいので 不透明度を0に変更します 2つめのキーフレームに 移動して 不透明度のキーフレームを作成し 100に変更します ではプレビューしてみましょう テキストが画面に流れる すてきなフェードアップエフェクトになりました 今回は触れていませんが アニメートできるプロパティは ほかにもたくさんあります ぜひご自身のプロジェクトで試して アイデアを形にしてみてください

Cookie Settings
General information
If enabled:
- We can improve your experience by tailoring the site and the content to things we think might be of interest
- We can better keep track of your preferences — like what language you prefer to use
- We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
- It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
- We won’t be able to remember you from session to session so the experience may not be tailored to your interests
- You’ll still have access to the content of the site but certain features that depend on cookies may not function
- You’ll still see ads, they just may not be as relevant to you
General information
If enabled:
- We can improve your experience by tailoring the site and the content to things we think might be of interest
- We can better keep track of your preferences — like what language you prefer to use
- We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
- It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
- We won’t be able to remember you from session to session so the experience may not be tailored to your interests
- We’ll still count your use of our site and services
- You’ll still have access to the content of the site but certain features that depend on cookies may not function
- You’ll still see ads, they just may not be as relevant to you
