NR GLYPHS WORK

The Pieces Made

DETAIL

天の川水族館 サマーナイトアクアリウムの動くバナー 1920x1080
天の川水族館 サマーナイトアクアリウムの動くバナー 1200x1200 天の川水族館 サマーナイトアクアリウムの動くバナー 628x1200

天の川水族館 サマーナイトアクアリウムの動くバナー

架空の水族館の夜間イベント用の動くバナーです
このバナーは、閲覧者がクリックしてイベントのチケット購入サイトに移動後、チケットを購入しイベントに参加することを目的としています。

デザイン解説

イベントが行われる夜の水族館をイメージした紺色のグラデーションをベースに、イベント名と開催日時をわかりやすく配置しました。
イベントの雰囲気を目を引きやすくして伝えるために、夜空の星やチンアナゴなどのアイテムを動かしてゆっくり現れるようにしました。
また、バナーを掲載する媒体毎に適した大きさで表示するように3種類の大きさのバリエーションを作りました。

技術スタック

Illustratorでまずバナーの素材を作り、各パーツを別レイヤに分けて保存し
Photoshopのタイムライン機能を使用してフレームアニメーションを作り、GIFファイルに書き出しています。
  • Illistratorを使用
  • Photoshopを使用