Flash 使い方教室

作成者：TOSSオホーツク・山田正和
作成日：2003年 3月5日(水)
最終更新日：2003年 3月8日(土)
更新箇所：ステップ１－６の指示に若干の加筆。

課題１５：特定の文字だけを常に表示させなさい。

●ステップ１：課題１２・１３の復習をしなさい。

最初に、課題１２と課題１３の復習をします。
「伴」→「一」→「孝」→「伴一孝」というフラッシュカードを作ってもらいます。
"Flash MX"を起動しなさい。
「タイムライン（時間割）」の１コマ目を良く見ると「白丸」が書かれています。
この「白丸」は、１フレーム目に「空白キーフレーム」が用意されていることを意味します。
好きな色と書体で、ステージに「伴（ばん）」と書きなさい。
ただし今回は、後で違う字をステージに書き足すので、いつもより少し小さ目に書きなさい。
ステージ縦幅の５分の１ぐらい、上に余白を残すと良いでしょう。
「タイムライン」の１コマ目を良く見ると「白丸」が「黒丸」に変っています。
これは「伴」の１文字が書かれたことで、「空白キーフレーム（白丸）」が「キーフレーム（黒丸）」に変ったことを意味します。
中身（文字や絵）が無いのが「空白キーフレーム」、中身があるのが「キーフレーム」です。
「タイムライン」の２コマ目を右クリック→「キーフレームの挿入」。
「伴」と書かれた２フレーム目（２枚目の用紙）が用意されます。
「キーフレームの挿入」をすると、１つ前と同じ内容が書かれた用紙が用意されるのでしたね。
２フレーム目の「伴」を「一」に書き直しなさい。
同じように、「タイムライン」の３コマ目に「キーフレームの挿入」。
用意された「一」を「孝」に書き直しなさい。
「タイムライン」の４コマ目を右クリック→「空白キーフレームの挿入」。
間違えないでください、今度は「空白キーフレームの挿入」です。
４フレーム目に用意されたのは、何も書かれていない用紙（フレーム）です。
「空白キーフレームの挿入」をすると、マッサラな用紙が用意されるのでしたね。
ステージに大きく「伴一孝」と書きなさい。
「タイムライン」を「全体のプレビュー」に切り替えて確認しなさい。
「伴」→「一」→「孝」→「伴一孝」と、４枚の用紙（フレーム）に書かれていますか？
「タイムライン」を良く見ると、「フレームレート（用紙をめくる速さ）」が書かれています。
「タイムライン」の下のほう、「１２.０ｆｐｓ」と書かれているところです。
フラッシュカードの「フレームレート」が「１２（１秒間に１２枚めくる速さ）」では、速すぎます。
「フレームレート」を「１２」から「２」に変えなさい。(*1)
「フレームレート」が変れば、「タイムライン」の下ほうの表示も変ります。(*2)
「タイムライン」を「全体のプレビュー」から「標準」に戻しなさい。

*1：「矢印ツール」でステージの何もないところをクリック。
　「プロパティ」パネルを開いて、「１２ｆｐｓ」の欄をクリック。
　キーボードを使って「１２」を「２」に書き直して、「Enter」キーを押す。

*2：「２ｆｐｓ」の左右の表示の意味も分かりますね？
　左側の「４」は、今、ステージ上に「４フレーム目」が表示されていることを意味します。
　右側の「１.５ｓ」は、４フレーム目の表示が「１.５秒後」であることを意味します。(*3)

*3：「２ｆｐｓ」＝「１秒間に２フレームめくる速さ」＝「１フレームにつき０.５秒の速さ」。
　１フレーム目の表示が０秒（スタート）→２フレーム目が０.５秒→３フレーム目が１.０秒→２フレーム目が１.５秒。

●ステップ２：課題１４の復習をしなさい。

続いて課題１４の復習をします。
４フレーム目の「伴一孝」だけを、他の３倍長く表示させます。
「タイムライン」を見ると、４つの「黒丸（キーフレーム）」が並んでいます。
「タイムライン」の、６コマ目を右クリック→「フレームの挿入」
ステージ上は「伴一孝」のままです。
ですが「タイムライン」の６コマ目に「白長方形」が表示されています。
前回学習した通り、「黒丸」から「白長方形」までは完全に同じ内容の用紙（フレーム）です。
４・５・６のどれを書き直しても、全て同じ内容に書き直るのでしたね。
内容がリンクした用紙（フレーム）を用意するのが、「フレームの挿入」でした。
"kadai15.fla"の名前で、ファイルを保存しなさい。
「Ctrl」＋「Enter」で「ムービープレビュー（試写会）」を表示してご覧なさい。
キチンと「伴」→「一」→「孝」→「伴一孝」と表示されますか？
最後の「伴一孝」だけが、他より３倍長く表示されますか？
右上２段目の「×」をクリックして、「ムービープレビュー（試写会）」を終了しなさい。

●ステップ３：常に「TOSS長崎」と表示させなさい。

さて、ここで問題です。
ステップ１～２で作った作品の全ての用紙の左上に、「TOSS長崎」と書き足したくなったとします。
あなたなら、どうやって「TOSS長崎」と書き足しますか？
今まで習ってきた方法では、１～４の各フレームに、１回１回「TOSS長崎」と書き足していくしかありません。
ですが、４回も「TOSS長崎」と書き足していく作業は面倒です。
こんな時に使える、便利な技が「レイヤー」です。
「タイムライン」左側の「レイヤー１」を右クリック。
メニューの４行目、「レイヤーを挿入」をクリック。
「タイムライン」が２段重ねになります。
下の段（レイヤー１）には、ステップ１～２で作った作品と同じコマ（黒丸と白長方形）が並んでいます。
上の段（レイヤー２）には、「白丸（空白キーフレーム）」と「白長方形」が並んでいます。
レイヤー２の１コマ目（１フレーム目）をクリック。
ステージの左上に「TOSS長崎」と書きなさい。色や書体は「伴一孝」と同じものにします。
「TOSS長崎」と書くと、「タイムライン」のレイヤー２が「黒丸（キーフレーム）」と「白長方形」に変ります。
これはレイヤー２の１～６フレーム目までの全てが、完全に同じ内容であることを意味しています。
試しに「タイムライン」１～６コマを、それぞれクリックしてご覧なさい。
上段（レイヤー２）と下段（レイヤー１）の、どちらをクリックしても構いません。
どこを（どのフレームを）表示しても、常に「TOSS長崎」と表示されることが分かります。

●ステップ４：レイヤー（透明シート）について知りなさい。

「タイムライン」を「全体のプレビュー」に切り替えてご覧なさい。
１フレーム目だけを良く見てください。
「伴」と大きく書かれた用紙の上に、「TOSS長崎」と書かれた用紙が重なっています。
「レイヤーを挿入」することは、透明なシート（フィルム）を重ねることに似ています。(*1)(*2)
ステップ３は、「伴」と書かれた用紙の上に透明なシート（レイヤー）を重ねて「TOSS長崎」と書き込む作業だったのです。
「Ctrl」＋「Enter」で、「ムービープレビュー（試写会）」を表示してご覧なさい。
「TOSS長崎」が常に表示されたまま、「伴」→「一」→「孝」→「伴一孝」が次々に表示されます。
「レイヤー２（透明シートの「TOSS長崎」）」をそのままにして、
「レイヤー１（「伴」→「一」→「孝」→「伴一孝」）」だけをめくっているのです。

▲解説用 Flash動画

*1：教員はＯＨＰ（オーバー・ヘッド・プロジェクター）のシートをイメージすると良いでしょう。
　１枚書いた上に、２枚目のシートを重ねることが「レイヤーの挿入」です。

*2：一部のお子さまたちは、アニメのセル画をイメージすると良いかもしれません。
　アニメは、背景画の上に、登場人物を描いた透明なシートを重ねて撮影するのが基本だからです。(*3)
　背景画（レイヤー１）の上に、登場人物のシート（レイヤー２）を重ねる作業が「レイヤーの挿入」です。

*3：といっても、数年前までの話です。
　セル（セルロイド）の材料は石油なので、石油資源の節約という観点から最近は使われていません。
　今のアニメはパソコン上で「レイヤー」を作って撮影する「デジタル・アニメ」です。
　大量にセルを消費した、最後の記念すべき（？）アニメ映画は『もののけ姫』です。

●ステップ５：保存して終了しなさい。

今回は「レイヤー（Layer／英語で「層」「積み重ねる」の意味）」を学習しました。
「レイヤー」には、幾つもの使い道があるので、いっぺんに覚えるのは不可能です。
今は「出番が違うもの（文字や絵）を書き分けて、楽をする方法」と理解しておいてください。
今回の作品では、
レイヤー１には、次々に切り替わって表示されるもの
レイヤー２には、常に表示され続けるもの
を書き分けて楽をしました。
「レイヤー」が無ければ「TOSS長崎」を４回も書かなければいけないところでした。
「レイヤー」があったので、１回「TOSS長崎」と書くだけで済んだのです。
ファイルを上書き保存して、"FlashMX"を終了しなさい。
今回の学習はここまでです。
もちろん時間と気力に余裕のある人は、新しいファイルを作って「レイヤー」の練習をしても構いません。

▲このページの先頭に戻る →課題１６へ