作成者Claudio Zavala Jr.の紹介
[Claudio Zavala Jr.]：こんにちは。
Claudio Zavala Jr.
です。
アドビのエデュケーション エバンジェリストです。
このビデオでは、最新の クリエイティブワークフローとして、 静止画からシュガースカル （装飾的な頭蓋骨のモチーフ）柄の SNS広告アニメーションを 作成する方法を紹介します。
スピード重視で制作しましたが しっかりと意図を含んでいます。
Photoshopでデザインし、 Fireflyで手を加え、 Photoshopで ご覧のようにシンプルな アニメーションに仕上げます。
では始めましょう。
Photohopでデザインの土台を作る
Photoshopで部屋を背景レイヤーにした プロジェクトを開きました。
これにテディベアの画像を 埋め込みます。
Adobe Stockで見つけたものです。
次に、コンテキストタスクバーの 「背景を削除」をクリックします。
この2つの要素を自然にブレンドするには、 コンテキストタスクバーの 「調和」機能を使用します。
そして、生成された 複数のバリエーションから 好みのものを選択します。
プリセットを使用して繊細な色調補正を適用し、 柔らかい印象にします。
最後に、すべてのレイヤーを 1つに結合し、 スマートオブジェクトに変換します。
次に、Fireflyで このアイデアを展開しましょう。
Fireflyで大胆なビジュアル表現を模索する
「テキストから画像生成」と 参照画像を使用して 画像を生成します。
テディベアに装飾的な頭蓋骨を まとわせましょう。
まず、モデルを選択します。
Firefly Image 4にしましょう。
縦横比を正方形に変更し、 参照画像を指定します。
次に、プロンプトを追加します。
「ターコイズの背景に シュガースカルのテディベア、 花を添えて」と入力し、 「生成」をクリックします。
素晴らしい結果です。
パートナーモデルを選択して 別の生成を試すこともできます。
この機能はFireflyでも 特にお気に入りです。
制作の流れを止めずにすばやく アイデアを視覚的に探索できます。
気に入ったものができたら ダウンロードして プロジェクトに埋め込みます。
次に、これに動きをつけて シンプルなアニメーションにします。
シンプルなアニメーションにする
まず、Fireflyで作成した シュガースカル画像をプロジェクトに追加し、 最上位レイヤーに配置します。
次に、雲の画像を追加しましょう。
コンテキストタスクバーで 「無料のAdobe Stock 画像を追加」を クリックします。
「白い雲」を検索して 下のレイヤーに追加します。
とてもかわいい シュガースカルのテディベアですね。
最上位レイヤーにクリッピングマスクを追加すると、 魔法のように 透過の効果が作成されて シュガースカルのテディベアが現れます。
タイムラインウィンドウを表示して ビデオタイムラインを作成します。
ここでキーフレームを作成して 雲をアニメーション化し、 拡大・縮小、回転、 移動をおこないます。
タイムライン全体のクリップに対して 同じ処理を繰り返します。
完成したシュガースカルを 確認してみましょう 再生ヘッドを先頭に移動して 再生をクリックします。
上出来ですね。
これをSNSに投稿して 他の人に見てもらうには、 プロジェクトを書き出す必要があります。
「ファイル」をクリックして、 「書き出し」、 「ビデオをレンダリング」の順に 選択し、 出力先の名前を決めます。
残りはすべてデフォルトのまま 「レンダリング」をクリックします。
おさらいすると、Photoshopでデザインして、 Fireflyで手を加え、 意図を込めてアニメーション化しました。
なぜこれが効果的かというと、 真のクロスアプリワークフローであり、 すぐにクリエイターの皆さんの 役に立つからです。
今度は皆さんの番です。
PhotoshopとFireflyで 魅力的なコンテンツを作って 世界に発信してみてください。
Adobe Educationチームの Claudio Zavala Jr.
でした。
ご視聴ありがとうございました。
