FC2ブログ

gimpでも簡単GIFアニメ

 図1-1

 図1-2

 「 PhotoShopで簡単GIFアニメ 」のときに書き損ねましたが、GIFフォーマットでは使える色数は256色です。 前回のGIFアニメオリジナル には無いマッハバンドが出てしまいました。気になる場合は色をGIFフォーマットで使う色に限定したほうが良いでしょうね。

 それでは 前回 作ったGIFアニメの解説を始めます。‥‥というほど大げさなものではないのですが。ところで、前回公開したGIFアニメは、なぜかwebで見ると自分のHDD上のファイルを見るより動きが遅いです。なぜなんだろう?

■0.使用ソフト
 フリーソフトだけでもGIFアニメの製作はできますが、今回は元画像の作成に使い慣れた「IllustStudio」という市販のソフトを使いました。
 Gimp 2.8:画像編集フリーソフト
 IllustStudio:イラスト作成用ソフト
 Giam:GIF / MNG-LC アニメ作成フリーソフト


■1.画像の準備
 今回の趣旨的には「Gimp」で描いたほうが良かったのですが、Gimpは使い慣れてないので、前述のように「IllustStudio」で描きました。もちろん、他のグラフィックソフトでもかまいません。下の絵を透かしながら描けるので、レイヤーが使えるソフトがオススメです。

 図1-1が作った画像です。元絵は00の画像で、少しずつ目と口を変化させながら、全部で9枚作成しました。動きがループするように、01~07レイヤーを複製して図1-2のように「00~08~01」と並べます。「IllustStudio」はGIF形式で保存できないので、「Gimp」でレイヤーを扱えるようにpsd形式で保存します。



 図2-1


 図2-2


 図2-3

■2.GIF形式で保存
 「Gimp」でpsdファイルを読み込みます。元の画像も「Gimp」で描く場合、GIF形式では画像が劣化する場合があるので、psdファイルでも保存しておいたほうが良いと思います。

 「IllustStudio」でpsd形式で保存すると図2-1のように「用紙」という不要なレイヤーができています。これを削除してから「ファイル/エクスポート」で図2-2のようにGIF形式を選択し、図2-3のように「アニメーションとしてエクスポート」、「無限ループ」にチェックし、「指定しない場合のディレイ」で1コマあたりの表示時間を設定してエクスポートします。今回は「50ms」に設定しました。どんな感じで動くのか見てみると、ちょっと落ち着きがない動きになってますが、全コマ同じ表示時間でよければこれで終了です(図2-4)。



 図2-4


 図3-1

GIMP 2.8 スーパーリファレンス for Windows&Macintosh

新品価格
¥2,079から
(2012/9/21 14:02時点)


■3.表示タイミングの調整
 Gimp2.6にGimp2.8を上書きインストールしてしまったので確認できませんが、GIFアニメのコマごとの表示時間の設定がGimp2.6ではできたのですが、Gimp2.8ではできないっぽいです(※私が知らないだけかもしれませんが)。今回はコマの表示時間に変化をつけたいので「Giam」を使いました。

 作成したGIFアニメを「Giam」で読み込むと、全16コマのループになってます。図3-1のように設定したいコマを選択し、表示時間を「ウェイト」で設定します。単位は「1/100s」なので、全コマ50msに設定してあると「5」になってます。まぶたを完全に開いた状態と完全に閉じた状態を少し長く表示したいので、1コマ目(画像00)、9コマ目(画像08)を500ms「50」、12コマ目(画像05)を300ms「30」、残りは50ms「5」のままにしました。

 なお「Giam」では、画像の変化の差分やパレットを最適化してGIFアニメのファイルサイズを抑えることができます。「Gimp」などで作成したGIFアニメよりファイルサイズが小さくなるので、Webで公開するときに便利です。


 というわけで完成したのが 前回 のGIFアニメです。うーん、たいした説明でもないのに、ここまで書くのは大変でした。ただ、「Gimp」、「Giam」も使い方は詳しくないので大雑把な説明になってしまいました。興味ある方は以下のサイトなどを参考にしてください。「Gimp2.8」はもう関連書籍がありますね。

<参考>
 Gimp2を使おう(解説サイト)
 Giam(制作者のサイト)


テーマ:イラスト - ジャンル:ブログ

コメントの投稿

非公開コメント

こっちも見てね
バナー
 佐々丸のサイトです。オリジナル漫画・イラストなどを公開中。


■CLIP STUDIO PAINT
 ペイントツールのスタンダード


■マンガ・イラスト系の登録サイト
WCRへ投票お願いします
「WCR」への投票お願いします。


■マンガ・イラスト系の個人サイト
別ウィンドウで開きます
STUDIO MACHINE

別ウィンドウで開きます
信州合体ナガノイザー
最新記事
カテゴリ
月別アーカイブ
最新コメント
最新トラックバック
オススメ
■ドスパラのクリエイター向けPC




■マウスコンピューターの
Adobe CS6動作確認モデル
マウスコンピューター/G-Tune

■パソコン工房のキャラクターPC
パソコン工房

■意外と安い Amazon

Wacom ペンタブレット シンプルタブレット Bamboo Pen CTL-470/K0

新品価格
¥6,608から
(2011/11/13 01:23時点)



■モニターはEIZOダイレクトで
EIZOダイレクト
検索フォーム
見に来てくれた人
プロフィール

佐々丸2

Author:佐々丸2
佐々丸のブログへようこそ。
ゆっくりしていってください。

RSSリンクの表示
リンク
QRコード
QR
ブロとも申請フォーム

この人とブロともになる