フェードインする文字　FLASHRAVE

|　トップ　>　アニメーション　>　フェードインする文字　|

流れるように表示される文字列は、一字ずつシンボルにするか、マスクのモーショントゥイーンを利用すると実現できます。
文字自体にも少し手を加えるだけでより動きのある文字列になります。

ボタンにマウスを重ねると文字列が表示されます。

（１）　シンボルの作成

・ボタンのイラストを用意します。

・ステージ配置する「ボタン」ムービークリップを用意します。

・表示される「文字」ムービークリップを用意します。

・文字を隠す「マスク」ムービークリップを用意します。

（２）　「文字」ムービークリップ

・テキストツールで文字を設置します。

（３）　「マスク」ムービークリップ

・（２）で作成した文字よりも大きい四角を設置します。

（４）　「ボタン」ムービークリップ

・ActionScriptを設置する「Action」レイヤーを用意します。

・フレーム名を設置する「Flag」レイヤーを用意します。

・ボタンイラストを設置する「ボタン」レイヤーを用意します。

・マスクを設置する「マスク」レイヤーを用意します。

・文字を設置する「文字」レイヤーを用意します。

・全てのレイヤーのフレームを10まで追加します。

・「Action」レイヤーの1フレーム目と10フレーム目に同じActionScriptを明記します。

stop();

・「Flag」レイヤーの1フレーム目には「OUT」、2フレーム目には「OVER」を設定します。

（５）　ムービークリップ「文字」の設置

・「文字」レイヤーの2フレーム目にキーフレームを追加します。

・「文字」レイヤーにムービークリップ「文字」を設置します。

・10フレーム目にキーフレームを追加し、2フレーム目からモーショントゥイーンを設定します。

・2フレーム目のムービークリップ「文字」をアルファ0%にします。

（６）　ムービークリップ「マスク」の設置

・ムービークリップ「文字」が隠れるようにムービークリップ「マスク」を「マスク」レイヤーに設置します。

・10フレーム目にキーフレームを追加し、2フレーム目からモーショントゥイーンを設定します。

・2フレーム目のムービークリップ「マスク」の横幅をX・Y座標はそのままで2px程度に縮小します。

（７）　マスクの設定

・「マスク」レイヤーを軸に「文字」レイヤーをマスク設定します。

（８）　ステージへ配置

・作成したムービークリップ「ボタン」をステージに配置します。

（９）　ActionScriptの設定

・設置したムービークリップ「ボタン」を選択してActionScriptを設定します。

on (rollOver) {

　this.gotoAndPlay("OVER");

}

on (rollOut) {

　this.gotoAndPlay("OUT");

}

作成途中で設定したマスクのモーショントゥイーンのように文字列を縮小させる方法もありますが、文字が完全に出るまでは読みづらくなるので、マスクで隠して少しずつ表示するほうが効果的です。