アニメーション化するレイヤーを選択し、「モーション」 を選択します。デフォルトでは、タイムラインには、選択したレイヤーのすべてのオブジェクトが含まれています。
- Adobe Fresco ユーザーガイド
- はじめに
- 描画、ペイント、アニメーション、共有
- Adobe Fresco と Creative Cloud アプリ
- クラウドドキュメント
- トラブルシューティング
- サンプル、アイデア、インスピレーション
Fresco のフレーム単位またはモーションパスのテクニックを使用して、アートワークにモーションを追加する方法について説明します。
アートワークの要素にモーションを適用して、魅力的なビジュアルストーリーを作成できます。その後、完成したアートワークを MP4、GIF、PNG ファイルに書き出すことができます。
アートワークまたはその要素をアニメーション化
フレームごとまたはモーションパスのテクニック、あるいは両方を組み合わせて、アートワークまたはその要素をアニメーション化できます。
はじめる前に
アニメーションのジャーニーを開始する前に、次のコンセプトと制限事項を理解してください。
- いくつかのオブジェクトまたはそのプロパティに対して変更が必要な複雑なアートワークでモーションを使用する場合、別々のレイヤーにオブジェクトを作成することをお勧めします。これにより、アートワークで各オブジェクトの編集をより詳細にコントロールできます。
- レイヤータイムラインは、フレームを含んでいるオブジェクトまたはアートワークを選択したときに表示されます。タイムラインには、デフォルトで、選択したレイヤー内のすべてのオブジェクトが含まれ、作成されたフレームの総数と現在作業中のフレームが表示されます。例えば、2/13 は 13 フレーム中、2 つ目のフレームを作業していることを意味します。
各フレームの変化の複雑性に基づいて、フレーム単位技法かモーションパス技法を使用して、モーションをアートワークに適用します。
以下のタブを参照して、これらのテクニックを適用し、デザインの成果物に合わせて設定を構成する方法を説明します。
タイムラインを使用して、フレーム単位のモーションをアートワークに追加します。各フレーム内のアートワークに加えた徐々に起こる変化により、動きの錯覚や、デザインの変化が生まれます。
-
-
フレームを並べ替えるには、シャッフルするフレームを選択し、タイムラインに沿ってドラッグ&ドロップします。新しいレイヤーでアートワークを編集する前に、オニオンスキンを有効にします。
-
「すべて再生」を選択して、アートワークに適用したモーションをプレビューします。再生オプションを、モーション設定 から選択して、プレビューをループ、ブーメラン、または 1 回だけ再生することができます。
-
モーション設定 を構成して、速度の調整、再生オプションの変更、オニオンスキンの不透明度とフレームの調整、およびドキュメントのタイムラインの表示を行います。
-
希望のモーションレイヤーを選択し、詳細オプション アイコン/参照として設定を選択して、対象の塗りつぶしレイヤーの個々のフレームに塗りつぶしを適用することで、アニメーションの色付けを高速化します。
これらの手順を実行すると、モーションパスのテクニックを使用して、定義されたパスでオブジェクトをアニメーション化することができます。
-
オブジェクトを含むレイヤーを選択し、motion above the ruler を選択します。
-
下部のモーションバーで、パス を選択し、 レイヤーのプロパティパネルを開きます。
-
モーション効果を適用するには、モーションプリセットのいずれかを選択します。
-
詳細設定では、次のことができます。
- 拡大・縮小:これを切り替えてオブジェクトのサイズを拡大または縮小します。
- 回転:切り替えて「揺れ」または「スピン」モーションコントロールを取得します。
- 揺れ:モーションの「角度」と「回数」を指定します。
- スピン:反時計回りのオンとオフを切り替え、モーションの「回数」を指定します。
スピンまたは揺れエフェクトを追加
- フェードイン/フェードアウト:オブジェクトの不透明度を変更して、モーションパスの最初または最後にスムーズなトランジションを作成します。
- パスに整列:指定したパスにオブジェクトを整列させます。
- 複数追加:同じパスに複数のオブジェクトを追加して、リアルタイムでプレビューできます。
- 拡散:対応する追加されたオブジェクトに効果を適用し、リアルタイムにプレビューします。
- スピードオプション:モーショントラックの再生スピードを調整します。
- イーズイン / アウト:これらの効果を適用して、オブジェクトを画面からゆっくり表示させるか、隠すことができます。
-
「すべて再生」を選択して、作業中のモーションをプレビューします。パスを選択して、パス付きのプレビューを表示します。再生オプションを、モーション設定から選択して、プレビューをループ、ブーメラン、または 1 回だけ再生することができます。
-
モーション設定 を確認して、速度を調整し、再生オプションを変更します。またオニオンスキンの不透明度とフレームを調整し、ドキュメントのタイムラインを表示します。
フレーム/秒 |
アニメーションのスピードをフレーム毎秒(FPS)で定義します。FPS を増やすとスピードが速くなり、減らすと遅くなります。 |
再生 |
再生とプレビューのオプションを表示します。再生の種類はループ、ブーメラン、1 回再生です。 |
タイムラインを文書化 |
すべてのパスをフレームとして表示します。他のオプションとしてパスをフレームとして表示を有効にすることで、パスをフレームタイムラインに変換できます。 |
前後のフレームの内容を表示することで参照できるようになります。 再生ヘッドの下のフレームはフルカラーで表示されます。 モーションバーの設定でオニオンスキンの機能を有効または無効にします。
|
オニオンスキンを使用すると、フレーム上の描画をプレビューして、トレースしたり、小さな変更を正確に行ったりするのに役立ちます。表示したいフレーム数を調整することもできます。詳細情報については、以下のビデオをご覧ください。
アニメーションにモーション設定を適用する
以前に作成したモーションパスをコンテンツとともに移動またはサイズ変更するには、次の手順に従います。
-
書き出しを選択して、公開と書き出し/モーションを選択します。
-
次の書き出し形式を選択します。
- GIF:web グラフィックのモーションに使用します。
- MP4:オーディオとビデオの格納用に使用します。Fresco は、MP4 用に 3 つのプリセットを提供しています。
- 自動:最大解像度での書き出し出力に使用します。これにより、ファイルサイズが増える場合もあります。
- Web 対応:web ディスプレイの出力のサイズや質を最適化に使用します。
- PNG 設定:透明オブジェクトのあるモーションに使用します。Adobe After Effects でさらに編集するために PNG ファイルを書き出すことができます。
ヒント :ループスライダーを移動させて、MP4 モーション ファイルのループ数と継続時間を設定できます。
関連リソース
コミュニティに参加して、つながり、学び、対話する
インスピレーション、専門家のヒント、一般的な問題の解決策については、Adobe Fresco コミュニティフォーラムをご覧ください。当社のチームや他のユーザーとつながり、アイデアを交換したり、作品を共有したり、最新の機能やお知らせについて最新情報を入手したり、フィードバックを提供したりできます。