SSブログ
制作MEMO ブログトップ

アニメーションgifの作り方 [制作MEMO]

[猫]先日のBlogでピケの耳が動く簡単なアニメーションgifを載せましたが、その作り方をご紹介します。既にご存知の方は読み飛ばしてください。
また、専門家ではないので、個人の体験談としてお読みください。
↓ これですね。 
pk-anime.gif


[かわいい]アニメーションGiF(GIFアニメーションとも言う)はgif(画像ファイル)のマルチイメージを使ったアニメーションで、
簡単に作れます。10年以上前からあったと思います。
.gifファイルなので、普通のイメージファイルと同じように置くだけで(プラグイン等は不要)参照できます。
gifなので最大256色です。写真等で画質を重視する場合には向きません。
写真よりは色が単純なイラスト等のほうがうまくできるでしょう。
上の作品は、全体の大きさがほぼ同じで耳だけ違う画像が2枚あったので、これを使いました。

[かわいい]作成に必要なもの
●アニメーションgif作成用のソフト
  インターネットからダウンロードできるフリーソフトがいくつかあります。
  使い方はそのソフトの仕様書を参照してください。
  PhotoShop CS等のソフトにも実装されているとの情報もありますので、画像加工用ソフト
  をお持ちの方はご確認ください。
  私が今回使ったものは、Giamというフリーソフトです。
  http://homepage3.nifty.com/furumizo/giamd.htm
  まずはダウンロードしたソフトをインストールしてください。 
  
●.gif画像ファイルを必要枚数分。 (jpegファイルなどはgif形式に変換)

●あとは作成用ソフトを起動して用意した画像を読み込んで並べ、保存するだけです。
 表示間隔(1/100秒単位等)や繰り返し回数の指定もできます。

【設定画面】
anime.jpg

 1つのgifファイルとして保存されますので、そのままアップロードしてBlog等に貼り付けるだけで使用できます。
 当然ながら、もとになるgifファイルの数が多いほどファイルは大きくなります。
制作MEMO ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。