GIF Animation on the WWW JAPAN
GIF89a-based Animation for the WWW
プラグインもプログラミングも不要、簡単に作れる GIFアニメーション!
Home
 ホームページに戻る 

GIFアニメーションの作り方と見せ方

 このページでは、GIFアニメーションを作りWebページで公開するまでの手順をおおまかに説明します。実際の作成についての細かな手順は、後の各チュートリアルを参照してください。(現時点ではまだチュートリアルは1つもできていません。ごめんなさい。これから少しづつ GifBuilder 1.0のチュートリアルを用意します。2000年9月17日)

 

1. GIFアニメーションのもとになる画像を用意する

 GIFアニメーションは数枚の画像をコマ送りで表示します。そのため、そのコマ送りに使用する画像を用意する必要があります。普段から使っているグラフィックソフトで連続した動作の画像を数枚作成して、それらをGIFアニメーションにすることができます。

 また、GIFアニメーションを作成するソフトによってはQuickTimeムービーをコンバートしてGIFアニメーションを作ることもできます。QuickTimeを作成するソフトウェアで動画を作成し、それをGIFアニメーションにできます。動画を作成するアプリケーションではPICT形式などでコマ送りの画像をファイルに落せるので、それらをGIFにコンバートしてGIFアニメーションを作ることもできます。

 

2. GIFアニメーション作成ソフトを利用する

 GIFアニメーション作成ソフトを利用して画像や動画からGIFアニメーションを作ります。GIFアニメーションを作るソフトウェアは、Mac OS、Windows 95/NT、UNIXなどほとんどのプラットフォームにあります。GIF Animation on the WWW JAPANでは、まず、GifBuilder 1.0を使ったGIFアニメーションの作成チュートリアルを紹介する予定です。GIFアニメーションが作成できる主なソフトは以下のとおりです(Illustratorは試してませんけど・・・)。

GifBuilder 1.0 (for Mac OS)
HVS Animator (for Mac OS)
GraphicConverter (for Mac OS)
Adobe Illustrator 8.0J (for Mac OS and Windows95/NT)
SmallGIF (for Mac OS)
Gif・gIf・giF

 まずは、しっかりとGifBuilder 1.0のチュートリアルを作る予定です。上記のソフトでチュートリアルの作成を希望される方はリクエストをぜひお知らせください。リクエストが多いものについては作成します。

 

3. HTMLのimgタグでGIFアニメーションのファイルを指定する

 画像を表示させるためのimgタグでGIFアニメーションをHTMLファイルで指定します。通常のGIFやJPEGファイルの指定となんら変わりません。

例:<img src="season.gif" width="50" height="50" border="0" alt="春夏秋冬">

 

4. ブラウザでGIFアニメーションを表示する

 ブラウザでGIFアニメーションを指定したHTMLファイルをオープンするとGIFアニメーションが表示されます。現在では、GUIベースのブラウザではそのほとんどがGIFアニメーションをサポートしています。下はGIFアニメーションの表示例です。

GIF Animation on the WWW JAPANホームページ

 上の3の例で示したimgタグは、この上の画像(春夏秋冬の文字を1つづつ表示する画像)を表示させるものです。GifBuilder 1.0で作成しました。

 

 

Special Thanks to: Royal Frazier and Sinichi Yamaura
Home | GIFアニメーションって? | GIF89aのすべて | ソフトウェア | 対応ブラウザ
作り方と見せ方 | 準備 | つくる! | Webページで表示
GIF Animation on the WWW JAPAN for Windows
  世界中のミラーサイト! | メーリングリスト | リンク集 | 作者から...

 リンクフリーです。GIF Animation on the WWW JAPANに対するご意見・コメント・ご感想・お問合せなどをいただけたらうれしいです。
 このサイトに記載されている会社名、製品名は、一般にその会社の登録商標または商標です。このサイトでは、それらの製品の選択、性能、または使用に関しての一切の責任を負いません。

Copyright 1996-2002, Takaaki Haruna. All rights reserved.
Feed back to: GIFAnimation@geocities.co.jp
このホームページのホストは です。

無料ホームページをどうぞ