アニメーションＧＩＦの世界

アニメーションＧＩＦの世界 (方式は古いです)

前のページに戻るにはこのウインドウを閉じて下さい →

　アニメーションＧＩＦの作成は簡単ですが、
思った様に動かすには少し手間が掛かります

MPEGをキャプチャーし作成したアニメーションGIF
　左はアトムの誕生の瞬間
　右は走り続ける「Beach Runner」

アニメーションＧＩＦ作成方法
１．必要な道具
(１)「Animation GIF Maker」

gifan071.exe (フリーソフト)
私は製作者のＨＰからダウンロードしましたが、現在はサポートされていないため、
本サイトからダウンロードして下さい。営利目的以外の転載、配布は自由となっています。
現在はサポートされていませんのでくれぐれも製作者に迷惑を掛けない様お願いします。
再配布サイトからもダウンロードできます。

(２)ペイント

mspaint.exe (Windowsに付属)　256色、背景色を透明にして画像を作成
「Excel」などがインストールしてあれば、GIF画像で保存できるはずです。
GIF画像で保存できない場合は、「PhotoShop」等GIF画像に変換できるソフトを準備する。
私の場合、メモ帳

notepad.exe(Windowsに付属)で文字をインプットして、
そのまま画面をキャプチャしてペイントに貼り付けて使っています。
作る画像のサイズが小さいので表示→拡大→800%(最大)としてドット単位の加工をします。

２．作成手順　文字の場合は「ペイント」「メモ帳」など使い慣れたソフトで作成します
(１)パラパラ漫画の元画像を作成する　

文字の内容を決める	(例)　New!	文字は固定で色を動かす
文字のフォントを決める	(例)　10P	MS明朝10ポイント黒
画像の大きさを決める	(例)　26×12	文字の最大外形以上とする
変化させる内容を決める	(例)　駒数：5枚	作成する画像の数
	速さはおよそ決めておく	作成しながら調整する
「メモ帳」で文字を打つ
「PrtSc」キーで画面をクリップボードにコピーする
「ペイント」を起動して「編集→貼付」
「New!」の部分を切り出して「26×12」ドットのサイズにする
「New!」の文字にそれぞれ色をつける
色が左から右へ流れる様に１文字づつ変えて５枚作成する
保存する時、背景を透明にしておく

作成した画像

(２)パラパラ漫画を再生する順序とそれぞれの表示時間を指定して合成する
画像が準備できたら「Animation GIF Maker」を起動して元画像を選択→追加する
パラメータ画面でディレイ：20として→更新
表示速度：10mS×20(パラメータの値)×5画面＝約１秒
文字の色が0.2秒毎に(左から右へ流れる様に)変り、５枚を約１秒で繰り返します
パラメータの設定ができたら合成(保存)して、動作を確かめる

パラメータ設定画面
Atom

合成した画像

３．アドバイス
当然ですが画像の大きさは小さい程、駒数や色数は少ない程、作成したGIF画像が小さくなります
JPEG等から取込んだ画像は色数が多く圧縮伸長に伴うゴミも多いので適しません
どうしても自然色の画像を使いたい場合はなるべく小さな画像を用います
自然色から256色に減色する場合「ペイント」ではかなり色化けしますので「PhotoShop」を使っています

せっかくGIFアニメにするからには、動きや色の変化に工夫をしたいものです
動きがあると注目が集まりますので、注目させたい所や注意を与えたい所に使います

私の場合、以下の４点を作成しました

　　(26×12×5枚, 1.4KB) は文字・位置固定、色が左から右へ流れる様に変化

(48×16×24枚, 4.5KB) は文字・色固定、文字が右から左へ流れる様に変化
　　　　　画像が滑らかに動くためと、文字数が多いので24枚構成となりました
　　　　　作成は文字列の画像を左へ４ドットづつ移動させることの繰り返しだけです

　ロゴ(16×16×4枚×2回転, 1.8KB) は○が２個互いに180度ずれて回転する様に変化

　(46×28×12枚, 1.8KB) は文字・位置固定、
　文字サイズが左から右へ流れる様に変化

その他　ページトップの「アトム」「ビーチランナー」は、こんなものも出来ると言う遊びです
動画キャプチャし256色(白黒は256階調)に減色、滑らかに動くには10駒以上／秒が必要
「atom.gif」(320×240×30枚, 1.38MB)　約３秒間(10駒／秒)の動画の繰り返し
「BeachRunner15.gif」(320×240×15枚, 578KB)　約2.3秒間(約7駒／秒)の動画の繰り返し

前のページに戻る →	直接このページに来た方はここから Homeに戻って下さい。

ご意見、ご感想、間違い指摘 ..... 等はこちら <> へお願いします
―Sorry! Japanese only―	Copyright (c)2000shibatat Allrights resrved