ロゴや、クリック画像など、
画像をアニメーションにして動くようにすると、
目を引いて、サイトも華やかになりますよ!
画像を準備したら、こちらのソフトを使って簡単に
アニメーションgifを作成できます!
画像の枚数は多ければ多いほど、
動きのあるアニメーションになります。
素敵な画像を用意して、動きのある他とは違うオリジナルの
サイトを作成してみてはいかがですか?
無料のソフトなので、一度お試しください!
詳しい動画解説
↓↓↓
1、
まずはこちらから作成ソフト「Giam」をインストールします。
↓↓↓
2、
こちらの画面が開くので、緑色の「窓の杜からダウンロード」
ボタンをクリック
3、
このような画面が開いて、画面下に「giam209.exe」の部分を
クリック
最初に、不明な発行元からのインストールを続けますか?
というような注意書きが表示されたら、「はい」をクリック
4、
インストールウィザードが開くので、
「次へ」をクリック
5、
こちらは何も変更しなくてOK。
このまま「次へ」をクリック
6、
こちらの注意書きが表示されますので、
「はい」をクリック
7、
「デスクトップ上にショートカットを作成する」にチェックを
入れると、デスクトップ上にショートカットが作成されます。
自由に設定していただき、「次へ」をクリック
8、
インストール完了!
「完了」ボタンをクリックして終了です。
「インストール先フォルダを開く」にチェックを入れると
すぐにGiamソフトが起動します。
9、
上記「7、」でショートカットを作成したら
このようにデスクトップ上にショートカットが作成されます。
![]()
まずは、元となる画像(写真・イラスト)を用意しておきます。
アニメなので、画像の枚数が多ければ多いほど、
動きのある、豪華なアニメーションが作成できます。
1、
こちらのアイコンをWクリックしてGiamを起動します。
2、
Giam起動画面
3、
こちらの「ファイルからコマの付足し」アイコンを
クリックして、対象の画像を選んでいきます。
4、
「ファイルを開く」の表示が出ますので、
元の画像を保存されているフォルダから、
対象の画像を選択して「開く」をクリックする
5、
このように、1コマ目が設定されました。
6、
上記「3、」「4、」のやり方のほかに、
もっと、簡単な方法があります。
元の画像ファイルをGiamの横に表示させて、
対象の画像をドラッグ&ドロップ
(対象の画像の上でマウスをクリック。クリックしたまま
持ってきたいところへカーソルを移動させてクリックを外せばOK)
画面上側(イラスト表示部分)へ持ってくると
1つ前の画像の上に画像が追加されます。
画面下側(画像詳細報じ部分)へ持ってくると
1つ前の画像の下に画像が追加されます。
7、
設定した画像を削除する時は、対象の画像を選択して
画面上部イラスト表示部分または、画面下部詳細表示部分で
右クリックして「選択コマの削除」をクリック
8、
画像を入れ替える時は、
移動したい対象の画像を選択して、下の
「上移動」で1つずつ上へ
「下移動」で1つずつ下へ移動できます。
9、
すべて、画像を設定したら、画面右上の「▶」再生ボタンを
クリックして、動いている様子を確認することができます。
10、
上記「9、」で確認して、動きが速い、または遅い時は
「全部選択」ボタンをクリックして、画像を全て選択し
画面右側の「ウェイト有り」にチェックを入れ
その下のウェイト[1/100s]の横の数字を
1~100の間で設定をします。
これは、画像から画像へ移動する時の待ち時間になりますので
数値が大きければゆっくりに
数値が小さければ速い動きになります。
例:50
11、
再度、画面右上の「▶」再生ボタンを
クリックして、動いている様子を確認して、
思い通りのアニメーションを作成してみて下さい。
12、
出来上がったアニメーションを保存します。
画面上部「名前を付けて保存」アイコンをクリック。
13、
保存先を選択して、ファイル名を記入したら
(ファイル名は半角英数字がよい)
「保存」をクリック
14、
このような「書き込みオプション」画面が開きますが、
特にいじらずこのまま「OK」をクリック。
※ただし、アニメーションジフはファイルが重くなります。
最大色数を小さくすれば、ファイルを軽くすることができます。
(画質が落ちます)
15、
保存したアニメーションジフ
16、
動く様子を確認するためには、保存した対象の画像を
右クリックし、「プログラムから開く」→
「InternetExplorer」等から、開いていただくと
動く様子を確認しながら、開く事ができます。
インターネットで「画像・素材・フリー」等のキーワードで
検索してみてください!
自分で作成するのは大変ですが、たくさんのかわいいイラストや
素敵な写真が無料で利用できるサイトがたくさんあります。
そういったサイトから、お気に入りのイラストや写真を
持ってくれば、初心者でも簡単にプロのような
アニメーション画像を作成できますよ!
そのアニメーションを設置すれば、
ホームページもブログも他とは一味ちがう!
オリジナルの豪華なサイトになること…間違いありません!


































