ももんじゃの日記

30半ばのおっさんが職業訓練所のWebデザイナー講座を受けてみた

1月15日午後の授業1時間目

ファイヤーワクスでアニメーションを作るよ!

楕円ツールで正円を書いてグラデ円錐。

そしてシンボルに変換。ここでアニメーション選択しないと

gifが膨大になるので注意!

f:id:momonzya:20150115145613j:plain

ステートはコマ数。移動はpx。拡大縮小は最後の形。

不透明度は最初から最後の透明度の設定。そして回転させるよ。

f:id:momonzya:20150115145731j:plain

ステートで秒数を設定するよ。7は100分の7秒だよ。

f:id:momonzya:20150115150004j:plain

 長方形スライスを選択して、スライスを切るよ。

f:id:momonzya:20150115170215j:plain

 画像プレビューでgifを作っていくよ

f:id:momonzya:20150115170459j:plain

 オプションで形式をアニメーションGIFにするよ

f:id:momonzya:20150115170700j:plain

 フレームの最終調整と繰り返しの設定を決めて書き出すよ!

 

f:id:momonzya:20150115170837j:plain

 書き出しは画像のみにし、スライスのない領域を含めるのチェックを外す。

(選択したスライスのみも外してもよかったような)

f:id:momonzya:20150115171116j:plain

完成。

f:id:momonzya:20150115171309g:plain