How To Make Animation Gif
(アニメーション・ジフ) 
 
 
目   次

1. 原画の作成 

2.原 画のGifファイルへの変換

3. 「Animation Gif」作成

4. 「Animation Gif」作成例

 

「竹の音」に戻る
 
 
1.原画の作成 
 
 アニメーション・ジフとは、連続的に変化する画像ファイルを、重ねて表示していくことで動きを出す方法です。
原画としては、どのような形式のものでも「GIFファイル変換ソフト」で変換できれば使用できます。
べた塗り部分の多い画像データについては、GIF形式のファイルに変換することでファイルサイズをきわめて小さくできます。
 風景写真をGIF形式にすると色数が256色に減色され画質が低下しますがファイルサイズはあまり小さく なりません。
これは、画像の圧縮方法によるものです。(JPEG形式の方が優れています。)
従って、色数が少なく「べた塗り」部分の多いアニメ画を連続表示して動きを表すのに適するのが「Animation Gif」です。
 ここでは、空間図形作成ソフト「どっきん」 を用いて「Gif Animation」を作成してみます。
まず、「どっきん」を起動します。(どっきんの解説はこちらです。
1.「どっきん」で「物体」ー「球」を指定すると画面に球が表示されます。(球が自転しています)
2.「ファイル」ー「画像を貼り付ける」を指定し、「earth.bmp」を選択します。(球が地球になります)
3.「編集」ー「遠くへ」を数回指定し、地球を小さくします。(適当に小さくします)
注意.この操作をするとデータの位置は、初期化されます。(以下の作業が無効になります!)
3.「編集」ー「z軸方向への移動」を指定し、移動する距離を「2」にします。(地球が上に移動します
4.「編集」ー「y軸方向への移動」を指定を数回繰り返します。(地球が公転します)
5.画面の大きさを作成したい大きさに調節します。
6.「ファイル」ー「1回転分BMPファイル保存」を 指定すると30枚のBMPファイルが「どっきん.EXE」のあるフォルダにできます。
7.この30枚のファイルを通し番号順に表示すると1回転する。これらを適当なフォルダに移して加工しま す。

 
 
2.原画のGifファイ ルへの変換
 
 BMPファイルを「GIFファイル」に変換し、それらを重ねて1枚の「Animation Gif」ファイルに変換します。
 BMPファイルを「GIFファイル」に変換するには、「GIX Pro」「Gix Millenium」や「Paint Shop Pro」が便利です。
  いずれも「シェアウエア」として公開されています。継続して使用するには、シェアウェア料金を払う必要があり ます。
 これらは、試用期間を過ぎると機能が限定されたり、使えなくなったりします。
  ○「GIX Pro」は、世界的に認められた日本製ソフトでGIFアニメーション作成もできるようになりました。
  「GixPro」または「Gixミレニア ム」は作成者のホームページからダウンロードできます。
  日本語の解説(HELP)がついています。試用期間内では、全ての機能が使えます。
  ○「Paint Shop Pro」も画像処理ソフトとしては、世界中でもっともよく用いられています。
  Ver5.0よりアニメーション作成ソフト「Animation Shop 」が同梱されるようになりました。
 日 本代理店のホームページに製品案内があります。よく雑誌の付録にもなっています。
 ここでは、「GIX Pro」を用いて作成してみます。
1.「GIX Pro」を起動し、GIFファイルに変換したいBMPファイルを開き、変換メニューボックスで GIFファイルを指定します。
2.透過GIF作成ボタンを押し、背景色を指定します。
3.次のファイルを開き、1と2を繰り返します。以下30枚すべてについて同様にします。(す べて開いたままです!)
 なお、「GIXオートメイト(GixAuto.exe) 」を使用すれば、一度に30枚のBMP画像をGIFファイルに変換することもできます。
 
 なお、「Gixミレニアム」では、アニメーション作成時に様々な「ト リミング」もできます。

GIFファイルは、以上のように簡単に作成できるため、ここでは保存しないで、一気に「Animation GIF」作成に移ります。

目次に戻る
 
 
3.「Animation Gif」作成

 「GIX Pro」を起動し、30枚のGIFファイルが開かれているところから始めます。

1.「アニメーション」ー「作成」を指定し、画面で番号順にファイルを指定していきます

2.「繰り返し」アイコンを押します

3.「フレーム設定」をします。

4.「アニメーション」−「再生」で表示してみます。背景が「黒」であれば「透過GIF」となっています。

5.「GixPro1」ファイルを 「ani_earth.gif」として保存します。(他の名前でも可)

6.これ以外のGIFファイルは保存しないで、「Gix  Pro」を「終了」します。

7.「ani_earth.gif」を指定すると「Animation Gif」が表示されます。

8.「Animation Gif」は、「繰り返し」運動を表示するためには適しています。 

  動かしたい画像を順に「保存」−「GIF変換」−「アニ メーション作成」すれば

  画面キャプチャーやスキャナ−等を利用すれば、どんな画像でも「Animation Gif」にできます。

目次に戻る            
 
 
4.「Animation Gif」作成例
「インターネットエクスプローラ」でGIFアニメーションが不安定になる場合、「ネットスケープ」で 表示すると安定して表示できます。
 
漢字の学習その1 小学2年で学習する漢字を図示します。
Ani-kanji1.gif
漢字の学習その2 小学6年で学習する漢字を図示します。
Ani-kanji2.gif
三角形の内角の和 三角形の内角の和が180度(2直角)であることを図示します。
ani_sankaku_naik.gif
三角形の面積公式 三角形の面積公式を図示します
ani_sankaku_men.gif
円周角の定理の証明 円周角は中心角の半分であることを表示します。
Ani-Ensyuukaku.gif
板面上の正三角形の回転(289KB) 板面上を回転する正三角形を表示します
SSkaku_Ani.gif
板面上の正方形の回転(234KB) 板面上を回転する正方形を表示します
SShoukei_Ani.gif
平行四辺形の面積公式(60KB) 平行四辺形の面積公式は?
HeikouSihen_Ani.gif
平行四辺形の面積公式(2)(33KB) 平行四辺形の面積公式は?
HeikouSihen2_Ani.gif
平行四辺形の面積公式(3)(94KB) 平行四辺形の面積公式は?
HeikouSihen3_Ani.gif
台形の面積公式(154KB) 台形の面積公式は?
Daikei_Ani.gif
ワイパーの運動(1200KB) 電車やバスのワイパーの運動をシュミレーションします。
Wiper2_Ani.gif
円柱の相貫体(273KB) 同じ円柱が直交するとき共有する部分の体積は?
ani_2entyuu.gif
円錐を平面で切断(241KB) 切断面の曲線は、直線、円、だ円、放物線、双曲線になります。
ani_cone.gif
アルキメデスの墓(238KB) 図のように円柱に内接する、半球と円錐の断面積については、円柱のどの高さで底面に平行に切断しても、球の断面積+円錐の断面積が円 柱の断面積に等しくなります。これを発見したアルキメデスは、球が内接する円柱を墓にするように遺言したそうです。
ani_arukimedesu.gif
三平方の定理(427KB) 三平方の定理のユーグリッドによる証明法をアニメーションで表示します。
ani_pit_euclid.gif
三平方の定理その2(241KB) 三平方の定理のBaravalleによる証明法をアニメーションで表示します。
ani_pit_Baravalle.gif
三平方の定理その3(181KB) 三平方の定理の証明法をアニメーションで表示します。
ani_pit_new.gif
三平方の定理その4(97KB) 三平方の定理の証明法をアニメーションで表示します。
ani_pitgorasu_4.gif
三平方の定理その5(127KB) 三平方の定理の証明法をアニメーションで表示します。
ani_pitgorasu_5.gif
中点連結定理(95KB) 三角形の中点連結定理をアニメーションで証明します。
ani_ttrenketu01.gif
平方根の図示(98KB) 定規とコンパスで平方根を求める様子を図示します。
ani_root.gif
目で見る円周率(100KB) 円を1回転させて円周率を図示します。
ani_pai.gif
平行四辺形の面積公式(183KB)  座標平面上での平行四辺形の面積公式をS=│ad-bc│表示します。
ani_parasqr.gif
正弦・余弦の加法定理(104KB) 三角比の知識と三角関数の定義より加法定理を図示します。
ani_add_theorem.gif
フランク・モーリーの定理(180KB) 三角形の頂角をそれぞれ3等分した線の辺に近いものの交点を結ぶと常に正三角形になります。平面幾何で最も”美しい定理”であるとい われています。
ani_FrankMorley.gif
サイクロイド(51KB) 直線上をすべることなく回転する円周上の定点Pの軌跡を図示します。
ani_sycroido.gif
トロコイド(40KB) 直線上をすべることなく回転する円の延長上の定点Pの軌跡を図示します。
ani_trocoido.gif
スピロデザイン(内側)138KB A:固定円(半径a=7)、B:可動円(半径b=5)、C=4の場合を図示します。
ani_spiro_in.gif
スピロデザイン(外側)40KB A:固定円(半径a=2.5)、B:可動円(半径b=1)、C=2の場合を図示します。
ani_spiro_out.gif
10円玉をまわる10円玉(52KB) 半径が等しい2つの円の一方がすべらずに回転する様子を図示します。
ani_10en_sycroido.gif
大円の内側をまわる小円(40KB) 半径4の円の内周を半径1の小円が1周する様子を図示します。
ani_en_in_sycroido.gif
大円の外側をまわる小円(30KB) 半径4の円の外周を半径1の小円が1周する様子を図示します。
ani_en_out_sycroido.gif
ルーローの三角形(200KB) 正三角形の頂点に一辺を半径とする円弧を描いてできる図形がルーローの三角形です。これが正方形の内部をすべることなく移動する様子 を図示します。
ani_Reuleaux's_triangle.gif

坂道をころがるボール(20KB)
坂道をころがるボールの移動する様子を図示します。
ani_sakamiti.gif
ボール投げ(52KB) 地上でどの方向にボールを投げると「水平到達距離」が最大になるかを図示します。
ani_ballthrow.gif
モンキーハンティング(40KB) ボールが投げられたと同時に木から手を離すモンキーがいます。ボールを命中させるにはどの方向に投げればよいかを図示します。
ani_monkey_hunting.gif
平歯車による変速装置(71KB) 4枚の平歯車による変速装置の例を図示します。
ani_gear.gif
回転運動を直線運動にする(216KB) 歯数が2:1の歯車の回転によって回転運動を直線運動に変換する様子を表示します。
ani_piston2.gif
2点間の往復運動(15KB) 2点A,B間を等速で動く点を表示します。
ani_2ten_oufuku.gif
複素数の和(72KB) 回転する2つの複素数の和を図示します。
ani_compwa.gif
複素数の積(69KB) 回転する2つの複素数の積を図示します。
ani_compseki.gif
複素数の問題例(45KB) 単位円上の点の変換を図示します。
ani_comp5.gif
複素数の問題例6(30KB) 三角形の周囲を移動する点の変換を図示します。
ani_comp6.gif
円Oの外側にある円の反転(16KB) 円Oの外側にある円の反転変換を図示します。
ani_hanten1.gif
平行線に反転変換される互いに接する円(66KB) 平行線に反転変換される互いに接する円を図示します。
ani_hanten2.gif

回転運動を直線運動に変える(126KB)
反転によって回転運動を直線運動に変えるリンケージの例を図示します。
ani_linkage01.gif

ピストンの作り方完成図(66KB)
円運動する点に取り付けられた鋼体棒によってx軸方向に往復運動するピストンの作成方法を図示します。
ani_piston3.gif
目次に戻る

「竹の音」に戻る