【Ｆの会】のサイトに戻る

サイトー
『プチＦｌａｓｈ講座』（１）テキスト

　　（０）「お絵かき」の準備をしよう
　　（１）あえて「ブラシツール」を使おう
　　（２）そして「シェイプトゥイーン」

（０）「お絵かき」の準備をしよう

　質問します。

　【質問１】
「ペイント」という「アクセサリ」に入っている「お絵かき」ソフトを
使ったことがありますか？

　「Ｆｌａｓｈ」は、お絵かきをするソフトでもあるのです。このため、マウスでのお絵かきを体験しているかどうかは、とっつきやすさの指標になると思います。

　先ほどの質問に対して、「はい」と答えた方は、問題なくこのテキストで動きのあるサイトづくりができる方です。

　「いいえ」と答えた方は、もう一つの予習をお願いします。

　【予習１】
「ペイント」という、ソフトを少しだけ使ってもらうことにします。
（１）
「スタート」→「アクセサリ」→「ペイント」を選択して、実行。
「ペイント」の画面を出してください。
（２）
白い画面の中央にマウスポインターを持っていきます。
（鉛筆の形をしていることと思います。）
ドラッグしながら、「○」を描いてみてください。
描けたらドラッグはやめてください。
（３）
「○」が描けた人は、「△」や「□」、あるいは「アニメキャラ」など
も描いてみるとすばらしいです。

　「Ｆｌａｓｈ」は、お絵かきをするソフトでもあるので、今回はその機能を使って、非常に簡単なFlashサイトの作成をめざします。

　それでは、「Ｆｌａｓｈ」を起動してください。
　下のような画像になっていれば、余分な物も見えなくて使いやすいと思います。

（図−１）

　この画像は、白い画面の右側に、通常出ているはずのウィンドウを隠しています。
　さしあたりそれらは「必要ない」というわけです。
　（「ＭＸ」では必要になれば出てきますので・・・。）

　

（１）あえて「ブラシツール」を使おう

　「お絵かき」について、紹介します。
　今回使用するのは、「ブラシツール」です。図−１の左上の方に、「ツール」の表示が見えます。
　（図−２を参照のこと）

　○で囲んであるのが、「ブラシツール」です。
　「ブラシツール」を選択した人は、次に進んでください。

（図−２）

　※「ブラシツール」を選択すると、毛先の形状や大きさを変えることが
　　できます。慣れてきたら適当な毛先を見つけてください。

　さっそく、「お絵かき」してみましょう。
　下の画面のような絵を描いてみてください。
　（○からしっぽが出ているような）

（図−３）

　ここでは、見易さを考えて、「赤」で描いていますが、とりあえずどんな色でもかまいません。
　何となく、形が描ければいいのです。

　次です。「タイムライン」は、「Ｆｌａｓｈ」の画面の上の方にあります。

　先ほど絵を描いたこともあって、「１」のところが「●」に変わっているはずですが、いかがですか。
　（図−４は描く前なので、「○」のままです。）

（図−４）


　「タイムライン」の「２０」の下を「右クリック」します。
　　　　　（図−５）

　「空白キーフレームの挿入」を選択すると、「２０」のところに新しい「○」ができたことと思います。
　新しくできた画面に、「１」とは別の絵を描いてみることにします。

　※　色を変えたりするのもよいですが、
　　ここでは説明の都合上、形を変えた
　　だけのものを描きます。

　　　　　（図−６）

　ご覧の通り、○から出ているしっぽを伸ばしただけの絵にしてみました。
　絵を描くだけなら、「ペンツール」もあるのに、なぜ「ブラシツール」なのか。

　これは、私の趣味がそこにある･･･だけではなくて、今回目指している作品の仕上がりに関係しているのです。

　ここまでの作業がこなせれば、あとはとても簡単です。

（２）そして「シェイプトゥイーン」

　「シェイプトゥイーン」、また難解な機能の名前が出てきました。
　でも、やることは簡単です。
　とりあえずは、操作画面の下のほうにある「トゥイーン」を「シェイプ」にするだけです。
　（図−７を見てください。）

（図−７）

　「タイムライン」の「１」を「クリック」します。
　画面が少し変わります。

　画面の下の方に、
「トゥイーン」、そして、選択肢に、「なし」、「モーション」、「シェイプ」の３つが見えます。
　この中の「シェイプ」を選ぶのです。

　途端に、画面の上の方が、図−８のようになれば成功です。
　　　　　　　（図−８）

　「タイムライン」のところが薄い緑色に変わりました。
　「１」から「２０」に向けて「→」が表示されています。

　「シェイプトゥイーン」の基本的な設定はこれで終わりです。

　それでは、動かしてみることにしましょう。

　「制御」から「再生」あるいは「ムービープレビュー」を選択すると・・・、
「１」から「２０」へ少しぎこちなく変形するのを確認できると思います。

　※「ぎこちなさ」を減らすために「シェイプヒント」という機能を使います。

　　やり方は、「修正」→「シェイプ」→「シェイプヒントの追加」です。
　　これについては、いろいろ試してみてください。
　（今回の絵ならこんな具合でしょうか。）

「１」のヒント 「２０」のヒント

　それぞれ２つ、（黄色「１」）と（緑色「２０」）のヒントがわかりますか。

　作った作品は適当な「フォルダ」を作って保存しておきましょう。

　

　以上で、「プチＦｌａｓｈ講座」（１）終了です。

＊　＊　＊　お疲れ様でした。（斎藤【Ｆの会】）

【プチＦＬＡＳＨ】のサイトに戻る