今回はWeb上の処理中などに表示される、ぐるぐる回るアニメーション画像を簡単に作成できるサイト「Ajax loading gif generator」を紹介します。

パソコンの電源を入れると、起動中であることを視覚的に知らせるアニメーション画面。 「Web2.0」などと騒がれているインターネット上のサービスにおいても、検索や読込時に処理中であることを知らせるアニメーションを頻繁に目にするようになりました。

上に表示されているようなアニメーションをWeb上で表示しようと考えると、Flash や Java などで作成するよりも、アニメーションGIF で作成した方が簡単そうです。
しかし、作業的にはパラパラアニメのように数枚から数十枚の画像を用意しなくてはらないため容易なことではありません。
今回紹介する「Ajax loading gif generator」は、そんなアニメーションGIFを簡単に作成できるサイトです。
作成方法は、「Indicator type」からアニメーションの種類を選択し、「Background color」(背景色)、(Transparent background にチェックを入れれば背景を透明にすることも可能)、「Foreground color」(アニメーション画像の色)のカラーコードを入力し、「Generate it !」をクリックします。

「Download it !」をクリックすれば、作成したアニメーションGIFをダウンロードすることができます。
アニメーションの種類は数十種類用意されているので、見ているだけでも楽しいです。
Ajax loading gif generator : http://www.ajaxload.info/
●関連記事 ・ハリーポッターやスターウォーズに似たロゴを作成できるサイト ・ゆらゆら揺れる絵を簡単に描けるツール「ウゴツール」 ・ホームページに最適なアニメーションGIFを作れるツール「Giam」 ・Web上で1枚の顔写真から3Dビデオクリップを作成できるサイト ●前の記事
・入力したキーワードの関連語句を検索できる事典検索システム ●次の記事
・メールの「タイムカプセル」!未来の自分にメールを送れるサービス
よろしければこの記事をブックマークに追加してください。 .
|