GIFアニメ (GIFアニメーション)

GIFアニメとは、GIF画像で作ったパラパラ漫画のような物です。
何枚かのGIF画像が重なって1枚のGIF画像になって動いるようにみえます。
Photoshop(付属)のImageReadyやFireworksなどで作ることができますが
ここでは、手に入りやすいフリーソフトの「Giam」を使ってGIFアニメを作ってみます

[Giam]を使ってGIFアニメを作りましょう。

[Giam] は、GIF画像からだけでなく、JPEG、ビットマップ(BMP)からでもGIFアニメを作ることができます。

入手は「リンク」のページから、どうぞ。

Giam-exe

左のようなexeファイルがDLできます。

1.Wクリックすると、ファイルを展開します。「次へ」を押して下さい。
2.展開先のフォルダを指定して下さい。(そのままだと C:\Program Files\Giam )
3.展開されます。ショートカット作成で完了です。(アイコンは下図)
   フォルダの中にサンプルが入っています。

Giamアイコン

起動  GiamのショートカットをWクリックします。
終了  ×をクリックします。
保存  ファイル→名前をつけて保存
      *Giamヘルプに詳しい説明があります。

 

Giam画面

のところに 画像ファイルを
ドラッグします。

クリックすると プレビュー画面がでます。
(出来上がりの状態を確かめることができます。)

Giam画面

 

 

背景が透過されたGIFアニメを作ってみましょう

消去手段に「背景色でつぶす」を使って、透過GIFアニメを作ります。
背景が透明になるので背景の画像に重ねることができます。

2枚のビットマップ画像(.bmp)、またはGIF画像(.gif .GIF)を用意します。

 

出来上がり

透過GIFアニメ

 

画像1

a

画像2

b

透過GIFアニメ作成


1.画像1、をドラッグすると絵が出ます。
2.同様に画像2をドラッグします。今回は2枚ですが、もっとたくさんあったら同様にドラッグします。
3.2枚では必要ありませんが順番を決めます。
   コマを選択して(青く反転)↑上移動、↓下移動でコマの並べ方を変えます。
透過色の使用にチェックを入れると透過色がでます。
   違う色のときは色のところをクリックするとスポイトが出て色を変更できます。
ウェイト有り 切り替わる速さです。1(速い)〜100(遅い)まで。例は20です。
消去手段 背景色でつぶす を選びます。
   4.5.6は1コマずつ設定します。
7. をクリックして出来上がり予想をみます。
8.7で良いと思ったら、【ファイル】→【名前をつけて保存】
   書き込みオプションが出ます。32色〜128色くらいを選びます。
   数字が大きい方が容量は大きくなります。
   保存します。

* 永久に繰り返す のチェックをはずすと繰り返し回数を選ぶことができます。 
* ウェイト 10が0.1秒 20が0.2秒くらいです。 
* 中間色が使われている場合は 無条件ディザ にチェックを入れます。

背景をそのまま使ったGIFアニメを作ってみましょう

消去手段に「何もしない」を使って、背景がそのまま出るGIFアニメを作ります

 

出来上がり

写真GIFアニメ出来上がり
写真提供:むさしの散策 さま

 

左のように7枚を用意します。

ペイントを使って作るときには
1.写真データを用意します。(ペイントA)
2.別のペイント(ぺいんとB)を開き、
3.何もないキャンバスに大きい文字を入力します。
4.編集→すべてを選択。 コピーします。
5.ペイントAに貼り付けます。
位置を決め(この場合左下の角に合わせました)ドラッグします。
背景透明設定すると写真の上に文字が貼り付けられます。
6.名前をつけてビットマップで保存します。

7.ペイントAを、編集→元にもどす
8.ペイントBの文字を縮小、または小さいポイントにします。
9.編集→すべてを選択。 コピーします。
10..ペイントAに貼り付けます。
位置を決め(この場合左下の角に合わせました)ドラッグします。
背景透明設定すると写真の上に文字が貼り付けられます。
11.名前をつけてビットマップで保存します。

7〜11.までを繰り返して作ります。

(文章ほど複雑ではありません)


 

 

1.ファイルをドラッグしてのところで離します。
2.同様にして7つのファイル全部ドラッグします。
3.並べかたがあっているか確かめ、違っていたら
コマを選択して(青く反転)↑上移動、↓下移動で
コマの並べ方を変えます。
4.透過色の使用にチェックをはずします。
5.ウェイト有り。例は10です。
6.消去手段 何もしない を選びます。
7.右上の三角をクリックして、プレビューを見ます。
8.7で良いと思ったら
【編集】→【各コマサイズの最適化】をクリックします。
9.【ファイル】→【名前をつけて保存】で保存します。
書き込みオプションが出ます。
128色〜256色を選びます。
元画像がJPGの場合 無条件ディザ にチェックを入れます
数字が大きい方が容量は大きくなりますが、元画像が写真の場合は小さすぎると画像がくずれます。

* ディザを入れる‥中間色の諧調を実際に使用されている色数よりも、多くの色があるようにみせる方法です

ページTOPへ