6.応用アニメ【フェードイン・フェードアウト】

f:id:AdobeAnimateFunya:20160302165304p:plain
フフフフ…長くこのブログを更新していなかったね…
f:id:AdobeAnimateFunya:20160302165254p:plain
ホントふにゃよ〜!もう更新されないかと思ったふにゃよっ!
f:id:AdobeAnimateFunya:20160302165304p:plain
FlashやAnimateについて勉強を始めたばかりのみんなにはすまなかったね。 セレブなボクも色々忙しくてね。 それよりふにゃクンは今まで勉強したことを忘れてはいないかい?
f:id:AdobeAnimateFunya:20160307165023j:plain
っ!!!
f:id:AdobeAnimateFunya:20160302165304p:plain
フフフフ…ちゃんと復習しておくんだよ。 今日は「フェードイン・フェードアウト」について教えるよ。
f:id:AdobeAnimateFunya:20160302165254p:plain
フェードイン・フェードアウト…! ひゅ〜って現れたり、ひゅわ〜ん…って消えていくやつふにゃね! にゃんだかかっこいいふにゃ〜♪

----------------------------------------------------------------------------------------

やってみよう!


キャンバスに配置したシンボルを選択してプロパティの中にある「アルファ」や「カラー」という項目が表示されるよ。 それを変えると透明度やカラーが変えらるよ。

1.準備

f:id:AdobeAnimateFunya:20161223175802p:plain 「3.基本のトゥイーンアニメ(移動アニメ)」のflaファイルを開き ステージ中央にインスタンス(ステージ上に配置したシンボルのこと)を一つ配置した状態にして20フレーム追加する。 最後の20フレーム目をキーフレームにして1フレーム目を「クラシックトゥイーン」を作成しよう。

2.フェードアウト

f:id:AdobeAnimateFunya:20161223181053p:plain 20フレーム目のステージに配置したシンボル(インスタンス)をクリックして選択する。 そうするとプロパティ画面の【カラー効果】設定が「スタイル:なし」と表示されるよ。

3.

f:id:AdobeAnimateFunya:20161223175803p:plain 【カラー効果】「スタイル:」横のプルダウンメニューの「なし」をクリックして「アルファ」を選ぼう。 f:id:AdobeAnimateFunya:20161223175805p:plain すると下にアルファ値を変更できるスライダーが現れるよ。 数値を下げるほど透明になるので今回はそれを0%にしてみよう。

4.


【制御/再生】してみると徐々に消えていくアニメになっているよ。

5.フェードイン

f:id:AdobeAnimateFunya:20161223175806p:plain フェードインさせる場合は1フレーム目のインスタンスの「アルファ」を0%、 最後のフレームのインスタンスはプロパティ画面の【カラー効果】設定を「スタイル:なし」にして再生してみよう。