Flashフェードインテクニック 写真をじわーっと出現させる
- まずは完成サンプルをみてみてください。「startボタン」をクリックするとムービーがスタートします。
写真がじわ〜っとフェードインで登場します。単なるフェードインとは違う印象を与えます。なお、実際のムービーサイズより縮小しています。
- 幅：700、高さ300の写真を用意します。実際のところ、どのサイズでも構いませんが説明の都合上、このサイズでいきます。写真が用意できない方は下記の写真をお使い下さい。学習用写真
- Flashを起動して［Flashドキュメント］をクリックして、新規ファイルを立ち上げます。
FlashCS3をお使いの方は、［ファイル］メニューから［新規］をクリック。
［一般］タブを選択して［Flashファイル（AS2.0）］を選択します。 - ［プロパティインスペクタ］のサイズのボタンをクリック。
- ［幅：700px 高さ：300px 背景：黒 フレームレート：24fps］ として［OK］ボタンをクリック。
- 「motion_tech1.fla」として適当なところに保存します。以下、適度に上書き保存していってください。
- ［ファイル］メニューから［読み込み］−［ステージに読み込み］をクリックして、素材写真を参照します。
- ステージに読み込まれた写真を選択して、［プロパティインスペクタ］で、［X:0 Y:0］をクリックします。ステージにぴったりあわせます。
- レイヤー１をダブルクリックして「photo」と名前をつけます。
- タイムラインのフレーム60をクリックして［F5］を押します。
（［挿入］メニューから［フレームの挿入］）。 - 「photo」レイヤーはロックしておきます。
- 新規レイヤーで「mask」とします。
- 矩形ツールをクリックします。［線はなし、塗りは黒］。
- ステージ上をドラッグして長方形をかきます。
- 長方形を［選択ツール］で選択して、
［プロパティインスペクタ］で［W:700 H:300 X:0 Y:0］とします。
- 画面を50％の表示にします。
- ［選択ツール］で長方形が選択されている状態を確認して、［編集］メニューから［コピー］をクリック。
- ［編集］メニューから［同じ位置にペースト］をクリック。
- そのまま、上矢印キーを押し続けて図のようにステージの上に移動します。
- ［カラーミキサーパネル］で、塗りを選択して、［タイプ：線状］をクリックします。
黒から白のグラデーションがかかります。
- 右側のカラーポインタをクリックして、明度を下げます。黒から黒のグラデーションに変更します。
- 左側のカラーポインタをクリックして、［アルファ：0％］とします。
- そのまま、バケツツールで長方形の上辺から下辺まで「shiftキー」を押しながら、垂直にドラッグします。
- ［選択ツール］でどこか余白をクリックします。図のようになっていることを確認します。
- ［選択ツール］で上の長方形をクリックして、下にさげて下の長方形とくっつけます。
- ［選択ツール］で上の長方形と下の長方形を「shiftキー」を使って両方選択します。
- ［F8］を押してシンボルに変換します。
- ［名前：grMask タイプ：グラフィック 基準点：左上］ として［OK］ボタンをクリックします。
- 「maskレイヤー」の「フレーム40」をクリックします。［F6］を押してキーフーレムを挿入します。
- 「下矢印キー」を押します。
図の位置までさげていきます。
- 「maskレイヤー」の「フレーム1」を右クリック（mac : ctrl+クリック）［モーショントゥイーンを作成］をクリックします。
- 保存します。完成です。
- ［制御］メニューから［ムービープレビュー］をクリックします。
（ショートカットキー: ［ctrl(cmd)］ + ［enter］ ）で確認します。
