アニメーションgifの作り方 [制作MEMO]
先日のBlogでピケの耳が動く簡単なアニメーション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秒単位等)や繰り返し回数の指定もできます。
【設定画面】
1つのgifファイルとして保存されますので、そのままアップロードしてBlog等に貼り付けるだけで使用できます。
当然ながら、もとになる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秒単位等)や繰り返し回数の指定もできます。
【設定画面】
1つのgifファイルとして保存されますので、そのままアップロードしてBlog等に貼り付けるだけで使用できます。
当然ながら、もとになるgifファイルの数が多いほどファイルは大きくなります。
タグ:アニメーションGIF