flash講座1234はFLASH(フラッシュ)を使った動画の制作を分かりやすく解説した講座です。 |
|
FLASHのお勉強 ーモーショントウイーンー
|
|
| 写真の出し入れ（１）に基本を述べたが、ここでは、その応用編２です。 応用編といっても基本となる動きを示しているので、本当の応用は、皆さんのアイディアで展開してください。 本編でも解説は入門者向けにごく初歩的な操作も記述したつもりです。 ファイト！ |
|
| SAMPLE ２ | |
| ＜シーン１＞ （1）ステージの準備 |
|
| ●W400、H315、背景色黒、フレームレイト24fpsのステージを準備し、写真の出し入れ（２）と同じように、バラの写真２枚を読み込む。 このSAMPLE２の場合も、W300,H225の写真を読み込み、シンボルｒ１，ｒ２に変換した。このとき、基準点は左上にした（真ん中でも良い。座標を示す意味でここでは左上)。 ●次に、タイムラインにレイヤーを９つ作成する。 |
|
| （2）写真の登場 | |
| ●レイヤー１を選択し、ライブラリーからシンボルｒ１をドラッグしてステージに貼り付ける。プロパティーインスペクターで座標を（50,40）にセットする。 ●FRAME８にキーフレームを挿入、プロパティーでW100（にセットする。このとき縦横比をロックしておく。 ●FRAME1-8の間で矢印の上で右クリック、モーショントゥイーンを作成。 ●レイヤー2-9全部のFRAME20に（shiftキーを押しながらFRAME20を選択、右クリックで）キーフレームを挿入する。 ●レイヤー1のW100の写真を選択し、コピー（ctrlキー+ｃでも可）、レイヤー2-8それぞれのFRAME20を選択し、「編集」「同じ位置にペースト」（ｃｔｒｌ＋shift＋ｖでも可）する。これで、同じ写真が9枚左上に重なったことになる。 |
|
| （3）エフェクト１ | |
| ●全レイヤーのFRAME30にキーフレームを挿入、FRAME20-30にモーショントゥイーンを作成する。 ●FRAME30で（赤い線の再生ヘッドをFRAME30に持ってくる）、左上に重なっている写真を上から（レイヤー９から）ドラッグして9枚が格子になるように配置する。ドラッグは、まず、真横に移動していくとガイドラインが現れるので、右隣にドラッグする。次は真横に移動してさらにその右隣にドロップする。 このように、ドラッグしてガイドラインを頼りに9枚の写真を3列3行に配置する。配置順序はどうでも良い。 |
|
| (4)エフェクト２ | |
| ●全レイヤーのFRAME45､55にキーフレームを挿入する。 ●FRAME55で全レイヤーを選択（shiftキーでドラッグするかshiftキーを押しながら一番上のレイヤーと一番下のレイヤーを続けてクリック）し、ついで、真ん中の写真のレイヤー（ここではレイヤー5）のFRAME55をコントロールキーを押しながらクリックすると、真ん中以外の写真が全部選択される。選択されている写真のどれかをクリックし、プロパティーインスペクターで「カラー」「アルファ」を０にセットする。 ●真ん中の写真のFRAME55を選択し、ツールボックスの変形ツールで写真をW300ぐらい（正確でなくても良い）にまで拡大する。 ●全レイヤーのFRAME65、76にキーフレームを挿入し、レイヤー5（真ん中）だけトウィーンを作成、FRAME65のサイズをW100にもどす。 ●全レイヤーのFRAME66でキーフレームに変換し、真ん中の写真（レイヤー5）のアルファを0にセットする。 ●FRAME66で全レイヤーの写真を一つずつドラッグして真ん中の写真に重ね合わせる。このとき、ドラッグするとガイドラインが現れるので、ゆっくり移動しながら真ん中でドロップする。 ●全レイヤーのFRAME76で全レイヤの写真のアルファを100にもどす。 ●全レイヤーのFRAME66-76の間にモーショントゥイーンを作成し、全レイヤーを選んでプロパティで回転・時計回り・１回をセットする。 ●全レイヤーのFRAME86でフレームを挿入する。 |
|
| シーン1のタイムライン | |
 |
|
| <シーン２> メニューの「挿入」「シーン」でシーン２を挿入する(シーン２を挿入せず、シーン１に続いて作成しても可） （１）ステージの準備 |
|
| ●タイムライン右上のアイコンで、シーン１を表示させ、メニューの「編集」「タイムライン」「すべてのフレームを選択」で選択し、次いで「タイムライン」でフレームのコピーをする。。 ●シーン２の画面に戻って、編集・同じ位置にペーストすると、シーン１がそっくり貼り付く。そこで、全レイヤーのFRAME 1-74を選択し「フレームを削除」する。画面に９枚の写真が並ぶ。 ●一番下のレイヤー１を選択し、レイヤの追加ボタンでさらに９つのレイヤーを追加する。レイヤー１をドラッグし新しいレイヤーの上に移動する（レイヤー２の下）。 ●ライブラリーからｒ２をステージにドラッグ＆ドロップし、左上の＋をｒ１の左上の写真の＋に合わせる。このとき一度ステージにドロップし、再度ドラッグするとガイドラインが現れる。写真の大きさをプロパティーでW100，Ｈ７５に縮小する。ｒ２の小さくなった写真は、一番左上のｒ１の写真の下になって見えなくなる。 ●レイヤー1ｰ9の非表示アイコン（片目のマーク）のところにチェックを入れて非表示にする。1枚のｒ２の写真だけとなる。 ●シーン1、エフェクト1の時と同様に、ｒ２の写真を各レイヤーにコピペし、3列3行に並べる。 |
|
| （２）エフェクト1 | |
| 一番左上の写真のエフェクトについて作成法を述べる。左上の位置には、ｒ２とｒ１が重なり合っているが、ｒ１のレイヤーが上にあるので、ｒ１だけが見えている状態になっている。 ●二つのレイヤーのFRAME10にキーフレームを挿入し、その間にモショントゥイーンを作成する。 ●FRAME10でｒ１，ｒ２とも「修正」「変形」「横反転」を施す。 ●プロパティで時計回り0回をセットする。（下左のタイムライン） ・・・・ｒ１しか見えない。 ●ｒ１のレイヤのFRAME5にキーフレームを挿入し、FRAME6-10を選択し、右クリック、フレームの削除（下右）。   以上のエフェクトを残り８枚の写真についても設定するが、このとき適当にタイムラインをずらせて、時間差をつける。 （FRAME35 まで、添付ファイルのタイムラインを参照のこと） |
|
| （３）エフェクト２ | |
●FRAME55ｰ75で表示されている９枚のｒ2を下の写真のように２枚ずつ違う方向に反転させながら、真ん中の写真を拡大消失させ、同時に拡大するｒ１の写真と入れ替える。 ここは、文章で書くと冗長になりかえって分かりにくいかもしれないので、添付のｆｌａファイルを参照してほしい。 要は、横反転、縦反転、時計回り、反時計回りで回転する方向をセットすればよい。 真ん中の写真は、ｒ２の写真をFRAME75でW300に拡大し、アルファを０に設定する。 FRAME60に、ｒ１の写真を新しいレイヤーの真ん中の位置にW300で配置してFRAME75にキーフレームを挿入し、FRAME60でW100、アルファ０に設定すれば、FRAME75ではｒ１の拡大写真が表示されることになる。 |
|
| シーン２のタイムライン | |
 |
|
| ●ｆｌａshファイル | |
| 本SAMPLE２の ｆｌａ ファイルをダウンロードできるようにしますので、興味のある方は、こちらからどうぞ。 | |
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -
|
|
| HOME Flash講座総リスト モーショントゥイーン（特1-4） |
