FLASHのお勉強　ーモーショントウイーンー

マスク

　FLASHの非常に便利なツールの一つである「マスク」はさまざまな使い方でムービーを彩る。　その使い方は千差万別であり、工夫次第でいろいろな効果を生み出す。　ここでは、極く基本的な使い方を学び、実用例を掲げることにする。

　マスクと言えば定番のスポットライト。　ライトが当たる所の画像部分だけが見えるようにするテクニックである。　その一例をテキスト画像を使って説明する。　まずサンプルムービーを示す。

　作り方を説明する前に、原理めいたことを一言。　マスク効果とはマスクレイヤーに指定したレイヤーに描かれている塗りつぶされたシェイプ、テキストオブジェクト、グラフィックシンボルのインスタンス、またはムービークリップを領域として、マスク対象に指定した下層レイヤーの領域部分のみを見えるようにすること。　要するに、マスクレイヤーに円形が描かれているとしたら、その円形に相当する部分だけの下層レイヤー画像が見えるということである。　その円形は、モーショントウイーンで動いていてもOKである。

スポットライト効果の作り方　

（１）キャンバスの設定：サイズW550、H100、背景色：黒、
（２）レイヤーの構成：　上から、円形マスクレイヤー、　テキストレイヤー、　スポットライト背景用レイヤー



（３）テキストレイヤーに「FLASHのお勉強」（HGﾌﾟﾘﾃｨﾌﾗﾝｸH、６０pt）を配置し、全文字を選択して「修正」メニューから「分解」を2回実施し、シェイプとした後グループ化する。　カラーパレットで文字の塗りつぶしにグラーデーションを選択し、カラーミキサーウインドウで、好みの色付けをする。
（４）テキストレイヤーを挟んで、上層にマスクレイヤーを、下層にスポットライト背景用のレイヤーを追加し、マスクレイヤーにキャンバス左端に直径７５pxの円形（何色でもよい）を配置する。　次いで、円形がキャンバスの右端と往復するようにモーショントウイーンを設定する。（上記タイムライン参照）
（５）スポット背景用レイヤーにはキャンバスと同じサイズの矩形を描き、色を灰色にする。
（６）マスクレイヤーを選択し、右クリックで表示されるウインドウで「マスク」にチェックを入れる。
（７）スポット背景用レイヤーのレイヤーアイコンをダブルクリックして現れるウインドウで、「マスクの対象」にチェックを入れる。

テキストをマスクにした効果　

　マスクレイヤーにテキストをおき、文字領域に下の画像を見せることが出来る。　一例を以下に示す。　
　上の例と同じ手法で作成した「FLASHのお勉強を」上層に置き、「スポット」で作成した円形のトゥイーンを下層に置く。　円形をカラーパレットでにぎやかなグラデーションを選び塗りつぶす。　上層をマスクレイヤーに指定すればできあがり。

画像の切り替えに効果

　マスクが良く使われるもう一つの効果として画像の切り替え時にアクセント的な効果を付けるケースである。　ここに示す例は実に雑で稚拙なものであるが、手法が良く分かると思うので載せることにする。　マスクの形状や減速効果、時間差、画像選択などに工夫を凝らせばもっと見栄えのいいもが出来上がる。

　　　
　　　　image1、image2は同じ画像、image1だけをマスク対象にする
　　　　１８FRAME以降は単に画像を停止するために置いてあるだけ