実技 UI/UXデザイン実習

PhotoshopでGIFアニメーション制作

ドーナツ屋さん(架空)のバナー広告を作成し、バナー広告に動きをつける形でアニメーションを作成してみました。

Photoshop(ツールのウィンドウ → タイムライン/フレームアニメーションを作成)

ドーナツ屋さんのロゴを最後に入れるか悩んだのですが、バナーとしての宣伝もかねて、最初から最後まで表示をさせることにしました。

ドーナツは動きを見せるために、コマごとに少し角度に変化をつけています。
また文字はしっかり読めるように表示時間を調整しましたが、長くなることでの離脱をさけるよう気を付けています。

タイトルとURLをコピーしました