マニュアル キャンセル

Animate ワークフローとワークスペース

 

Animate とは

アドビ システムズ社

一般的な Animate のワークフロー

Animate アプリケーションを構築する際に一般的に行う基本手順を次に示します。

アプリケーションのプランニング

アプリケーションで実行する基本的なタスクを決定します。

メディアエレメントの追加

イメージ、ビデオ、サウンド、テキストなどのメディアエレメントを作成し、読み込みます。

メディアエレメントの配置

ステージおよびタイムラインにメディアエレメントを配置し、アプリケーションで各エレメントをいつ、どのように表示するかを定義します。

特殊効果の適用

必要に応じて、グラフィックフィルター(ぼかし、グロー、ベベルなど)、ブレンド、その他の特殊効果を適用します。

ActionScript を使用したビヘイビアー制御

ユーザーの操作に対する応答など、メディアエレメントのビヘイビアーを制御する ActionScript® コードを記述します。

アプリケーションのテストとパブリッシュ

FLA ファイルをテストして(制御/ムービープレビュー)、アプリケーションがユーザーの意図どおりに動作していることを確認し、バグが見つかった場合は修正します。作成プロセス全体にわたって、アプリケーションのテストを実行する必要があります。Animate と AIR Debug Launcher でファイルをテストできます。

作成した FLA ファイルを、Web ページに表示して Flash® Player で再生できる SWF ファイルとしてパブリッシュします(ファイル/パブリッシュ)。

これらの手順の順番は、プロジェクトや作業スタイルによって変更することが可能です。

ワークスペースの概要

ドキュメントとファイルの作成および操作では、パネル、バー、ウィンドウなどの様々な要素を使用します。これらの要素の構成を、ワークスペースと呼びます。Adobe® Creative Suite® 5 の様々なアプリケーションのワークスペースは外観が共通しているので、容易にアプリケーションを切り替えて使用できます。プリセットされたワークスペースから選択するか、独自のワークスペースを作成することによって、作業方法に合わせて各アプリケーションを使用することもできます。

製品によって初期設定のワークスペースは異なりますが、その構成要素の操作方法は同じです。

  • 上部のアプリケーションバーには、ワークスペースの切り替えコントロール、メニュー(Windows のみ)およびその他のアプリケーションコントロールが表示されます。Mac OS 版の製品には、ウィンドウメニューを使用して表示 / 非表示を切り替えるものがあります。

  • ツールパネルには、画像、アートワーク、ページエレメントなどの作成と編集に使用するツールが用意されています。関連性のあるツールはグループにまとめられています。

  • コントロールパネルには、現在選択しているツールで使用できるオプションが表示されますIllustrator のコントロールパネルには、現在選択しているオブジェクトで使用できるオプションが表示されます(Adobe Photoshop® では、これはオプションバーと呼ばれます。Adobe Animate®、Adobe Dreamweaver® および Adobe Fireworks® では、これはプロパティインスペクターと呼ばれ、現在選択しているエレメントのプロパティも含みます)。

  • ドキュメントウィンドウには、作業中のファイルが表示されます。ドキュメントウィンドウはタブ表示したり、場合によっては、グループ化およびドッキングしたりすることもできます。

  • パネルは、作業中のファイルの変更や確認に使用されます。例えば、Animate のタイムラインパネル、Illustrator のブラシパネル、Adobe Photoshop® のレイヤーパネル、Dreamweaver の CSS スタイルパネルなどがあります。複数のパネルをグループ化、スタック表示またはドッキングすることもできます。

  • アプリケーションフレームを使用すると、すべてのワークスペース要素をグループ化して、1 つの統合ウィンドウ上に表示し、アプリケーション全体を一体のユニットとして扱うことができます。アプリケーションフレームやその中の要素を移動またはサイズ変更すると、すべての要素がそれに応じて変化し、それぞれ重なり合うことのないよう調整されます。アプリケーションを切り替えたり、誤ってアプリケーションの外をクリックしたりしても、パネルは表示され続けます。複数のアプリケーションを並行して使用する場合は、同じスクリーン上や別々のモニター上にアプリケーションを並べて配置できます。

    Mac OS で、従来と同じ自由形式のユーザーインターフェイスを使用する場合は、アプリケーションフレームをオフにすることもできます。この切り替えを行うには、例えば Adobe Illustrator® でウィンドウ/アプリケーションフレームを選択します(Mac OS の場合、Animate では常にアプリケーションフレームが表示され、Dreamweaver ではアプリケーションフレームは使用されません)。

 

Illustrator の初期設定のワークスペース

A. タブ付きドキュメントウィンドウ B. アプリケーションバー C. ワークスペース切り替えコントロール D. パネルタイトルバー E. コントロールパネル F. ツールパネル G. アイコンパネル化ボタン H. 縦方向にドッキングした 4 つのパネルグループ 

すべてのパネルの非表示または表示

  • (Illustrator、Adobe InCopy®、Adobe InDesign®、Photoshop、Fireworks)ツールパネルとコントロールパネルも含め、すべてのパネルの表示と非表示を切り替えるには、Tab キーを押します。

  • (Illustrator、InCopy、InDesign、Photoshop)ツールパネルとコントロールパネルを除く、すべてのパネルの表示と非表示を切り替えるには、Shift+Tab キーを押します。

    ヒント:環境設定の「インターフェイス」で「非表示パネルを自動表示」が選択されている場合、非表示のパネルを一時的に表示できます。Illustrator では常に表示されています。ポインターをアプリケーションウィンドウの端(Windows®)またはモニターの端(Mac OS®)に移動し、表示されるバーにポインターを重ねます。

  • (Animate、Dreamweaver、Fireworks)パネルの表示と非表示を切り替えるには、F4 キーを押します。

パネルオプションの表示

  1. パネルの右上にあるパネルメニューアイコン をクリックします。

    ヒント:パネルを最小化した状態でも、パネルメニューを開くことができます。

    ヒント:Photoshop では、パネルおよびツールヒントのテキストのフォントサイズを変更できます。インターフェイス環境設定で、UI のフォントサイズメニューからサイズを選択します。

(Illustrator)パネルの明るさの調整

  1. ユーザーインターフェイス環境設定で、明るさスライダーを操作します。このスライダーの操作では、コントロールパネルも含め、すべてのパネルの明るさが変化します。

ツールパネルの再設定

ツールパネルのツール類は、1 列表示または 2 列に並べた表示が可能です(この機能は、Fireworks と Animate のツールパネルでは使用できません)。

 InDesign および InCopy では、インターフェイス環境設定のオプションを設定して 1 列表示から 2 列表示(または 1 行表示)に切り替えることもできます。

  1. ツールパネル上端の二重矢印をクリックします。

ウィンドウとパネルの管理

ドキュメントウィンドウとパネルを移動および操作することによって、カスタムワークスペースを作成できます。複数のカスタムワークスペースを保存し、それらを切り替えて使用することもできます。Fireworks でカスタムワークスペースの名前を変更すると、予期しない動作が発生することがあります。

 次の例は Photoshop の場合です。ワークスペースの動作は、すべての製品で同じです。

ドキュメントウィンドウの並べ替え、ドッキングまたはフローティング

複数のファイルを開くと、ドキュメントウィンドウはタブ付きで表示されます。

  • タブ付きドキュメントウィンドウの順序を変更するには、ウィンドウのタブをグループ内の新しい位置にドラッグします。

  • ドキュメントウィンドウをウィンドウのグループからドッキング解除(フローティングまたはタブ解除)するには、ウィンドウのタブをグループの外にドラッグします。

     Photoshop では、ウィンドウ/アレンジ/ウィンドウを分離を選択して 1 つのドキュメントウィンドウをフローティング表示することも、ウィンドウ/アレンジ/すべてのウィンドウを分離を選択してすべてのドキュメントウィンドウを一度にフローティング表示することもできます。詳しくは、テクニカルノート kb405298 を参照してください。

     Dreamweaver では、ドキュメントウィンドウのドッキングとドッキング解除はサポートされていません。ドキュメントウィンドウの最小化ボタンを使用してフローティングウィンドウを作成するか(Windows)、ウィンドウ/左右に並べて表示を選択して、ドキュメントウィンドウを並べて表示します。このトピックについて詳しくは、Dreamweaver ヘルプで「左右に並べて表示」を検索してください。Macintosh ユーザーの場合は、ワークフローが若干異なります。

  • ドキュメントウィンドウを別のドキュメントウィンドウのグループにドッキングするには、ウィンドウをグループにドラッグします。

  • 重ねて表示または並べて表示されたドキュメントのグループを作成するには、ウィンドウを別のウィンドウの上下左右にあるドロップゾーンのいずれかにウィンドウをドラッグします。アプリケーションバーのドキュメントレイアウトボタンを使用して、グループのレイアウトを選択することもできます。

     一部の製品では、この機能はサポートされていません。ただし、アプリケーションのウィンドウメニューに「重ねて表示」コマンドや「並べて表示」コマンドがある場合は、ドキュメントのレイアウトに利用できます。

  • タブ付きグループ内で選択項目を別のドキュメントに移動する場合は、選択項目を移動先のドキュメントのタブ上にドラッグしたままにしておきます。しばらくすると、ドキュメントが切り替わります。

     一部の製品では、この機能はサポートされていません。

パネルのドッキングとドッキング解除

ドックとは、複数のパネルまたはパネルグループの集合で、通常は縦方向に並べて表示されます。パネルのドッキングとドッキング解除は、パネルをドックの外側や内側に移動することによって行います。

  • パネルをドッキングするには、そのタブをドックの上部、下部または他のパネルの間にドラッグします。

  • パネルグループをドッキングするには、そのタイトルバー(タブの上にある、何も記述されていない単一色のバー)をドックにドラッグします。

  • パネルまたはパネルグループをドックから解除するには、そのタブまたはタイトルバーをドックの外にドラッグします。そのまま他のドックにドラッグできるほか、ドッキングせずにフローティング状態にしておくこともできます。

ナビゲーターパネルをドックにドラッグして青いハイライトのドロップゾーンを表示させる

ドッキングしたナビゲーターパネル

 ドック内のすべての領域がパネルで占有されないようにするには、ドックの下端を上にドラッグして、ワークスペースの端と重ならないようします。

パネルの移動

パネルを移動すると、移動可能な位置に青色でハイライトされたドロップゾーンが表示されます。例えば、ドックの内部でパネルを上下に移動して他のパネルの上または下に表示される細い青色のドロップゾーンまでドラッグすることで、ドック内部でのパネル位置を変更できます。ドロップゾーンではない位置にドラッグすると、パネルはワークスペースの中でフローティング状態になります。

 ドロップゾーンが有効になるのは、パネルの位置ではなく、マウスの位置なので、ドロップゾーンが表示されない場合は、ドロップゾーンが表示されるはずの場所にマウスをドラッグしてみてください。

  • パネルを移動するには、そのタブをドラッグします。

  • パネルグループを移動するには、タイトルバーをドラッグします。

青色の細いドロップゾーンは、カラーパネルが単独でレイヤーパネルグループの上にドッキングされることを示します。

A. タイトルバー B. Tab C. ドロップゾーン 

 移動中のパネルがドッキングされないようにするには、移動中に Ctrl キー(Windows)または Command キー(Mac OS)を押します。操作を途中でキャンセルするには、Esc キーを押します。

パネルの追加と削除

ドックにあるパネルをすべて削除すると、そのドックはなくなります。ドロップゾーンが表示されるまでパネルをワークスペースの右端に移動すると、ドックを作成できます。

  • パネルを削除するには、パネルのタブを右クリック(Windows)または Control キーを押しながらクリック(Mac OS)して「閉じる」を選択するか、ウィンドウメニューでパネルの選択を解除します。

  • パネルを追加するには、ウィンドウメニューでそのパネルを選択し、目的の場所にドッキングします。

パネルグループの操作

  • パネルをグループに移動するには、グループ内のハイライトされたドロップゾーンにそのパネルのタブをドラッグします。

パネルグループへのパネルの追加

  • グループの中でパネルを並べ替えるには、パネルのタブをグループ内の新しい場所までドラッグします。

  • パネルをグループから解除してフローティング状態にするには、そのパネルのタブをグループ外部にドラッグします。

  • グループを移動するには、タイトルバー(タブの上にある部分)をドラッグします。

フローティングパネルのスタック

ドック外部のドロップゾーン以外の場所にパネルをドラッグすると、そのパネルはフローティング状態になります。フローティングパネルはワークスペース内のどこにでも配置できます。フローティング状態のパネルまたはパネルグループをまとめてスタックすると、最前面のタイトルバーをドラッグしたときに全体を 1 つの単位として移動できます。

フローティング状態でスタックしたパネル

  • フローティングパネルをスタックするには、そのタブを他のパネルの下端にあるドロップゾーンまでドラッグします。

  • スタック順を変更するには、パネルのタブを前面方向または背面方向にドラッグします。

     このとき、タブを置く位置は、タイトルバーにある幅の広いドロップゾーンではなく、パネルとパネルの間にある幅の狭いドロップゾーンです。

  • パネルまたはパネルグループをスタックから解除してフローティング状態にするには、そのタブまたはタブ領域(タブの横にある空の領域)あるいはタイトルバーをスタックの外にドラッグします。

パネルのサイズ変更

  • パネル、パネルグループ、パネルのスタックを最小化または最大化するには、タブをダブルクリックするか、タブ領域(タブの横にある空の領域)をダブルクリックします。

  • パネルのサイズを変更するには、パネルのいずれかの側をドラッグします。Photoshop のカラーパネルのように、ドラッグしてもサイズ変更できないパネルもあります。

パネルのアイコン化と展開

雑然としたワークスペースにならないように、パネルをアイコン化できます(あらかじめ用意されたワークスペースには、パネルが最初からアイコン化されているものもあります)。

アイコン化したパネル

アイコンから展開したパネル

  • 列にあるすべてのパネルをアイコン化または展開するには、ドックの上端にある二重矢印をクリックします。

  • 単独のパネルを展開するには、そのアイコンをクリックします。

  • パネルアイコンのサイズを変更し、ラベルがないアイコンのみの表示にするには、テキストが表示されなくなるまでドックの幅を調整します。アイコンのテキストを再表示するには、ドックの幅を広くします。

  • 展開したパネルを閉じるには、パネルのタブ、パネルのアイコンまたはパネルのタイトルバーにある二重矢印をクリックします。

    ヒント:一部の製品では、インターフェイス環境設定またはユーザーインターフェイス環境設定で「自動的にアイコンパネル化」を選択している場合、展開したパネルの外側をクリックすると自動的にパネルが閉じられます。

  • アイコンのドックにフローティングパネルまたはパネルグループを追加するには、そのパネルのタブまたはパネルグループのタイトルバーあるいはタブ領域をドックにドラッグします(アイコンで表示されているドックに追加したパネルは、自動的にアイコン化されます)。

  • パネルアイコンまたはパネルアイコンのグループを移動するには、アイコンをドラッグします。パネルアイコンは、ドック内では上下にドラッグできます。他のドックへとドラッグして移動すると、ドラッグ先のドックのパネルスタイルで表示されるようになります。また、ドラッグしてドックの外に出すと、アイコンのままフローティング状態になります。

ワークスペースの保存と切り替え

現在のパネルのサイズと位置を名前の付いたワークスペースとして保存しておくと、パネルを移動したり閉じたりした後でも、そのワークスペースを呼び出すことができます。保存したワークスペースの名前は、アプリケーションバーのワークスペース切り替えコントロールに表示されます。

カスタムワークスペースの保存

  1. 保存する設定のワークスペースで、以下のいずれかの手順に従います。

    • (Illustrator)ウィンドウ/ワークスペース/ワークスペースを保存を選択します。

    • (Photoshop、InDesign、InCopy)ウィンドウ/ワークスペース/新規ワークスペースを選択します。

    • (Dreamweaver)ウィンドウ/ワークスペースのレイアウト/新規ワークスペースを選択します。

    • (Animate)アプリケーションバーのワークスペース切り替えコントロールから「新規ワークスペース」を選択します。

    • (Fireworks)アプリケーションバーのワークスペース切り替えコントロールから「現在のレイアウトを保存」を選択します。

  2. ワークスペースの名前を入力します。

  3. (Photoshop、InDesign)「キャプチャ」で、以下のオプションを選択します(複数選択可)。

    パネルの位置

    現在のパネルの位置を保存します(InDesign のみ)。

    キーボードショートカット

    現在のショートカットキーのセットを保存します(Photoshop のみ)。

    メニューまたはメニューのカスタマイズ

    現在のメニューのセットを保存します。

ワークスペースの表示と切り替え

  1. アプリケーションバーのワークスペース切り替えコントロールから、ワークスペースを選択します。

 Photoshop では、各ワークスペースにショートカットキーを割り当てて、ワークスペースをすばやく切り替えることができます。

カスタムワークスペースの削除

  • アプリケーションバーのワークスペース切り替えコントロールから「ワークスペースの管理」を選択し、ワークスペースを選択した後、削除あるいはワークスペースを削除アイコンをクリックします(このオプションは Fireworks では使用できません)。

  • (Photoshop、InDesign、InCopy)ワークスペース切り替えコントロールから「ワークスペースを削除」を選択し、ワークスペースを選択した後、「削除」をクリックします。

  • (Illustrator)ウィンドウ/ワークスペース/ワークスペースの管理を選択し、ワークスペースを選択した後、削除アイコンをクリックします。

  • (Photoshop、InDesign)ウィンドウ/ワークスペース/ワークスペースを削除を選択し、ワークスペースを選択した後、「削除」をクリックします。

初期設定のワークスペースの復元

  1. アプリケーションバーのワークスペース切り替えコントロールから、「初期設定」または「標準」のワークスペースを選択します。

     Dreamweaver では、デフォルトのワークスペースは「デザイナー」です。

  2. (Photoshop、InDesign、InCopy)ウィンドウ/ワークスペース/[ワークスペース名] をリセットを選択します。

(Photoshop)保存されているワークスペースの構成の復元

Photoshop では、ワークスペースは自動的に前回の構成で表示されますが、保存されている最初のパネル構成を復元できます。

  • 個々のワークスペースを復元するには、ウィンドウ/ワークスペース/ワークスペース名 をリセットを選択します。

  • Photoshop でインストールされているすべてのワークスペースを復元するには、環境設定の「インターフェイス」で「初期設定のワークスペースに戻す」をクリックします。

 アプリケーションバーのワークスペースの順序を変更するには、ワークスペースをドラッグします。

ヘルプをすばやく簡単に入手

新規ユーザーの場合