ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

アニメＧＩＦ製作VOL.3

■ 【はじめに】
前回は、【自作バナーとプレートを製作】 VOL.1 と VOL.2 でバナーやプレートに、ロゴを書きこむフリーソフトを紹介しました。みなさん、うまくロゴ入りのバナーやプレートが製作出来たでしょうか！そこで今度は、ＧＩＦ画像を動かして見る事にしましょう。 じゃあ、ＧＩＦアニメーションとは何かと言いますと、よく皆さんのホームページで、バナーが点滅したり、かわいいキャラが動いているのを見かけますね。それがＧＩＦアニメーションです。（たいがい(^_-)-☆）ＧＩＦアニメーションとは、単に複数のＧＩＦ画像を結合しただけのものなのです。
■ 【アニメーションＧＩＦ製作ソフトの紹介】 ＝＝＝＝＝＝ Animation GIF Maker （フリーソフト）
→ 【犬さん】

---

→

【ぶたさん】

---



↓



【かおさん】

---



では、私はどんなソフトを使って、このＧＩＦ画像を結合させ、ＧＩＦアニメーションを製作しているかと言いますと、私は、HATTORIさんが開発なさった、ＧＩＦアニメーションが簡単に作れる、Animation GIF Maker(フリーソフト）をダウンロードして使わせて貰っております。ダウンロードは下の 【Animation GIF Makerのサイト】 にいって出来ます。
更新（2003/10)：【Animation GIF Maker】は配信を中止しました。
こちらのサイトに行ってみて下さい。ソフトが紹介されております。
ホームページのおもちゃ箱

←左に載せたＧＩＦ画像を見てください。私が製作したアニメＧＩＦを３点載せました。二つの画像を結合させたものが、【犬さん】と【ぶたさん】です。五つの画像を結合した物が、【かおさん】です。３つとも、動作のスピードをちょうど、半分くらいにしてあります。この動作をもっと早くすれば、もっとせわしなく動作します。 【犬さん】も【ぶたさん】も画像が、二つしかありませんから、この程度ですが、画像を増やせば、もっとスムーズな動きを作る事が出来ます。しかしそれは、画像を増やすのですから、自然と重く成りますから、御承知ください。

【二通の製作方法】

（１） 既成のＧＩＦ画像を結合しアニメＧＩＦを作る。

（２） ＧＩＦ画像から製作し、アニメＧＩＦを作る。

私が【Animation GIF Maker】で作りました、アニメＧＩＦは（１）に相当します。ＧＩＦ画像は私が作った物ではありません。素材屋さんから、頂いてきたものを結合して作ったものです。此処で私が何を言いたいかと言いますと、この【Animation GIF Maker】は一言で言えば単に複数のＧＩＦ画像を結合するだけのものです。ですから、ＧＩＦ画像があることがこのソフトを使う上での第一条件になります。
もしあなたが、（２）のように自分で画像を新規に製作するのであれば、お絵かきソフトが必要になります。かつ、そのソフトは、製作した画像をＧＩＦ画像として、保存出来る必要があります。また、（１）のように既に存在する画像を使うのであれば、ＪＰＧ画像や、ＢＭＰ画像をＧＩＦ画像で取り込む為の変換ソフトが、必要になります。ＧＩＦ画像だけ探してくると言うのも大変なことです。後で、このソフトが何故必要になるか解ると思います。じゃあ私が使っている、フリーソフトの画像変換ソフトを、紹介しましょう。
「俺のページ」にある【IrfanView32 日本語版】 という、画像変換ソフトです。

【IrfanView32 日本語版】の簡単な説明だけしておきます。というのは、HELPがみな英語なんですよ！(ーー;)
ＤＬして、インストールすると←左の【IrfanView32 日本語版】が出てきます。どこかに保存してある、ＢＭＰとかＪＰＧを「ファイル」の「開く」で開きます。ＧＩＦは２５６色以下しか扱えないので、減色の必要があれば、「画像」の「減色」の「指定する」で「２５６」に設定して「ＯＫ」を押します。「ファイル」の「名前を付けて保存」で保存のウインドウを出してから「ファイルの種類」を「GIF - Compuserve GIF」にします。「保存」のボタンをクリックすれば完了です。簡単でしょ。(*^^)v

　【Animation GIF Makerのサイト】

こちらから、【Animation GIF Maker】のＤＬが出来ます。マイソフトウェアをクリックして、ＤＬのページからＤＬしてください。
更新（2003/10)：【Animation GIF Maker】は配信を中止しました。
こちらのサイトに行ってみて下さい。ソフトが紹介されております。
ホームページのおもちゃ箱

■ 【製作の助言と注意点】





---

→

【カラーテーブルアニメ】という機能を使えば上の例のように一枚の「営業中」という画像をベースに色が徐々に変化するようなアニメーションの作成が出来ます。少ない色数のGIFファイル（此処では「営業中」という左の画像です）をベースに作成すると、色の指定が簡単でファイルサイズも大きくなりません。

---





ＤＬは出来ましたか。そうしますと、←左のような【Animation GIF Maker】がインストールされます。まずはお気に入りの画像を、探してきて保存するのですが、私がよく行く素材屋さんを紹介しましょう。 元祖Ｇ－ＴＯＯＬのホームページです。 此処には、たくさんのアニメーションＧＩＦ用の素材があります。他にもこの様な素材屋さんは、たくさんありますから、皆さんも探して見てください。

【Animation GIF Makerの解説】
【Animation GIF Maker】の詳しい取り扱い説明は、「はっとりワールド」の「ソフトウェア」【Animation GIF Maker】ＤＬページに 「説明ページ」 というのがありますから、そこに行って手順どうりやれば、 誰でも製作できるよう詳しく解説してあります。

【ＧＩＦ画像】
画像は、ＧＩＦ画像であればそれに越したことがないのですが、お気に入りの画像が、ＪＰＧ画像やＢＭＰ画像などだと、【Animation GIF Maker】に取り込むことが出来ません。アニメーションＧＩＦを作るには、ＧＩＦファイルじゃあないといけないんです。「アニメーションＧＩＦ」というぐらいですからね。(^_-)-☆
そこで、威力を発揮するのが、先に述べた画像変換ソフト【IrfanView32 日本語版】です。これは【簡単バナー Ver2.01】を使うときにも便利です。【簡単バナー Ver2.01】は逆に、ＧＩＦが取り込めません、そんな時に【IrfanView32 日本語版】を使って画像を変換すると便利です。
いつも言うことですが、ホームページの素材屋さんに行って、アニメーション用の画像を入手してくるのはいいんですが、著作権や肖像権が各サイトにありますから、よくそれを熟読して支障のない物をＤＬしましょう。画像はマイピクチャーなどに、「名前をつけて保存」 でＤＬして、ストックして置きましょう。直リンクは、管理者さんがとても嫌うことなので、必ずＤＬしましょね。 　

【簡単バナーでアニメＧＩＦを製作】
←左の一番下は、この前紹介した【簡単バナー Ver2.01】です。これを使って、アニメーションＧＩＦのバナーを作って見ましょう。
此処では↓このアニメーションＧＩＦのバナーを作って見ますよ。（*^_^*）



１）「簡単バナー」を起動する。
２）作製したいバナ－のサイズを決める。３）一回、動かす文字、全文を入力し、文字のバランスを確認したら、最初の『簡』の文字を入れる。下のように文字を動かし、全文入力した時の位置に移動し、bmpで保存。
４）次の文字も同じように繰り返しbmpで保存します。（色、サイズは同じで）



５）次に、文字を入れないバナ－を作製します。（色、サイズは同じで）



６）５）の様に、今度は、全文入れたバナ－を作製します。（色、サイズは同じです）



７）３～６までに作ったバナ－をＧＩＦ形式に変換します。方法は先に紹介した【IrfanView32 日本語版】でＧＩＦに変換します。
８）【IrfanView32 日本語版】で全てＧＩＦ形式になったバナ－を、Myドキュメントに保存してください。
９）此処で、【Animation GIF Maker】の出番です。作った何種類かのＧＩＦ画像を編集して結合すれば、一番上のアニメＧＩＦのバナーが出来上がります。出来た動画を、保存すれば、完成です。(*^^)v

簡単ですが、これで私の説明は、終わります。ＨＰの飾り付けに、みなさんもチャレンジしてやって見てください。(^_-)-☆健闘を祈ります。m(__)m

（注）アニメーションＧＩＦは、２０～３０Ｋｂ以下で編集することをお勧めします。あまり重くなりますと、大変ですよ。

【Animation GIF Maker】がどうしてもお使いになりたい方は、ご相談下さい。

■