第５回　アニメーションGIFでバナーを作る

　今回はWebページで良く見かけるバナーを、アニメーションGIFを使用して作成します。作成したバナーはリンクエクスチェンジに登録し、このWebページのバナーとして実際に使いたいと思っています。

方針決定

　Fireworksはグラフィックスの編集に関してかなり自由度が高いので、作成前にきちっと完成イメージを固めるようなことはせず、場当たり的な試行錯誤で進めていきたいと思います。

　しかし、完璧に何も考えないとすると、Fireworksを起動してすぐに動きが凍ってそのまま朝になってしまいそうなので、一応、ラフな案だけは決めておきましょう。

　まず、バナーに使用するメインのキャラを決定するために、このサイトのコンテンツを質的な観点で分析しました。その結果、その全てのメニューにおいて、ほとんど内容が無いことに気付きました。(^^;

　それでも、この貧弱なコンテンツの中から、メインとすべきコンテンツを抽出しなければなりません。そこで、質的な評価はあきらめて量的な評価を行ってみました。

　その結果、使用しているHTMLファイル数が多いもの、という厳密かつ公正な評価基準の下、めでたく「サルによるサルのためのFireworks」のためのバナーを作成することに決定しました！（って、かなりわざとらしいですね）

　こうなると、タイトル的に「サル」を入れざるを得ません。個人的にシンプルなデザインが好きなのでサルのイラストとタイトルロゴくらいでなんとかしたいなーと、漠然と考えました。

　しかし、今回はアニメーションGIFを作成するので、なにがしかのストーリーというか、フレーム（アニメーションで順番に表示するコマのことです）の展開も考えなければなりません。

　そこで大まかに以下のようなストーリーを考えました。

1. バナーの中心に苦悩の表情をしたサルが一匹表示されている
2. サルの周りにいくつかのクエスチョンマークが表示され、少しポーズ
3. 「サルによるサルのためのFireworks」というロゴを表示して、ちょっと長めにポーズ。できれば、CLICK HEREなどと書いてある小さなボタンも表示したい。
4. 1.から繰り返し

　これで準備は完了です。早速製作に取りかかりましょう。そんな適当な準備で本当に大丈夫かよ、このサルといった不安を抱かせつつ、次ページへ続きます。

[ 戻る ] [ 上へ ] [ 進む ]

ご意見、ご感想はtht@ijk.comまでお願いします

このサイトは全ページリンクフリーです。リンク用バナーもありますのでよろしければご利用ください