GIFアニメを簡単に作成したった【点滅アイコン】

GIFアニメを簡単に作成したった【点滅アイコン】

ブログを書いていると、古い記事を見直して修正・追記を行う場合がポツポツありますね。今までは記事の修正は赤字で「追記」と書いていました。しかし新しく情報を書き足した時などは、そのまま更新していました。

これではブログ訪問者にせっかくの新しい情報が伝わらないの可能性があります。そこで、新しい情報を書き加えた時に、いち早く分かるように 点滅するNEWアイコン を作成してみました。

GIFアニメを簡単に作成したった【点滅アイコン】

点滅するといっても、動画ではありません。数枚の画像を繋ぎ合わせてGIFアニメーションとして利用する訳ですね。いわゆるパラパラ漫画みたいなものです。

GIFアニメーションとは?

GIFアニメーションを一言で表すと、動いている画像の事です。画像を何枚か繋ぎ合わせ、あたかも動画のような動きを与えて行くのですね。手軽に作れてとても重宝します。よく似た物にFlashアニメというものがあります。Yahooのトップページで表示されている動く広告ですね。GIFアニメーションは特別なアプリケーションを使うことなくブラウザで見る事が出来ますが、FlashアニメはFlash Playerという専用ソフトの導入が必要になります。

GIFアニメーションのメリットとデメリット

GIFアニメーションを作成する前に、メリットとデメリットを調べてみました。

GIFアニメーションのメリット

  • 一般的なブラウザで表示可能。アプリケーションは不要。
  • 専用ソフトを使う必要が無い。画像と変換ツールのみで作成できる。
  • HTMLで記述できる。
  • 背景の透過が可能。

GIFアニメーションのデメリット

  • 音声が出せない。
  • 最大256色しか使えない。
  • ムービープレイヤーで再生不可。
  • いかにも広告っぽくウザい。

GIFアニメを簡単に作成する方法

では、サクッと作成して行きましょう。まず最初にGIFアニメに使用する画像を手に入れます。以前に撮影しておいたノラ猫の写真を使います。

GIFアニメを簡単に作成したった【点滅アイコン】
GIFアニメを簡単に作成したった【点滅アイコン】
GIFアニメを簡単に作成したった【点滅アイコン】
GIFアニメを簡単に作成したった【点滅アイコン】
GIFアニメを簡単に作成したった【点滅アイコン】

次に、この5枚のjpg画像をGIFアニメに変えて行くのですが、bannerkoubou.com さんで簡単に作成できます。

ファイル5枚を選択して行きます。40枚まで選択が可能になっています。

GIFアニメを簡単に作成したった【点滅アイコン】

点滅間隔を設定します。0.1秒から60秒までの間で設定可能です。なお、1秒が推奨となっていたので、1秒に設定しておきました。

GIFアニメを簡単に作成したった【点滅アイコン】

次に、ループ設定で、繰り返し再生させるか、一度きりの再生なのか設定します。

GIFアニメを簡単に作成したった【点滅アイコン】

最後に「GIFアニメを作成する」をポチッとクリックでGIFアニメが作成されるので、最後に「ダウンロード」で保存します。

GIFアニメを簡単に作成したった【点滅アイコン】

完成したのがこちらのGIFアニメです。1秒間隔では、少し慌ただしいですね(笑)。

GIFアニメを簡単に作成したった【点滅アイコン】

NEWアイコンを点滅させてみました。

GIFアニメを簡単に作成したった【点滅アイコン】

やり方さえわかれば簡単に作成できますね。あなたも自作GIFアニメを作成してみてはどうでしょうか?