Photoshopアニメーション-Facebookビデオカバー

• かもしれません 17, 2024

次のいくつかのPhotoshopチュートリアルでは、クライアント用のFacebookビデオカバーテンプレートを作成します。このPhotoshopビデオテンプレートでは、2枚の写真と複数のテキストレイヤーを使用します。キーフレームとビデオタイムラインを使用して、これらのデザイン要素を移動およびフェードイン/フェードアウトするカスタムトランジションを作成します。最後に、ビデオがFacebookページでループできるように、最初と最後のフレームを同一にします。

グラフィックス

これはテンプレートであるため、プレースホルダーグラフィックスを使用し、スマートオブジェクトに変換します。一般的なプレースホルダー画像をクライアントの写真に置き換えることができます。

Facebookビデオカバーは、解像度が1080の820 x 462ピクセルである必要があります。 2つのグラフィックスの左側に1つの斜めのエッジがあるため、プレースホルダーグラフィックスは920 x 462ピクセルである必要があります。これは画面よりも100ピクセル広いです。

クライアントの写真を選択する際（スクリーンショットを参照）、920 x 462ピクセルも必要です。また、これらの写真の左側にテキストを配置するため、この領域の詳細を少なくする必要があります。クライアントの例で使用されている写真は、Upsplashのものです（以下のリンクを参照）。

アニメーションの計画

1. 最初のシーンは、既に画面に表示されている1つの写真で始まり、 商号 プレースホルダーテキストが画面にフェードインします。
   
   
2. 次のシーンは、プレースホルダーテキストが画面に残り、2番目の写真が右から画面にスライドして、元の写真に置き換わります。シーンは、プレースホルダーテキストがフェードアウトして終了します。
   
   
3. 3番目のシーンでは、2番目の写真が残り、プレースホルダーテキストの次のグループがフェードインします。一度に1行のテキストが表示されます。このテキストは、キャッチフレーズ、およびケータリング、照明、装飾など、企業が提供するサービスの短いリストになります。最後に、電話番号、メールアドレス、またはウェブサイトのURLの形式で行動を促すフレーズを追加します。
   
   
4. 4番目と最後のシーンでは、プレースホルダーテキストがフェードアウトし、最初の写真が右から画面に戻ります。ビデオの最初のフレームのタイムラインにあった同じ写真で最後のシーンを終了すると、ビデオをスムーズにループさせることができます。
   
   

注：写真とテキストレイヤーは単なるプレースホルダーであり、クライアントの必要に応じてテンプレート内で簡単に変更できます。

始めましょう。

使用した写真：
//unsplash.com/photos/JlnZGMegZaI
//unsplash.com/photos/iTFwsm6kb2g

次

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshopは、米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。

動画の説明: ⑤：Facebookカバーページの製作実演 (かもしれません 2024).