42
Flash Professional 8/CS6/CC ボボボボボボボボボボボ 「」 Osaka YMCA International College ボボボボボボボボ ボボボボボボボボボ Terry Lee 2014/6/10

Flash Professional 8 CS6 CC ボタンの演習

Embed Size (px)

DESCRIPTION

Adobe Flash Professional 8, CS6, CCのボタン演習

Citation preview

Page 1: Flash Professional 8 CS6 CC ボタンの演習

Flash Professional 8/CS6/CC

「ボタンの作成」について

Osaka YMCA International College国際ビジネス学科・マルチメデァア演習

Terry Lee2014/6/10

Page 2: Flash Professional 8 CS6 CC ボタンの演習

Flash Professional 8の画面

Page 3: Flash Professional 8 CS6 CC ボタンの演習

Flash Pro 8新規作成について

Page 4: Flash Professional 8 CS6 CC ボタンの演習
Page 5: Flash Professional 8 CS6 CC ボタンの演習

Flash Professional CS6の画面

Page 6: Flash Professional 8 CS6 CC ボタンの演習

ActionScript 3.0 をクリックします。

新規作成について Flash CS6/CC

Page 7: Flash Professional 8 CS6 CC ボタンの演習

ボタンの作成

「挿入」をクリックし、「新規シンボル」を選択します。

or

左下の「新規シンボル…」アイコンをクリックします。

Flash Pro CS6 /CC

Page 8: Flash Professional 8 CS6 CC ボタンの演習

Flash Pro 8

「挿入」をクリックし、「新規シンボル」を選択します。

左下の「新規シンボル…」アイコンをクリックします。

or

ボタンの作成

Page 9: Flash Professional 8 CS6 CC ボタンの演習

「新規シンボル」の作成

種類はボタンを選択してください。

「 ok 」をクリックします。 *詳細(しょうさい)をクリックすると

いろいろな設定ができます。

Flash Pro CS6 /CC

Page 10: Flash Professional 8 CS6 CC ボタンの演習

Flash Pro CS6 /CC

Page 11: Flash Professional 8 CS6 CC ボタンの演習

Flash Pro 8

Page 12: Flash Professional 8 CS6 CC ボタンの演習

タイムラインの考え方レイヤー1:アップ・オーバー・ダウン・ヒント

「アップ」 「ヒット」「ダウン」「オーバー」

マウス 外側の時 上の時 クリック・ドラッグした時

クリックする範囲

Page 13: Flash Professional 8 CS6 CC ボタンの演習

矩形ツールを選びます

画面の中央に長方形を配置します。

アップの所に ● が現れます。

Flash CS6/CC

Page 14: Flash Professional 8 CS6 CC ボタンの演習

キーフレムの挿入マウスがボタンの外側にある時

【オーバー】を選び、右ボタンをクリックし、メニューから「キーフレームの挿入」を選びます。

アップの図形が【オーバー】にコピーされます。

Page 15: Flash Professional 8 CS6 CC ボタンの演習

ダウン【クリック・ドラッグ】した時

【ダウン】を選び、右ボタンをクリックし、メニューから「キーフレームの挿入」を選びます。

Page 16: Flash Professional 8 CS6 CC ボタンの演習

ヒット【クリック】する範囲

【ヒット】を選び、右ボタンをクリックし、メニューから「キーフレームの挿入」を選びます。

Page 17: Flash Professional 8 CS6 CC ボタンの演習

新規レイヤーを追加

新規レイヤーをクリックすると、新しいレイヤーが追加されます。

Page 18: Flash Professional 8 CS6 CC ボタンの演習

空白キーフレームの変換

【ヒット】を選び、右ボタンをクリックし、メニューから【空白キーフレームの変換】を選びます。

Page 19: Flash Professional 8 CS6 CC ボタンの演習

残りの空白フレームについて

【オーバー・ダウン・ヒット】を選び、右ボタンをクリックし、メニューから【空白キーフレームの変換】を選びます。

すべての場所に【○】が追加されます。

Page 20: Flash Professional 8 CS6 CC ボタンの演習

文字入力について

【テキストツール】を選び、レイヤー2のアップを選択します。プロパティを確認し、文字サイズを24 pt を入力します。カラーを黄色を選び、フォントファミリーを英字フォントを選び、大文字の「 A 」を入力してください。

Page 21: Flash Professional 8 CS6 CC ボタンの演習

プロパティについて       

テキストツールを使って、文字を入力

フォント・色・サイズを設定するプロパティです。

Flash Pro 8

Page 22: Flash Professional 8 CS6 CC ボタンの演習

コピー&ペースト

レイヤー2の【アップ】の文字情報をコピー

【オーバー】にペーストしてください。

Page 23: Flash Professional 8 CS6 CC ボタンの演習

コピー&ペースト

レイヤー2の【オーバー】の文字情報をコピーし、【ダウン】にペーストしてください。

Page 24: Flash Professional 8 CS6 CC ボタンの演習

レイヤー3を追加

「新規レイヤー」をクリックすると、新しいレイヤーが追加されます。

Page 25: Flash Professional 8 CS6 CC ボタンの演習

レイヤー3の【アップからヒットまで】空白キーフレームに変換について

レイヤー3の【アップからヒットまで】を選び、【空白キーフレームに変換】をクリックしますと

すべの枠が(空白キーフレーム)になります。

Page 26: Flash Professional 8 CS6 CC ボタンの演習

(ヒント)をつける場所

レイヤー3の【オーバー】を選び、吹き出しを作ります。

Page 27: Flash Professional 8 CS6 CC ボタンの演習

レイヤー3の【ダウン】にも吹き出しをつける

レイヤー3の【オーバー】を選び、吹き出しをコピーします

レイヤー3の【ダウン】を選び、吹き出しをペーストします

Page 28: Flash Professional 8 CS6 CC ボタンの演習

レイヤー4の挿入【空白キーフレームに変換】について

レイヤー 4 の【アップからヒットまで】を選び、【空白キーフレームに変換】します。

Page 29: Flash Professional 8 CS6 CC ボタンの演習

(ヒント)の場所

レイヤー 4 の【オーバー】を選び、「ブラシツール」を選び、ヒントをつける。

例: Don’t Touch

Page 30: Flash Professional 8 CS6 CC ボタンの演習

アンサーの場所

【ダウン】を選択します。

すべての情報が表します。

ブラシツールで Bingo! を描きます。

【ダウン】に情報が入っている様子。

Page 31: Flash Professional 8 CS6 CC ボタンの演習

確認の設定

シーン1を選択します。

Page 32: Flash Professional 8 CS6 CC ボタンの演習
Page 33: Flash Professional 8 CS6 CC ボタンの演習

ライブラリをクリック

Page 34: Flash Professional 8 CS6 CC ボタンの演習

「シンボル1」をシーン1にドラッグしてください

Page 35: Flash Professional 8 CS6 CC ボタンの演習

Flash Professional 8 で確認する場合【制御】をクリックし、「シンブルボタン」をクリックします。

選択されるとチックマークが現れます。

Page 36: Flash Professional 8 CS6 CC ボタンの演習

制御>「シンプルボタン」を有効にするを

クリックする。

Flash Professional CS6 で確認する場合

Page 37: Flash Professional 8 CS6 CC ボタンの演習

Flash Professional CC で確認する

Page 38: Flash Professional 8 CS6 CC ボタンの演習

ブラウザが起動されます。

Page 39: Flash Professional 8 CS6 CC ボタンの演習

マウスがボタンの上に近づくと

Page 40: Flash Professional 8 CS6 CC ボタンの演習

【ダウン】ドラッグすると

Page 41: Flash Professional 8 CS6 CC ボタンの演習

Web用に出力するには

ファイルを選択し、パプリッシュを選択し、HTML(ホームページ)用に出力され、

デスクトップに保存されます。

①書類を保存してから

②出力:

HTML方式の書類と SWF方式のデータが出力されます。

*書類はローマ字数字で保存!

Page 42: Flash Professional 8 CS6 CC ボタンの演習

The End