教育関連リンク集 画像・素材 コンピュータマニュアル集 ソフト集 本・情報 特 集 みんなで話そう 研究会概要 会員登録 TOP

GIFアニメを作ってみよう

ホームページ作りに使っている、「ホームページビルダー」ツールに入っている「ウェブアニメーター」を使って簡単GIFアニメを作ってみました。
 使う絵は、アクセサリーの中のペイントを使って作りました。
 ファイルを何枚も使って作るアニメーションに挑戦してみました。


1)ペイントを使ってイラストを書きます。
 
NO1 NO2 NO3 NO4 NO5
 
注:イラストはNO1〜NO7をそれぞれ別のファイルに作成して登録します。このとき、GIF形式で保存します。
  絵は1枚の絵のファイルをコピーして、一部変更すると、同じ位置に絵がきます。

2)「ホームページビルダー」を立ち上げて、「ツール」→「ウェブアニメーターの起動」を選択する。
アニメーションウィザードを選択する。

3)アニメーションウィザードを選択する。
複数の画像ファイルを使用してアニメーションを作成を選択する。

文字アニメーションや一枚の画像ファイルを使用してアニメーション効果を使って作っても楽しいものができます。

いろいろ試してください。

4)ペイントで作ったイラストのファイルを挿入する。
「画像の追加」ボタンを押して画像ファイルを読み込む。

読み込み終わったら、「次へ」を押す。

5)アニメーションに使用する画像の位置を選択する。
通常は中央を選択する。

決定したら「次へ」を押す。

6)アニメーションの繰り返し回数、表示時間を決める。
アニメーションを「無限」に繰り返すか、回数を指定して「有限」に繰り返すかを決定する。

各フレームの表示時間を決めます。数字が少ないほど早くなります。
試して見てください。

選択が終わったら「次へ」を押す。

7)アニメーションが表示される
矢印ボタンを押すとアニメーションが動き出す。

この動きを見て、戻るで早さや回数を調節する。

良ければ「完了」を押す。

8)アニメーションの一覧が表示される
これでできあがりです。ファイル名をつけて保存します。
保存したファイルを表示させたいところに貼り付けるとファイルを開くとアニメーションが動き出します。