第９回新技術研究会（Ｆｌａｓｈの基礎）

開催日時　　平成２３年９月２日（金）午後１時３０分～４時３０分

開催場所　　大阪産業創造館６階会議室Ｄ

参 加 者　　（敬称略）
（講師）　　らくさん
（ＰＣ持参）まっさん、ＳＨＩＧ、なんこう、ろろ、Ａｍｉ、シマ、アイ、すみれ、林檎、
しんちゃん、ひろろ、たかきみ、Kom、うさこ、わかな、ストレインジャー
スカッパー、にっしゃん、みなちゃん、Ｔｅｄｄｙ、ＮＡＧＯＮ、レールシティ、
（見学者）　ようよう、クッキー、ＷＡＫＯ、　　（計２６名）
上記以外に、本日の勉強会テーマの補助者として、らくさんの知り合いの
棚橋知子さんの支援を戴きました。

学習項目　　「ＰａraＦｌａ」　ソフトで　Flash　の基礎を勉強しました。
１．ＰａｒａＦｌａ　ソフトの起動
２．Ｆｌａｓｈ　の基本動作（基礎）の習得
３．テキストエフェクトの楽しみ方

学習内容
１．ParaFla ソフトの起動

配布のＤＶＤから音楽ソフトを除いた他のフォルダ、ファイルをトップ画面にＦｌａｓｈ
というフォルダにまとめた。

フォルダ内のＰａｒａＦｌａ139を開き、ＰａｒａＦｌａ．exe アプリケーションのショートカット
の起動アイコンをトップ画面に作成した。

２．Ｆｌａｓｈ　の基本動作の習得

１）　左ペインへの画像の取り込み

①　トップ画面の　ピンクのＰａｒａｆｌａアイコンをクリックして作業画面を開く。

②　ファイル　→「プロジェクトのプロパティ」　→基本設定でファイルの幅と高さ
       のサイズを決定する。
③　ファイル　→「詳細設定」　→「ＳＷＦ生成時にＨＴＭＬも保存する」にチェック。
④　左ペインで右クリック→「アイテムの追加」で予め用意されたsora,yama,taiyou,
kumoの画像ファイルを選択し開く。左ペインに登録された。（ドラッグでも良い）

２）　画像soraのイベントでの作業　　　

①　右ペインの最上段をクリックし青くして、左ペインの画像ファイルsora を右クリ
ックし、「イベントに追加」をクリックするとイベントに表示（登録）された。

②　上記イベントに登録された画像sora　を右クリック、プロパティをクリックし、
イベントのプロパティを表示させる。
⑦　sora(空）は画像の重なりでは一番奥（下）にあるので、「深度」は０にする。
また、画像soraは動きを伴わないため、「固定画面にする」をクリックし
「通常画面にする」と表示させておく。
soraは画面全体に表示させるものであるので、「描画位置」は指定しない。

⑧　　「適用」をクリック

  ３）　画像　yama でのイベント作業

①　画像yama(やま）の稜線上部の白色の部分を透明化する。
左ペインの　yama の画像を右クリックし、プロパティをクリック。
②　ファイルのプロパティで「透過色を使用する」にチェックを入れる。
③　Ｒ．Ｇ．Ｂの文字の横▼の左のスライドバーをいずれも最右端に移動させる。
数値はいずれも２５５になり、色表示が白色になれば、「左上のドット」を
クリックしＯＫをクリックする。

④　予め右ペインの２段目をクリック青くする。
左ペインのyama　を右クリック、「イベントに追加」をクリックすると、右ペイン
の画像sora の下に　画像yama　が表示された。
⑤　右ペインのyama を右クリック、プロパティをクリックする。
⑥　イベントのプロパティで、深度は２番目で３０とします。山は移動しませんので
「固定画面にする」をクリックし、「適用」をクリックする。

４）　画像　taiyo　のイベント作業

①　画像　taiyo　太陽の周囲の白色部分を予め、透明化しておく。　
３）yama の作業の①から③に準じて行っておく。　　
②　予め右ペインのyamaの下の３段目をクリック青くしておきます。　
左ペインの　taiyo を右クリック、「イベントに追加」をクリックすると、右ペイン
の　yama　の下に画像taiyo　が表示された。
③　右ペインの　taiyo　を右クリック、「プロパティ」をクリックすると、「イベントの
プロパティ」が開く。
④　フレームカウントに５０と入力すると、「描画位置」の下に「移動先」が追加
表示される。
⑤　「描画位置」「移動先」のどちらのＸ指標も１５４に、Ｙの指標をどちらも８６に
する。
「通常画面」の「深度」は１０とする。
⑥　「中心位置」の「画像の中央に設定」をクリックする。「移動先」の「角度」を
３６０に設定する。

⑦　「イベントプレビュー」をクリックし、taiyo (太陽）の画像が右回りしているかを
確認し、「適用「をクリックする。

５）　画像　kumo　のイベント作業。

同じ画面の中で２つ以上の動く画像を作成する場合は「スプライト」を使用します。

①　右ペインの３段目画像２を青くする。
左ペインの下辺空白部分を右クリック、「アイテムを追加」→「スプライト」
をクリックする。「ファイルのプロパティ」の表が表示されるが、ＯＫクリック。
②　右ペインに「スプライト（１）」のファイルができました。青く表示されます。
青くなっていないときは選択する青くなります。上段の「プレビューペイン」
に「スプライトを編集」の文字が表示された。それをクリックする。
③　右側のイベントリストが消えるが、オレンジ色のスプライトのイベントの目次
が表示された。
④　左ペインの画像　kumo を右クリック、「イベントに追加」をクリックすると、右
ペインに表示された。

⑤　右ペインの kumo を右クリック、プロパティをクリック、「イベントのプロパティ」
が表示される
⑥　「フレームカウント」に数値５０を入れると、「移動先」が表示された。
「描画位置」のX は２５０に、「移動先」のXはー２５０（マイナス２５０）とする。
「通常画面」で「深度」は　０のままとする。
⑦　「イベントプレビュー」をクリックし、雲が右から左に流れていく画面を確認し
「適用」をクリックする。
⑧　右ペインのオレンジ色のバーをＷクリックすると、最初のメイン画面に戻り
ます。
⑨　左ペインの「スプライト（１）」を右ペインに挿入する位置として、taiyo とyama
の間を選択する。
⑩　右ペインの「スプライト（１）」を右クリック、「イベントへ追加」をクリックする。

                     
⑪　右ペインの「スプライト（１）」を右クリックで、さらにプロパティをクリックする。
「イベントのプロパティ」の画面で、「深度」を２０とし、「固定画面にする」の
表示のままとします。「適用」をクリックする。
⑫　メニューバーの「プレビュー」をクリックし、「プレビューウインドウ」をクリック
すると、右回りの太陽の上を、雲が右から左に流れていけば成功です。

　６）　保存の仕方
A　プロジェクトで保存　
「ファイル」→「名前を付けて保存」→「ファイル名記入」→「保存」
拡張子はpflで保存された。（再度の編集は可能）

B  フラッシュ　で保存
「ふぁイル」→「ＳＷＦファイル生成」→「ファイル名記入」→「保存」
拡張子はswf で保存された。

C 　ＤｒｏｐＢｏｘ　の使用
「Publicフオルダ」に入れ、リンクのコピーから、ＵＲＬをメールに貼りつけて
相手に送る方法（相手はこれをクリックして閲覧します）

３．テキストエフェクトの楽しみかた
タイトル等に各種の動くエフェクトを設定して変化をつけます。

①　Parafla　を起動し、作業画面の右イベントで右クリック、「アイテムを追加」
→「テキスト」をクリック。
②　「ファイルのプロパティ」→　「テキストの設定」画面に文字を打ち込みます。
プレビューにチェックを入れて、フォントの設定、文字の大きさ２０、
行間を決めます。
③　「テキストエフェクト」にチェックを入れ、「設定」をクリックする。
④　「テキストエフェクト」の設定画面が開く。
フレームカウントの「フレームイン」「フレームアウト」に６０ｗ入力、
「エフェクトの種類」を例として、「フレームイン」は「虹色に変化」を「フレーム
アウト」を「爆発」を選択する。
⑤　「プレビュー」で内容を確認して、ＯＮをクリックする。さらにＯＫする。

⑥　左ペインに登録された。それを右クリック、「イベントに追加」をクリック。
⑦　右ペインのテキストファイルを右クリック、プロパティをクリック。
⑧　「イベントのプロパティ」で「フレームカウント」に１２６と入力、「描画位置」
「移動先」のＸはともに８０を入力、Ｙは１２６を入力する。
⑨　「プレビュー」でみて確認し、「適用」をクリックする。
「保存」は２の６）に準じて行う。
           
* テキスト エフェクトの見本は下記をクリックしてご覧ください。
http://dl.dropbox.com/u/18525408/txthenkei.swf

上記以外にＭＰ３のＢＧＭをつける方法も教わったが、説明を省略します。

---------------------------------------------------------------------------------------------------------

教室内の光景です。

----------------------------------------------------------------------------------------------------------　　

後　　述

色々な無料のソフトがあるものです。

今回のＰａｒａＦｌａソフトでのＦｌａｓｈはこのようなことが出来るとの

基本的な勉強会で、予め作成された

空、山、太陽、雲のファイルを使用しての

Ｆｌａｓｈ　の基礎的な勉強会であった。

これらのアイコンや他のアイコンの作成には

Ｐａｒａ　Ｄｒａｗの画像作成ツールを使用する必要があります。

一番面白く興味があったのは、「テキストエフェクト」の

各種組合せの変化でした。

本日の講師を務められたらくさんは台風が接近している雨降りのなか、

個人のプロジェクターを持参いただいたこと、

また、時間一杯熱弁をふるって戴き有難うございました。

ご支援を戴いた棚橋知子さんには忙しくして戴きました。
相当なご指導をいただき、感謝を申し上げます。

-----------------------------------------------

次回の新技術研究会は１２月１４日です。

------------------------------------------------

記述と写真は：しんちゃん