チュートリアル記事

中級

2 分

テキストとオブジェクトをアニメーションで際立たせる

アニメーションは、SNSのフィードやオンラインで配布するコンテンツのデザインを目立たせるのに役立ちます。

必要なもの
アプリ内で使ってみる

テキストやオブジェクトに動きを与えると、デザインに注目を集めることができます。しかもそのプロセスは簡単で、時間をかけることなく楽しみながらおこなうことができます。こちらはTikTokの例です。

エディターでデザインを開いた状態で、カンバス上のオブジェクトを選択すると、プロパティパネルが表示されます。下にスクロールして「アニメーション」をクリックします。

すると、アニメーションの3つのオプション( 「開始」、「ループ」「終了」 )が表示されます。

開始 」を選択すると、オブジェクトがどのようにデザインの中に入ってくるかを決めることができます。

ループ 」を選択すると、デザイン内で繰り返されるオブジェクトの動作を決めることができます。

終了 」を選択すると、オブジェクトがデザインからどのように退出するか(アニメーションの最後にどのように動作するか)を決めることができます。

アニメーションの種類を選択したら、その動作時間、動作、速度、強度を簡単に変更して、望み通りの動作にすることができます。アニメーションを設定したオブジェクトを選択すると、タイムラインで強調表示されます。バーをドラッグしてタイミングや長さを変更できます。また、再生ヘッドをドラッグしてアニメーションの動作を確認することができます。

これと同じ手順に従って、デザイン内のテキストをアニメーション化してみてください。

プレビューする準備ができたら、エディターの再生ボタンをクリックします。


プレゼンター

Adobe Express

2023年11月27日

Adobe Express でこれらのチュートリアルをお試しください

Web ページ、SNS 用画像、動画を作成