Wku

フラッシュCS4でボタンを作る方法

あなたはFlashアニメーションが表示されたら、あなたは多くの場合、アニメーションを再生するために押すことができる画像の中央に大きなボタンを参照してください。 ムービークリップを再生することに加えて、Flash CS4の内のボタンを使用すると、タイムラインをナビゲートしたり、アニメーションの中から新しいウィンドウを開くのを助けることができる。 フラッシュCS4でボタンを作るには、次の手順に従ってください。

ステップ

フラッシュCS4でボタンを作る方法. フラッシュCS4で新規ドキュメントを開きます.
フラッシュCS4でボタンを作る方法. フラッシュCS4で新規ドキュメントを開きます.

画像とテキストからボタンを作成します。

  1. 1
    フラッシュCS4で新規ドキュメントを開きます
  2. 2
    あなたのボタン用の画像を選択してください 。 いずれか図形を描画し、それを選択するか、既存のイメージを選択することができます。
    • ブラウザから画像を使用する場合は、文書に画像をドラッグ&ドロップし、ハードドライブに保存しなければならないでしょう。 あなたは、あなたのブラウザからフラッシュにイメージをコピーして貼り付けることはできません。
    • また、ステージに[ファイル]> [インポート]> [インポート]を選択してドキュメントに保存した画像を挿入することができます。
  3. 3
    あなたのボタンにテキストを追加します 。 ツールパネルからテキストツールを選択し、画像の横にテキストを書き込む。
  4. 4
    画像とテキストの両方を選択するには、カーソルを使用してください 。 >変換変更F8キーを押すことによって、または選択することにより、シンボルに変換ダイアログボックスを起動します。
  5. 5
    名前フィールドに"SimpleButtonの"名前を入力し、タイプの横にあるドロップダウンメニューからボタンを選択します 。 あなたが終了したら、[OK]をクリックします。

ボタンの状態を定義する

  1. 1
    ボタンをダブルクリックし、ドロップダウンメニューから、場所で[編集]を選択します
  2. 2
    あなたのタイムラインを表示します 。 あなたがダウン、オーバー、最大と言う見出しを見てヒットする必要があります。
  3. 3
    レイヤー1を右クリックし、インサート層を選択します 。 あなたの画像とテキストが含まれているレイヤ1は、上になるようにレイヤーを並べ替えます。
  4. 4
    上の列のすべての3フレームを選択します 。 以上の列には、あなたがそれの上にカーソルを置いたときにボタンが表示される方法を決定します。 右クリックし、ドロップダウンメニューから[キーフレームの挿入]を選択します。
  5. 5
    レイヤ2の上にキーフレームをクリックします 。 ボタンが表示されたら、ボタンのテキストの下に直線を描画するためにあなたのラインツールを使用します。 キーフレーム、レイヤ2は、タイムライン上の固体が表示されます。
  6. 6
    オーバーアンダーフレームレイヤー3を選択します 。 あなたのボタンを囲むのに十分なだけ大きい矩形を描画します。 ときにボタンの上にカーソルを置くと、あなたは今、下線と矩形がボタンと一緒に表示され表示されます。
  7. 7
    ダウンの列を選択し、右クリックし、キーフレームを挿入]を選択します 。 あなたのダウン列が強調表示されたままであることを確認してください。
  8. 8
    見出しまで列の左側に長方形をクリックします 。 そのホバー色から別の色にボタンの色を変更します。 これを行うと、あなたがそれをクリックすると色を変更するには、ボタンが有効になります。

コー​​ドを追加します

  1. 1
    あなたのボタンを選択するには、カーソルを使用してください 。 [プロパティ]パネルの[名前]フィールドに "myButtonという"名前を入力します。
  2. 2
    アクションパネルを開き、[F9]キーを押します 。 [アクション]ウィンドウに以下のコードを入力する:
    • 機能setupEvents(){
    • イベントハンドラと/ /関連付けるイベント
    • myButton.addEventListener(MouseEvent.CLICK、clickButtonHandler);
    • myButton.addEventListener(MouseEvent.MOUSE_OVER、hoverButtonHandler);
    • }
    • setupEvents();
    • 関数clickButtonHandler(E:MouseEventの){
    • トレース( "クリックされたボタン!");
    • }
    • 関数hoverButtonHandler(E:MouseEventの){
    • トレース( "ボタンホバー!");
    • }
  3. 3
    制御>ムービープレビュー> testコマンドを選択してください 。 あなたのアプリケーションは、Flash Playerウィンドウに表示されます。
  4. 4
    置いて、あなたのボタンの上をクリックします 。 [出力]ウィンドウには、次のようなテキストを表示します "ボタンホバー!" や "ボタンをクリックした!" あなたが取ったアクションに応じて。

ヒント

  • あなたはいつもあなたのボタンが別のタスクを実行するためにアクションスクリプトを変えることができます。 多くの一般的なボタンが使用できるようになります事前に記述されたアクションスクリプトコード用コードスニペットパネルをチェックしてください。

警告

  • アクションスクリプト2.0はアクションスクリプト3.0と互換性がありません。 このような理由から、あなたのボタンにアクションスクリプト2.0からコードをコピーして貼り付けることはできません。

これは、何が必要です

  • コンピュータ
  • ADOBE FLASH CS4