gifアニメーションの作り方 | ハピ子のHappyブログ

gifアニメーションの作り方

皆さまにご協力をいただき、作成したgifアニメーション。


ハピ子のHappyブログ


簡単に作り方をご紹介いたします。
詳しいことは参考サイトを記しておきますのでそちらをご覧ください。

ヒマワリ まずはgif(ジフ)アニメーションを作成するために画像を用意します。

細かい説明は省略しますが、数枚の静止画像や、png、bmp形式の画像ファイルを用意してください。

ハピはピグのアクションをアニメーションにしたかったので
動画をpng・bmp形式の画像で保存してくれる画面キャプチャーソフトを利用しました。

フリーソフト「劇あれ」

ママンさんのブログひでさんのブログ で紹介されています。
詳しい使い方はそちらをご覧ください。

パソコンの画面上でおきていること(インターネットやピグ、ネットゲームなど)を簡単に動画や静止画像として保存できます。

他のキャプチャーソフトとは違い、gifアニメーションを作れる、pngやbmp形式に保存できるのがポイントです。

ヒマワリ 画像は撮影できましたか? 次はいよいよ、gifアニメーションを作ります。

作成方法はとっても簡単です。以下の二つの方法より、お好きな方で作成してください。

①インターネットサイトで直接作成する。(ソフトのダウンロード必要なし)
②フリーソフトをダウンロードして作成する。

gifアニメーションの作成というと、以前は有料のソフトをダウンロードする必要がありました。
最近では無料のソフト(フリーソフト)や、パソコンにソフトをインストールする必要なく、インターネット上で作成も可能になったようです。


①インターネットサイトで直接作成する。(ソフトのダウンロード必要なし)

GIFアニメ工房~無料GIFアニメ作成ソフト無料公開中

gifアニメ作成オンライン GIFアニメ工房 

上記サイトにアクセスし、先ほど作成したpng または bmp形式のファイルをアップロードし作成します。
背景を透過したり、スピードを変えたりできます。
ただし、gifアニメーションの大きさ(サイズ)の変更はできないようです。

詳しい使い方は、ひろろんさんのブログ をご覧ください。


②フリーソフトをダウンロードして作成する。

Giam  というフリーソフトをダウンロードします。

①と同じように、ファイルをアップロードしgifアニメを作成します。
複数あるpng画像などを一度にアップできるのがポイント。
画像の透過、速度変更、大きさの変更もできます。

まれに透過が出来ない場合があるそうですが、ハピは問題なくできました。

詳しい使い方は、ママンさんのブログ をご覧ください。

ヒマワリ

以上でgifアニメーションの作り方の説明はおわりです。

ハピは色々な方法でやってみましたが、出来上がりのgifアニメーションに特段の差はないように感じました。
最初のファイル形式をpngにしたからかな。
bmp形式だともう少し綺麗な画像になったかもしれません。

動きのある画像がブログに入ると楽しいし、何度も見に来てしまいますよね。
ピグの画像を加工する際は、頭上の▼マークを削除した方が綺麗に見えます。

皆さんも頑張って作成してみてください。