Adobe Animate でボタンの作成方法

「挿入／新規シンボル」を選択するか、Ctrl+F8（Windows）または Command+F8（Mac OS）を押します。
注意： Flash 3 以前では、ステージ上のすべてを選択解除し、挿入／「シンボルの作成」を選択します。

「シンボルのプロパティ」ダイアログボックスで、新しいボタンシンボルの名前を入力し、「ビヘイビアー」オプションとして「ボタン」を選択します。「OK」をクリックします。

Flash がシンボル編集モードに切り替わります。タイムラインのヘッダーが変わり、「アップ」、「オーバー」、「ダウン」および「ヒット」というラベルの付いた 4 つの連続するフレームが表示されます。最初のフレームである「アップ」は、空白のキーフレームです。

「アップ」状態のボタンイメージを作成するには、描画ツールを使用するか、グラフィックをインポートするか、ステータスに別のシンボルのインスタンスを配置します。ボタンには、ムービークリップかグラフィックのシンボルを使用できます。ただし、ボタンに別のボタンを使用することはできません。アニメ化したボタンを作成する場合は、ムービークリップシンボルを使用します。

2 番目の「オーバー」というフレームを選択し、「挿入/キーフレーム」を選択します。最初のフレームからのボタンイメージがステージに表示されます。

ボタンイメージを「オーバー」状態に変更します。手順 4 および 5 を、「ダウン」フレームと「ヒット」フレームに対して繰り返します。

注：「ヒット」フレームは、再生してもステージに表示されませんが、クリックすると反応するボタンの領域を定義します。「ヒット」フレームのグラフィックが、「アップ」、「ダウン」、「オーバー」の各フレームのすべてのグラフィックエレメントを囲むのに十分な大きさの切れ目のない領域であることを確認してください。この領域は、表示されるボタンより大きくすることもできます。ヒットフレームを指定しない場合は、「アップ」状態のオブジェクトがヒットフレームとして使用されます。

4 つのボタン状態のイメージを定義したら、「編集／ムービーの編集」を選択してシンボルの編集モードを終了します。

「ウィンドウ／ライブラリ」を選択して「ライブラリ」ウィンドウを開きます。「ライブラリ」ウィンドウでボタンを見つけ、ボタンのシンボルをライブラリからステージにドラッグします。この手順によって、ムービーにボタンのインスタンスが作成されます。

ムービーの編集モードで、上記の手順 7 で作成したボタンインスタンスを選択します。

ウィンドウ／アクションを選択して、アクションパネルを開きます。

パネル左側のツールボックスリストで、「基本アクション」カテゴリーを選択して基本的なアクションを表示します。

アクションを割り当てるには、次のいずれかの操作を行います。

• 「基本アクション」カテゴリーのアクションをダブルクリックします。
• パネルの左側の「基本アクション」カテゴリーから右側の「アクション」リストに、アクションをドラッグします。
• 追加（+）ボタンをクリックして、ポップアップメニューからアクションを選択します。
• キーボードショートカットを使用します。

選択したアクションにパラメーターが関連付けられている場合、それらのパラメーターは、「アクション」パネルの下部にある「パラメーター」ペインに表示されます。（「パラメーター」ペインが表示されない場合は、パネルの右下隅の小さな三角形をクリックします。）そのアクションに適したパラメーターを選択またはタイプします。例えば、以下に示す gotoAndPlay アクションには 3 つのパラメーター（Scene、Type、Frame、）と「移動して再生」オプションが含まれています。

ムービーの編集モードで、上記の手順 7 で作成したボタンインスタンスを選択します。

「制御」メニューから 「ボタンの有効化」が選択解除されていることを確認します。

ボタンをダブルクリックし、インスタンスプロパティダイアログボックスを開きます。
注： Flash 2 では、このダイアログボックスは「リンクプロパティ：ボタン」でした。

「インスタンスプロパティ」ダイアログボックスで「アクション」タブを選択することで、アクションを割り当てます。次に、プラス（+）ボタンをクリックし、該当するアクションをダブルクリックします。

注：Flash 2 では、「リンクプロパティ：ボタン」ダイアログボックスの「アクション」ポップアップメニューを使用してアクションを割り当てます。ボタンにはアクションを 1 つしか割り当てられません。

コントロールメニューで、「ボタンの有効化」がオンになっている（横にチェックマークがある）ことを確認します。

選択したアクションにパラメーターが関連付けられている場合、それらのパラメーターは、「アクション」パネルの右側の「パラメーター」ペインに表示されます。そのアクションに適したパラメーターを選択またはタイプします。

ボタンを一般ライブラリからステージに導入します。ボタンを編集します。

ボタンがヒット状態のフレームをハイライトし、キーフレームを挿入します。このビヘイビアーをムービーでテストします。

ヒット状態のオブジェクトのサイズを大幅に変更して、テストします。

ヒット状態のキーフレームを削除し、ボタンをテストします。

ボタンカーソルへの影響とボタンの有効時のアップ、オーバー、ダウンの状態を観察します。

アニメ化したいボタンの状態ごとにムービークリックプを作成します。

ボタンを作成します。

アニメ化するボタンの状態にムービークリップを配置します。

ボタンをステージ上に配置します。
注：Animate エディタでムービークリップをテストすることはできません。「制御／ムービーのテスト」を選択するか、ムービーを SWF ファイルとしてエクスポートしてテストします。