ロールオーバーでねっ、簡単に絵を動かす方法ですっ♪
1、まず「絵」を描きます。
今回は、5つの絵を使いました。
お絵描きは「フォトショップ」でも「イメージレディ」でも、どちらでも良いです。
2、
ロールオーバーの「通常」のところは、最初の画像(変化させる前の画像)
「Over」のところは、変化させる最初の画像をレイヤーパレットでクリックします。
「Over」を指定した状態で「アニメーション」をクリック。
3、
ここで、アニメーションを作ります。
*アニメーションの作り方は
「うきゃきゃさんのふぉとしょっぷ講座→第6回イメージレディでアニメーション」
「かずみんNote→B-9・Gifアニメーション」を参考にして下さい。
アニメーションが出来たら確認作業!
もう一度、「ロールオーバー」に戻ってください。
そして今度は、「通常」を指定してる状態で、「アニメーション」をクリック。
もしも、「Over」で作った画像が出ていたら、削除してください。
*「ロールオーバー」の「通常」を指定して「アニメーション」をクリックすると画像は1つ。
*「ロールオーバー」の「Over」を指定して「アニメーション」をクリックすると画像は5つ。
4、最適化でファイルを保存 します。
これで、マウスを持って行くと絵が動き、
マウスをはずすと動きの止まる画像が出来ます♪