Flash 使い方教室

課題１０：ハンコ（シンボル）を修正しなさい

●ステップ１：コピーで２文字書きなさい。

1. "Flash MX"を起動しなさい。
2. ステージの左上４分の１に、「桜」という字を書きなさい。
   色はピンク。書体は自由です。(*1)

   

3. この「桜」の字を、ステージ右上４分の１にコピーしなさい。(*2)

   

4. 「プロパティ」パネルを使って、ステージ左上の「桜」を赤色にしなさい。(*3)
5. コピー元（左上）を赤色に修正しても、コピー先（右上）の色は変りません。

   

6. 「プロパティ」パネルを使って、ステージ右上の「桜」を青色にしなさい。
7. コピー先（右上）を青色に修正しても、コピー元（左上）の色は何も変りません。

   

8. このように、コピー元の「桜」とコピー先の「桜」は、完全に別の人生（？）を歩んでいます。
9. 片方の色・大きさ・書体を変化させても、もう片方には何も変化がないのがコピーなのです。

*1：最初に「テキストツール」で書く。次に「自由変形ツール」で拡大。

*2：「Ctrl」＋ドラッグ＆ドロップを使えば簡単ですね。

*3：忘れた人は【課題：６】を参照のこと。

●ステップ２：ハンコケースとファイルの関係を確認しなさい

1. 今度は前回の復習です。「シンボル（ハンコのようなもの）」を作って押します。
2. まず、作業の邪魔になるので、「プロパティ」パネルを閉じなさい。
3. 次に、「Ctrl」＋「Ｌ」で「ライブラリ（ハンコケース）」を開きなさい。

   

4. 「ライブラリ」が空（から）なので、「あれッ！？」と思った人はいませんか？
   「前回の課題で作ったシンボル１（桃の字）はどうなったんだ！？」という人です。
5. 残念ですが、「ライブラリ」は、ファイルごとに作られるのです。
   課題９で作ったハンコ（シンボル）は、"kadai9.fla"のライブラリにだけ入っているのです。
6. ですから課題９で作った「桃」のシンボルを使いたいときは、作成中のファイルとは別に"kadai9.fla"を開かないとなりません。(*1)
7. 時々、この辺の仕組みを勘違いされる方がいるので、念のために確認しました。

*1：ファイルごと開く方法と、「ライブラリ」だけ開く方法の２通りがあります。
　今回は学習内容が多めなので、詳細についてはまた後日。

●ステップ３：ハンコを２つ作って押しなさい。

1. では、ステージ左上の赤い「桜」を「シンボル（ハンコ）」にしなさい。(*1)
   名前は今回も「シンボル１」、タイプはもちろん「グラフィック」です。

   

2. ２つ目。ステージ右上の青い「桜」も、「シンボル（ハンコ）」にしなさい。
   名前は「シンボル２」、タイプはもちろん「グラフィック」です。
3. 確認です。「ライブラリ」に無事２つの「シンボル」がおさまっていますか？

   

4. ステージ左下に、「シンボル１（赤い「桜」のハンコ）」を押しなさい。(*2)
5. ステージ右下に、「シンボル２（青い「桜」のハンコ）」を押しなさい。(*2)

   

*1：「矢印ツール」で「桜」を右クリック→「シンボルに変換」

*2：「ライブラリ」の中からステージに、ドラッグ＆ドロップです。

●ステップ４：ケースの中のハンコを修正しなさい

1. 「シンボル」は普通のハンコではありません。実は「魔法のハンコ」なのです。
2. 魔法その１。これから「ライブラリの中のシンボル（ハンコ）」を修正してみます。
3. 「ライブラリ」の「シンボル１」の左側にあるアイコンをダブルクリックしなさい。

   

4. ４つの「桜」が消え、中央に赤い「桜」が１つだけ表示されます。

   

5. この画面は、「ライブラリの中のシンボル」を修正するための画面です。
6. ステージの左上を見ると、今、「シンボル１」を修正中であることが確認できます。

   

7. 「プロパティ」パネルを使って、ステージ中央の「桜（シンボル１）」を、赤から緑に変えなさい。

   

8. では、「シンボル修正画面」から、元の画面へと戻ってみましょう。
9. ステージ左上、「シーン１」をクリックすれば、元の画面に戻ります。

   

10. ステージ左上と左下、２つの「桜」が同時に赤から緑に変っています。

    

11. このように「ライブラリの中のシンボル１」を修正すると、「ステージ上の全てのシンボル１」も同時に変化します。
12. ステップ１の結果と比べてみてください。
    普通のコピーと違い、「シンボル」同士には目に見えない「絆（きずな／リンク）」が存在します。
13. ですからコピー元（ライブラリの中のシンボル）を修正すると、その変化はコピー先（ステージ上のシンボル）にも起こるのです。
14. もちろん色だけではなく、文字サイズや書体を変化させても同じです。
15. このことを上手く利用すれば、将来の Flash コンテンツ作りに大きく役立ちます。
    必要最小限の作業で、作品全体を修正することができるのです。
16. では練習です。「シンボル２」を青からオレンジに変えなさい。
    「ライブラリ」の中だけを修正して、ステージ上の２つを一気に変化させるのです。

    

●ステップ５：押したハンコを入れ替えなさい

1. 魔法その２。今度は「ステージ上のシンボル」を入れ替えてみます。
2. 「プロパティ」パネルを開きなさい。
3. 「矢印ツール」で左上の「桜」をクリックしなさい。(*1)
4. よく見ると、「プロパティ」パネルの内容が、文字を書いたときと違います。

   「シンボル（ハンコ）」に変換する前（文字を書いたとき）

   

   「シンボル（ハンコ）」に変換した後（現在）

   

5. 「プロパティ」パネルの中央やや左よりに、「入れ替え」というボタンがあります。
6. 「入れ替え」ボタンをクリック。
7. 「シンボルの入れ替え」という小さな画面（ウィンドウ）が現れます。
   

   

8. 「シンボルの入れ替え」画面の中央、「シンボル２」をクリック。
9. 「ＯＫ」をクリック。
10. ステージ左上の「桜」が、緑（シンボル１）からオレンジ（シンボル２）に入れ替わりました。

    

11. このようにステージ上の「シンボル」は、自由に他の「シンボル」と入れ替えることができます。
12. この「入れ替え」も、将来の Flash コンテンツ作りに役立ちます。
13. 例えば２種類のシンボルのどちらを使った方がよいのか悩んだときです。
    「入れ替え」を使えば、ステージへ置いてから簡単に見比べることができます。
14. では練習です。ステージ右下の「桜」を、オレンジ（シンボル２）から緑（シンボル１）に入れ替えなさい。

    

*1：間違えてダブルクリックしないよう気をつけてください。

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

1. "kadai10.fla"のファイル名で保存しなさい。
2. Flash MX を終了させて、今回の学習を終えなさい。
3. もちろん時間と気力に余裕のある人は、「書き出し」をしても構いません。

●エクストラ・ステップ：余裕があったら、読みなさい。

1. 日常会話で「ハンコ」と言う時、意味が２通りあります。
2. １つ目は「ハンコ本体」です。木や石などで出来ている道具の方です。
3. ２つ目は「ハンコのあと」です。紙に残った、朱肉やスタンプインクの印（しるし）の方です。
4. 運送屋さんが「ハンコ下さい」と言った場合、「ハンコ本体」ではなく「ハンコのあと」を意味します。
5. 国語辞典を調べると、正式には「ハンコのあと」のことを「印影（いんえい）」と呼ぶのだそうです。
6. 実は Flash の「シンボル」にも、「印影」にあたる言葉が存在します。

   シンボル（symbol）

   ハンコでいう「本体」にあたる言葉。

   「ライブラリ」の中にある「シンボル」のこと。

   インスタンス（instance）

   ハンコでいう「印影（いんえい）」にあたる言葉。

   ステージ上の「シンボル」のこと。

7. 「インスタンス」という言葉は、無理に覚えなくても大丈夫です。
8. Flashになれた人でも、区別無く「シンボル」と呼ぶことが多いからです。
9. ただ市販のマニュアル本によく出てくる言葉なので、一応解説しておきました。