FLASHのお勉強　ーモーショントウイーンー
（特１）　写真の出し入れ（４）
今回は、ブラインドが開閉する感じを出したスライドショータイプの出し入れである。　画面を8分割した大きさの短冊を順番にアルファ値を変えながら動かすことによって、写真を消したり、現したりするものである。 　以下に作成手順を示す。入門間近の人にも分かるように、かなり長々とした説明になっているが、実際の操作はそれほど大変なものではない。
SAMPLE
（1）ステージの準備 　●w220、H220、背景色黒、12ftpのステージを設定する 　●w200、H200の写真（rose1，，，rose5）を5枚ライブラリーに読み込む 　●ステージ中央にrose１をライブラリーからドラッグしてドロップする (2)ブラインド用矩形の作成 　●メニューで「挿入」「新規シンボル」でsliceと言う名のムービークリップを作成 　●編集画面で、＋印が中心になるようにW200、H25の白色矩形を描く
(３)ブラインドの作成
ａ．ブラインドが下降して写真を隠すムービークリップ
●メニューで「挿入」「新規シンボル」でblind_downと言う名のムービークリップを作成 ●編集画面のタイムラインで、レイヤーを7つ追加する ●レイヤー８を選択し、ライブラリーからsliceをドラッグし、座標（-100,-100）でドロップする ●レイヤー７を選択し、ライブラリーからsliceをドラッグし、座標（-100,-75）でドロップする 　　（一旦ステージのどこかでドロップし、それからもう一度ドラッグすると、点線でドロップ地点を教えてくれる） ●以下、レイヤー６から１までそれぞれに矩形を配置し、縦に８枚（写真を覆う大きさ）並べる ●タイムラインでレイヤー１から8までのFRAME11を一括選択し、キーフレームを挿入する ●レイヤー1から8までのFRAME5（2から7の間ならどこでも良い）を一括選択し、右クリックでモーショントゥイーンを作成 （ここまでで図1ができる）
●レイヤー1から8までのFRAME１を一括選択し、ステージで矩形のどこかをクリックして現れるプロパティーインスペクターで、「カラー」のアルファを0%に設定 ●レイヤー7のFRAME1から11までを選択しドラッグして、FRAME2から12までに移動する ●レイヤー6から１まで、順次FRAMEを１ずつずらしながらトゥイーンを移動する ●レイヤー2から8までのFRAME18にフレームを挿入する ●レイヤー１のFRAME12を選択し、F9キーを押してアクションウインドウを開き stop(); と記入する（図2） ●シンボル編集画面でエンターキーを押して再生すると、上から順に白い矩形が生成し、最終的に写真を覆うサイズの白い四角形が出来れば成功である
（図1）　　　（図2）
ｂ．ブラインドが上昇して写真を現すムービークリップ ●新規シンボル blind_up の作成・編集画面で、図１までは、ａ．と同じ ●図１の状態で、レイヤー１から８までのFRAME11を一括選択し、アルファを0に設定する ●レイヤー1から８までのFRAME2を一括選択し、右クリック、フレームを挿入、次いでキーフレームに変換 ●レイヤー2のFRAME2から12までを選択し、FRAME3から13に移動させる ●レイヤー3以降についても同様に、１FRAMEずつトゥイーンを移動する ●レイヤー1から7のFRAME19を一括選択し、フレームを挿入する ●レイヤー8のFRAME19でF9キーを押してスクリプト編集ウインドウで stop(); と記入する（図3）
（図3）	作成の手順で、最初のキーフレームの間（例えば、レイヤー8ではFRAME1から9まで）がトゥイーンになっているが、ここは、トゥイーンでなく単なるフレームでも良い。 　ただし、FRAME1はキーフレームにして、全矩形が表示されている状態にしておかないといけない。 　シンボル編集画面で、エンターキーを押して再生すると、白い四角形の下の部分から順番に消えていく状態になっていれば成功である。
ｃ．ブラインドが真ん中から上下に開閉するムービークリップ a．、b．で作成したシンボル blind_down 及び blind_up それぞれをライブラリーウインドウで複製し、それぞれ、 blind_close、blind_open と名前を付ける。　blind_down、_upが上下に開閉するのに対し、_close、_openは真ん中から上下に開閉するムービークリップとする。　_close、_open それぞれの編集画面で、タイムラインのトゥイーンフレームを移動しそれぞれ、図4、図5のよう設定する。
（図4）_close　　（図5）_open
（４）タイムラインの設定
●レイヤー１を photo と命名する ●レイヤーphotoのFRAME　1,30,75,120,165,210にキーフレームを挿入する 　 FRAME230にフレームを挿入する ●FRAME30でrose1をクリック、プロパティーインスペクターで「入れ替え」を 　 クリックし、ウインドウで、rose2を選ぶ ●同様に、FRAME75、120、165でrose3、4、5に入れ替える 　ここまでで、右のように写真が切り替わるムービーが作成される
●レイヤーを追加し、blind と命名する ●レイヤーblind で以下のFRAMEをキーフレームを挿入し、下記のようにムービークリップを挿入する 　　FRAME　15：　ライブラリーから blind_down をドラッグし、座標（10,10）に配置する 　　FRAME　30：　blind_down を blind_up に入れ替える（画面下のプロパティインスペクタで） 　　FRAME　60：　blind_up を blind_down に入れ替え、修正ー変形ー反時計回りに90度回転、座標（10,10）に 　　FRAME　75：　blind_down を blind_up に入れ替える 　　FRAME105：　blind_up を blind_close に入れ替える 　　FRAME120：　blind_close を blid_open に入れ替える 　　FRAME150：　blind_open を blid_close に入れ替え、修正ー変形ー時計回りに90度回転、座標（10,10）に 　　FRAME165：　blind_close を blid_open に入れ替える 　　FRAME195：　blind_open を blid_close に入れ替え、修正ー変形ー伸縮と回転で155%、45°とする 　　　　　　　　　　 （この設定では写真の外のステージも隠れてしまう。気になれば写真の大きさのマスクをかける） 　　FRAME165：　blind_close を blid_open に入れ替える 　　FRAME230：　にフレームを挿入する
●ｆｌａファイル
本SAMPLEの ｆｌａ ファイルをダウンロードできるようにしますので、興味のある方は、こちらからどうぞ。
HOME　　　お勉強総リスト