!!!ぼかして消える

特殊効果としてよく使用される「鮮明な表示がだんだんぼけてきてそして消える」
というのを再現してみます。
この処理は、ActionScriptを使用する必要はありません。

しかし、Flashには「ぼかす」なんて機能がないのにどうするのでしょうか？

{{ref_image bokasi_20040914.png}}

以下、Flashの実行結果
{{flash bokasi.swf,width=320,height=240}}

これは、あらかじめぼかした画像を数枚用意しておき、これを透過させながら
重ね合わせることでそれらしく実現できます。画像データは全フレーム数分もいらないです。
「鮮明な画像」「少しぼかした画像」「思いっきりぼかした画像」の３枚があれば
十分スムーズにぼけていく、が実現可能です。

元画像として、以下の３枚を使うとします。

[abc_20040914.bmp]
{{ref_image abc_20040914.png}}

[abc2_20040914.bmp]
{{ref_image abc2_20040914.png}}

[abc3_20040914.bmp]
{{ref_image abc3_20040914.png}}

これらはPhotoShopでガウスぼかしをかけました。

!!ライブラリに画像をインポート

Flashのライブラリウィンドウに[[画像をインポート|画像をライブラリに入れる_Flash]]します。そして、３つの画像をシンボル（グラフィック）として「abc1」「abc2」「abc3」の上に乗せます。

実際のぼかしのアニメーションはムービークリップ「abc」で行うとします。
{{ref_image bokasi2_20040914.png}}

!!ムービークリップの編集

まずは、ムービークリップ「abc」の上にグラフィック「abc1」「abc2」「abc3」を
同じ位置に重ね合わせます。ただし、それぞれを別レイヤーとするようにしてください。レイヤー名を「ABC1」「ABC2」「ABC3」としています。
{{ref_image bokasi3_20040914.png}}

ここで、「abc1」は鮮明な画像でこれが徐々に消えていきます（アルファ値を100%〜0%にモーション）。
平行して「abc2」が徐々にあらわれていきます（アルファ値を0%〜100%にモーション）。その後消えていきます（アルファ値を100%〜0%にモーション）。
さらに遅れるように並行して「abc3」がゆっくりとあらわれていきます（アルファ値を0%〜100%にモーション）。そして消えていきます（アルファ値を100%〜0%にモーション）。
スムーズにアルファ値を変化させるためにトゥイーンのモーションを使用していますので、「[[タイムライン|タイムライン_Flash]]」についてもよく理解するようにしてください。
{{ref_image bokasi4_20040914.png}}

これら３つのレイヤを合成すると、「鮮明な文字がだんだんぼけていきながら消える」
といった効果を行うことができます。

参考までに、各フレームにおけるアルファ値は以下のようにしています。

*abc1（鮮明な画像）

  1フレーム目、アルファ値100%
          ↓
 15フレーム目、アルファ値  0%

*abc2（ぼかした画像）

  1フレーム目、アルファ値  0%
          ↓
 20フレーム目、アルファ値100%
          ↓
 27フレーム目、アルファ値  0%

*abc3（おもいっきりぼかした画像）

  1フレーム目、アルファ値  0%
          ↓
 27フレーム目、アルファ値100%
          ↓
 38フレーム目、アルファ値  0%

以下、そのサンプルswfとソースとなるflaファイルです。

Flash swfファイル：{{ref bokasi.swf}}

Flashソース：{{ref bokasi.fla}}