動画を準備する [ITスキル] - Web 研修システム

Webページ作成のための素材を作る

5 動画を準備する

6／8

5.1 アニメーションを作る

Webページで使用するアニメーションの素材を準備します。アニメーションの代表的なものとして，GIF(ジフ)アニメがあります。GIFアニメは，何枚かのGIF形式の静止画をつなぎ合わせることで，動いているように見せるアニメーションです。ここでは，GIFアニメを作成するソフトウェアを利用して，2枚の静止画でアニメーションを作る手順を見てみましょう。

1 GIFアニメを作成するソフトウェアを起動する。
2 1枚めの画像を選択する。
3 2枚めの画像を選択する。
4 アニメーションを配置する位置をきめる。
5 アニメーションの繰り返し回数と表示時間をきめる。
6 プレビューで動きを確認する。
7ファイル名と保存する場所をきめて，保存する。

GIFアニメを作成するには多くの手順が必要ですが，一度覚えてしまえば簡単です。手順を確認しながら，ゆっくり操作してみましょう。

	GIFアニメを作成する前に，元になる複数のGIF形式の静止画を用意しておきましょう。
	元になるGIF形式の静止画は，大きさが違うとずれてしまうので，同じ大きさのものを用意しましょう。
	一般に，GIFアニメにする静止画の数が多いと，動きはなめらかになりますが，ファイルが重くなります。
	GIFアニメは，全体の構成図できめたフォルダに保存します。一般に，GIFアニメは静止画と同じ「img」フォルダに保存します。

補足 GIFアニメを作成するソフトウェア

【このソフトウェア以外にもフリーソフトをダウンロードして，簡単にGIFアニメを作成することができます。基本的な操作はそれほど違いがありません。】

▲このページの先頭へ

6/8