Adobe Stockの編集可能なベクター素材を使用して、ニュースレターのグラフィックにアニメーションを追加します。

プロジェクト用イラストを検索

アニメーション化できるベクターのイラストを検索します。

ブラウザーにAdobe Stock webサイトが表示され、検索フィールドに「未来を予測」が入力されている

アートワークを選択、再配置、およびグループ化

不要な要素を削除してから、アニメーション化する要素をクリップボードにコピーしてアートワークをカスタマイズします。

アニメーション化する手のシェイプ要素の選択

アートワークをスマートオブジェクトとしてPhotoshopに貼り付け

アートワークをスマートオブジェクトとしてPhotoshopコンポジションに貼り付けてから、オブジェクトをサイズ変更し、配置します。

手と腕のスマートオブジェクトレイヤーが選択され、貼り付けダイアログボックスが表示され、「スマートオブジェクト」が選択されている

手をアニメーション化

ネスト化されたスマートオブジェクトを作成して変形プロパティを有効にしてから、手を回転させ、タイムラインに沿って配置します。

変形プロパティで有効になった左右の手のスマートオブジェクトを示すPhotoshopタイムライン

ウインクの動きをつける

タイムラインで目のレイヤーの不透明度をアニメーション化してから、他の要素をアニメーション化してより魅力的なアニメーションを作成します。

閉じたまぶたを示すPhotoshopタイムラインパネルと、目のレイヤーの不透明度キーフレーム

アニメーションGIFに書き出す

「Web用に保存」パネルを使用してプロジェクトをレンダリングし、最も互換性の高い電子メールアニメーションフォーマットに書き出します。

アニメーションGIFを保存する設定を示すweb用に保存ダイアログボックス

完成

読者を引き付ける魅力的なイメージが完成しました。

Adobe Stockの編集可能なベクターイラストから作成したアニメーションGIFを使用した電子メールメッセージ

Adobe Stockの厳選されたコレクションから、次回のプロジェクトに活用できる素材を見つけましょう。

09/21/2020
このページは役に立ちましたか。