Mini blog! 2

This is gif animetion which shows my new blog design.
以前このブログのアニメーションを作たのを思い出したノリで、今の新しいデザインのアニメーションも作りました。普段は全体がよく見えないのですが、今使っているブログの背景は高速道路から撮影した景色で、"鉄骨のラマ"（ただのコンテナ用クレーンです）が写っているお気に入りの一枚です。
Make your own animation

作ろう!GIFアニメ

以前から動くGIFアイコンやピクチャをアップロードしてきましたが、今回は友達のリクエストのためその作製法をあらためて紹介しようと思います。

（１）ツール

インターネット上で動く画像、それがGIFアニメです。画像をアニメにするには専用のツールが必要です。基本、私は10枚以下の画像を利用した簡単なアニメしか作成しないため、アニメ編集ツールとしては自宅PCにダウンロードしたソフト"natm"か、GIFアニメを作成するサイト"gicker.com"を使用しています。どちらも、アニメにしたい画像を読み込ませてアニメのスピードとサイズを選択するだけで簡単にアニメが作れます。

（ムービーメーカーやスライドショーにあるような画像の切り替えエフェクトはありません。単純に画像が切り替わるだけです。）

ただ、二つの大きな違いは、"natm"はサイズとスピードがより細かく選べる点で"gicker.com"よりも優れていますが、一方GIFアニメは画像をアップロードする際に拡張子を自動的にPNGやJPEGに変換してしまうサイトやアニメを画像に戻して表示してしまうサイト（まさにBloggerとか）では動いたままアップロードできないため埋め込みコードや他のサイトへのシェア機能がある"gicker.com"のほうがより多くのサイトでアニメを楽しむことができます。アニメをアップしたいサイトが直接GIFアニメをアップできるか否かをあらかじめ確認し、ニーズに合ったツールを利用して下さい。

（サイトに直接アップできるのなら、私的には"natm"の方がお勧めです。日本語だし。）

（２）素材画像

アニメの素材となる画像もアニメにする前に拡張子はGIFに変換します。なぜならGIFはアップロードの際に劣化が少なく、容量が軽いためアニメに変換する際こころもち変換速度が速いからです。

はじめからGIFで画像を作るのにこしたことはないのですが、PNGやJPEGの画像でも画像の拡張子を変えて保存ができるソフトを使えば他の拡張子の画像も簡単にGIFに変換することができます。

ただし、WindowsPaintでJPEGやPNGをGIFに変換すると必ず画像が粗くなり、ブツブツした画像になります。しかし、これはGIFに変換してから縮小をかければ問題ありません。あらかじめ大きめの画像を作成し、GIFに変換した後にMicroosft Office Picture Managerなどを利用して縮小すればブツブツが目立たないJPEGやPNGのようなきれいなGIF画像になります。

（例）

原画PNG画像

300×300

31.8KB

↓GIFに変換


変換GIF画像

300×300

12.3KB

（変換の際に出るブツブツが見える）

↓30％縮小

縮小GIF画像

90×90

4.93KB

（小さくすればするほどブツブツが目立たなくなる）

（３）作業の流れ

①ペイントで作った画像など、アニメの素材となる画像を用意する（作りたいアニメより大き目）

②画像を拡張子GIFにして保存する

③画像を使いたいサイズに縮小する

④アニメを作るツールに画像を読み込ませる

⑤再生する画像の順番、スピード、サイズを設定する

⑥ツールで画像をアニメに変換する

↓今回は"gicker.com"で変換
鬼太郎口笛アイコン完成！
使用画像：GIF2枚
サイズ：50×50（50pix）

以上が作業の大まかな流れです。このページを参考にみなさんもGIFアニメを楽しんでみて下さい！

Mini blog! (Gif anime - part2)

That's gif anime which I make same way as chat icons. If you use gif anime, you can chose its form or size freer than windows moviemaker. And gicker.com can upload gif anime without going to the blogger page. This is the example. It's my blogger page's mini version.
チャットアイコンと同じＧＩＦアニメでさらにアニメーションを作りました。ＧＩＦアニメはムービーメーカーの動画と違ってアニメのサイズ、縦横の長さをより自由に選ぶことができるので意外と表現力豊か。さらに、私の使ったgicker.comではBloggerのブログに直接投稿する機能があるので便利です。
上の動いているものが私のブログをアニメにしたものです。
gicker.comへは下のリンクで
Make your own animation

Gif anime

I made Ben10 gif anime chat icons (size 100px wide). Help yourself to the icons. I give them as X-mas gift for everyone who visit my blog.
ＧＩＦアニメでチャットアイコンを作ってみました。このアイコンは自由に使ってください。ちょっと早いけど、このページに来てくれた人へのクリスマスプレゼントということで。

1. Ben Tennyson （ベン）- Green
2. Julie Yamamoto （ジュリー） - Pink
3. Kevin E. Levin （ケビン） - Gray
4. Gwen Tennyson （グウェン） - Blue
5. Albedo （アルビード） - Purple

I think they move well, but 5 moving icons in the same place are annoying me XD

If you want to make own gif anime, click and go Gicker.com.

激しく動くので5つならぶとさすがにウザい（笑）

もし、自分でもＧＩＦアニメを作ってみたいという方は下のリンクへ。

Make your own animation