インスタンスの作成

シンボルを作成した後は、ドキュメント内のあらゆる場所(別のシンボルの内部も含む)にそのシンボルのインスタンスを作成できます。シンボルを修正すると、Animate CC(旧 Flash Professional CC)によりそのシンボルの全インスタンスが更新されます。

インスタンス名はプロパティインスペクターで指定できます。インスタンスに付けた名前は、ActionScript からインスタンスを参照する際に使用されます。インスタンスを ActionScript® から制御するには、同じタイムライン内にある各インスタンスの名前がすべて異なっている必要があります。 

新しいインスタンスに対し、カラー効果の指定、アクションの割り当て、グラフィック表示モードの設定、タイプの変更などを行うには、プロパティインスペクターを使用します。インスタンスのタイプは、特に指定しない限り、シンボルのタイプと同じです。変更はインスタンスにのみ反映され、シンボルには影響しません。

シンボルのインスタンスの作成

  1. タイムラインでレイヤーを選択します。Animate では、インスタンスは常に現在のレイヤーのキーフレームに挿入されます。キーフレームが選択されていない場合、Animate では現在のフレームの左側にある最初のキーフレームにインスタンスが挿入されます。

    注意:

    キーフレームは、アニメーション上の変化を定義するフレームです。詳しくは、タイムラインへのフレームの挿入を参照してください。

  2. ウィンドウ/ライブラリを選択します。

  3. シンボルをライブラリからステージにドラッグします。

  4. グラフィックシンボルのインスタンスを作成した場合、そのグラフィックシンボルを配置するフレームの数を追加するには、挿入/タイムライン/フレームを選択します。

インスタンスに対するカスタム名の適用

  1. ステージでインスタンスを選択します。

  2. ウィンドウ/プロパティを選択し、「インスタンス名」テキストボックスに名前を入力します。

インスタンスプロパティの編集

各シンボルインスタンスには、シンボルとは別のプロパティがあります。インスタンスの着色、透明度、および明度を変更したり、インスタンスのタイプを再定義(グラフィックからムービークリップへの変更など)したりすることができます。さらに、グラフィックインスタンス内部でのアニメーションの再生方法を指定することができます。シンボルに影響を与えずに、インスタンスの傾斜、回転、または拡大/縮小を行うことも可能です。

また、ActionScript を使用してインスタンスのプロパティを変更できるように、ムービークリップインスタンスまたはボタンインスタンスに名前を付けることができます。詳しくは、『ActionScript 3.0 の学習』の「オブジェクトとクラス」を参照してください。インスタンスプロパティの編集には、プロパティインスペクター(ウィンドウ/プロパティ)を使用します。

インスタンスのプロパティはインスタンスと共に保存されます。シンボルを編集したり、インスタンスを別のシンボルに再リンクしたりしても、変更したインスタンスプロパティはインスタンスに適用されたまま残ります。

インスタンスの可視性の設定

ステージのシンボルインスタンスは、「表示する」プロパティを無効にすることで非表示にできます。「表示する」プロパティを使用すると、シンボルの「アルファ」プロパティを 0 に設定するよりもレンダリングのパフォーマンスが高速になります。

「表示する」プロパティでは、Player 設定を Flash Player 10.2 以降にする必要があり、ムービークリップ、ボタンおよびコンポーネントのインスタンスにのみ対応しています。

  1. ステージでインスタンスを選択します。

  2. プロパティパネルの「表示」セクションで「表示する」プロパティの選択を解除します。

インスタンスのカラーと透明度の変更

シンボルの各インスタンスには、個別のカラー効果を設定できます。インスタンスにカラーや透明度のオプションを設定するには、プロパティインスペクターを使用します。プロパティインスペクターでの設定は、シンボル内に配置されたビットマップにも影響します。

Animate で、特定のフレームに含まれるインスタンスのカラーと透明度を変更した場合、変更はそのフレームが表示されると同時に反映されます。カラーを段階的に変化させるには、モーショントゥイーンを適用します。カラーをトゥイーンするには、インスタンスの開始および終了キーフレームに異なる効果設定を入力し、その設定をトゥイーンして、インスタンスのカラーが徐々に変化するようにします。

sy_tint_tween
sy_alpha_tween
トゥイーンによるインスタンスのカラーまたは透明度の段階的変化

注意:

Animate で、複数のフレームから構成されるムービークリップシンボルにカラー効果を適用すると、その効果がムービークリップシンボルのすべてのフレームに適用されます。

  1. ステージ上でインスタンスを選択し、ウィンドウ/プロパティを選択します。
  2. プロパティインスペクターで、カラーメニューから次のいずれかのオプションを選択します。

    明度

    イメージの相対的な明るさや暗さを、黒(-100%)~ 白(100%)の範囲で調整します。明度を調整するには、三角形をクリックしてスライダーをドラッグするか、ボックスに値を入力します。

    色かぶり補正

    インスタンスに同じ色相でカラーを付けます。着色のパーセンテージは、プロパティインスペクターの「着色」スライダーを使用して、透明(0%)~ 完全に濃く塗りつぶした状態(100%)の間で設定します。着色を調整するには、三角形をクリックしてスライダーをドラッグするか、ボックスに値を入力します。カラーを選択するには、赤、緑、青の値をそれぞれのボックスに入力するか、カラーコントロールをクリックしてポップアップウィンドウからカラーを選択します。

    アルファ

    インスタンスの透明度を、透明(0%)~ 完全に濃く塗りつぶした状態(100%)の間で調整します。アルファ値を調整するには、三角形をクリックしてスライダーをドラッグするか、ボックスに値を入力します。

    高度な設定

    インスタンスの赤、緑、青、透明度の各値を個別に調整します。これは、ビットマップなどのオブジェクトに微妙なカラー効果を施してアニメーション化する場合に最も効果的です。左側にあるコントロールでは、指定したパーセンテージでカラーまたは透明度の値を小さくします。右側にあるコントロールでは、カラーまたは透明度の値を一定の値だけ大きくしたり小さくしたりします。

    現在の赤、緑、青、およびアルファ設定値に対して指定されたパーセントを掛け、その結果を右側の列の定数に加え、新しいカラー値を決定します。例えば、現在の赤の値が 100 である場合、左側のスライダーを 50% に、右側のスライダーを 100% に設定すると、新しい値は 150([100 x .5] + 100 = 150)になります。

    注意:エフェクトパネル内の「詳細設定」では、関数(a * y + b)= x を実行できます。ここで a はボックスの左側で指定したパーセント、y は元のビットマップのカラー、b はボックスの右側で指定した値、そして x は効果の結果(RGB で 0 ~ 255、アルファ透明度で 0 ~ 100)になります。

    インスタンスのカラーは、ActionScript の ColorTransform オブジェクトを使用して変更することもできます。カラーオブジェクトの詳細については、『ActionScript 2.0 リファレンスガイド』、または『ActionScript 3.0 言語およびコンポーネントリファレンス』の ColorTransform を参照してください。

インスタンスの入れ替え

元のインスタンスプロパティ(カラー効果やボタンアクションなど)を変更することなく、ステージ上に異なるインスタンスを表示するには、インスタンスに異なるシンボルを割り当てます。

例えば、ねずみのシンボルをキャラクターにしたマンガを作成しているときに、途中でキャラクターを猫に変更するとします。この場合、ねずみのシンボルを猫で置き換えると、更新されたキャラクターをすべてのフレームでほぼ同じ位置に表示させることができます。

インスタンスに対する異なるシンボルの割り当て

  1. ステージ上でインスタンスを選択し、ウィンドウ/プロパティを選択します。

  2. プロパティインスペクターで「入れ替え」ボタンをクリックします。

  3. 現在インスタンスに割り当てられているシンボルを置き換えるシンボルを選択します。選択したシンボルを複製するには、「シンボルの複製」をクリックし、「OK」をクリックします。

    複製ではライブラリ内の既存のシンボルを元に新しいシンボルを作成するため、共通点の多いシンボルを多数作成する場合に手間を省くことができます。

シンボルのインスタンスすべての置き換え

  1. 置き換えようとしているシンボルと同じ名前のシンボルを、ライブラリパネルから編集中の FLA ファイルのライブラリパネルにドラッグし、「置換」をクリックします。ライブラリ内にフォルダーがある場合は、置き換えるシンボルがあるフォルダーと同じ場所に新しいシンボルをドラッグする必要があります。

インスタンスのタイプの変更

Animate アプリケーションで、インスタンスのビヘイビアーを定義し直すには、インスタンスのタイプを変更します。例えば、グラフィックインスタンスに含まれるアニメーションをメインタイムラインとは別に再生する場合、そのグラフィックインスタンスをムービークリップインスタンスとして再定義できます。

  1. ステージ上でインスタンスを選択し、ウィンドウ/プロパティを選択します。
  2. プロパティインスペクターのメニューから「グラフィック」、「ボタン」、または「ムービークリップ」を選択します。

グラフィックインスタンスのループの設定

Animate アプリケーションで、グラフィックインスタンス内部のアニメーションシーケンスをどのように再生するかを指定するには、「プロパティ」インスペクターでオプションを設定します。

アニメーション化されたグラフィックシンボルは、そのシンボルが配置されているドキュメントのタイムラインに連動して再生されます。一方、ムービークリップは、独自のタイムラインを使用します。アニメーション化されたグラフィックシンボルは、メインドキュメントと同じタイムラインを使用するため、ドキュメント編集モードでアニメーションをプレビューすることができます。ムービークリップシンボルはステージに静止オブジェクトとして表示されますが、Animate オーサリング環境ではアニメーションとして表示されません。

  1. ステージ上でグラフィックインスタンスを選択し、ウィンドウ/プロパティを選択します。
  2. プロパティインスペクターの「ループ」セクションのオプションメニューでアニメーションオプションを選択します。

    ループ

    現在のインスタンスに含まれるすべてのアニメーションシーケンスを、インスタンスが配置されるフレームの数だけループさせます。

    1 回再生

    指定したフレームからアニメーションの終わりまでアニメーションシーケンスを再生して停止します。

    シングルフレーム

    アニメーションシーケンスのうち単一のフレームを表示します。表示するフレームを指定する必要があります。

  3. ループ時に表示するグラフィックシンボルの最初のフレームを指定するには、「開始」テキストボックスにフレーム番号を入力します。ここで指定したフレーム番号は「シングルフレーム」オプションでも使用されます。

フレームピッカー

フレームピッカーは、グラフィックシンボルの最初のフレームを視覚的にプレビューして選択するのに役立ちます。以前のリリースでは、編集モードでシンボル内に入らないとフレームをプレビューできませんでした。この機能により、リップシンクなどのアニメーションワークフローのユーザーエクスペリエンスが向上します。

注意:

フレームピッカーパネルはグラフィックシンボルに対してのみ使用でき、ムービークリップタイプやボタンシンボルタイプに対しては無効になります。この機能を使用するには、アセットをシンボルに変換する必要があります。

  1. グラフィックシンボルを選択し、プロパティパネルの「ループ」で「フレームピッカーを使用 」ボタンを選択してフレームピッカーパネルを表示するか、ウィンドウ フレームピッカーを選択します。

    Frame Picker_ PI
    フレームピッカー

  2. フレームピッカーパネルで、一覧またはサムネール表示を選択して、選択されているグラフィックシンボルのすべてのフレームプレビューを表示します。フレーム番号とそのラベルを表示することもできます。 

    リスト。フレームを垂直方向に一覧表示します。

    サムネール。フレームをグリッドビューに表示します。パネルのサイズが変更されると再調整されます。

    キーフレームを作成。このオプションを選択すると、フレームピッカーパネルで位置を選択する際にキーフレームが自動的に作成されます。

    ループ。ループ、一回再生、単一フレームなどグラフィックのループオプションを表示します。

    スライダー矢印。プレビューのサイズを調整します。

    スライダー左ボタン。ビューが表示するフレームを多くします。

    スライダー右ボタン。ビューが表示するフレームを少なくします。

    フレームフィルターオプションドロップダウン。各種フレームフィルターオプションを表示します。

    list
    一覧表示

    thumnail
    サムネール表示


  3. スライダー またはズームボタンを使用すると、プレビューまたはサムネールのサイズを調整できます。スライダーをパネルの左隅に向かって調整すると、より多くのフレームがビューに表示されます。スライダーを右隅に向かって動かすと、より大きなプレビューを表示できます。

  4. 任意のフレームをクリックして、選択したシンボルの最初のフレームとして設定します。

キーフレームを作成

フレームピッカーパネルには、「キーフレームを作成」チェックボックスが提供されています。このチェックボックスを選択すると、フレームピッカーパネルでフレームを選択する際に自動的にキーフレームが作成されます。フレームピッカーパネルでは、グラフィックシンボルのループオプションも設定できます。

フレームピッカーパネルを起動するには、ラフィックシンボルロパティネルの「ープ」で「 レームッカーを使」ボタンを選択してフレームッカーを選択するか、ィンドウッカーを選択します。

CreateKeyframe

フレームのフィルタリングオプション

このパネルに表示するフレームを絞り込むためのオプションが用意されています。次のものでフィルタリングできます。

  • すべてのフレーム - すべてのフレームを表示します。
  • キーフレーム - 選択したキーフレームのみを表示します。
  • ラベル - ラベル付きのフレームのみを表示します。
filterOptions

自動リップシンク

自動リップシンクを使用すると、選択したオーディオレイヤーに基づいて、}タイムラインに適切な口の形をより簡単かつ素早く配置できます。グラフィックシンボル内で描画した、既存の口の形のリストを使用してこのような効果を得ることができます。グラフィックシンボルで自動リップシンクを適用すると、指定したオーディオレイヤーを分析した後、オーディオ口形素と一致する様々な場所で自動的にキーフレームが作成されます。完了したら、通常のワークフローとフレームピッカーを使用して、必要に応じてさらに調整を行うことができます。

口形素は、サウンドを示すために使用される汎用的な顔の画像です。 

リップシンクの作成

次の手順に従って、リップシンクの作成を開始します。

  1. グラフィックシンボル(口)を作成します。

    グラフィックシンボル内で、すべての口の形/口形素を描画できます。

  2. メインタイムラインで、新しいレイヤーにオーディオを読み込みます。

    注意:

    自動リップシンクでは、自動同期設定を「ストリーム」に設定することをお勧めします。

    シンボルとオーディオレイヤーのサンプル
    シンボルとオーディオレイヤーのサンプル
  3. 口のグラフィックシンボルを選択します。プロパティインスペクターでリンプシンクをクリックします。

    プロパティインスペクターでのリップシンク
    プロパティインスペクターでのリップシンク

    リップシンクを作成ダイアログが表示されます。デフォルトでは、次のスクリーンショットのように、12 種類の基本的な口形素が表示されます。

    リンプシンクを作成
    リンプシンクを作成
  4. 任意の口形素をクリックして口の形のマッピングを変更します。ポップアップが表示され、グラフィックシンボル内のすべてのポーズが表示されます。ポップアップから適切なフレームを選択し、現在の口形素用に設定します。

    各口形素の口の形を変更する
    各口形素の口の形を変更する
  5. リップを同期するオーディオレイヤーを選択します。「 同期」ボタンをクリックします。

    リップシンクを適用した後のタイムラインのスクリーンショット
    リップシンクを適用した後のタイムラインのスクリーンショット

    注意:

    自動リップシンクは、選択したグラフィックのシンボルがあるフレームスパンに適用されます。また、選択したフレーム範囲でリップシンクを適用するため、最初に複数のキーフレームを選択することもできます。

  6. ファイルを実行し、出力をプレビューするには Ctrl+Enter を押します。

    サウンドファイルとも同期されている、自動生成された口の動きを使用して、アニメーションファイルを表示できます。

シンボルインスタンスの分解

インスタンスとシンボルのリンクを解除して、インスタンスをグループ化されていないシェイプと線の集合にするには、インスタンスを分解します。この機能は、他のインスタンスに影響を与えることなく特定のインスタンスを大幅に変更する場合に便利です。

インスタンスを分解した後でそのソースシンボルを変更しても、インスタンスは影響を受けません。

  1. ステージでインスタンスを選択します。
  2. 修正/分解を選択します。これにより、インスタンスがその構成要素であるグラフィックエレメントに分解されます。
  3. エレメントを修正するには、ペイントツールや描画ツールを使用します。

ステージ上のインスタンスに関する情報の取得

プロパティインスペクターと情報パネルには、ステージ上で選択されているインスタンスに関して次の情報が表示されます。

  • プロパティインスペクターでは、インスタンスのタイプおよび設定を表示できます。すべてのインスタンスタイプについて、カラー効果設定、場所、サイズが表示されます。グラフィックについてはループモードとそのグラフィックを格納している最初のフレームが、ボタンについてはインスタンス名(名前が付けられている場合)とトラッキングオプションが、ムービークリップについてはインスタンス名(名前が付けられている場合)がそれぞれ表示されます。位置については、プロパティインスペクターに、シンボルの基準点の x 座標と y 座標が表示されます。

  • 情報パネルでは、インスタンスのサイズと場所、および基準点の位置を表示できます。また、インスタンスの赤(R)、緑(G)、青(B)、およびアルファ(A)の値(単色で塗られている場合)、およびポインターの位置も表示できます。プロパティインスペクターの「位置とサイズ」セクションには、シンボルの基準点または変形点の x 座標と y 座標が表示されます。基準点または変形点の座標の表示を切り替えることができます。

  • ムービーエクスプローラーには、インスタンスとシンボルを含めた、現在のドキュメントの内容が表示されます。

    アクションパネルには、ボタンまたはムービークリップに割り当てられたアクションが表示されます。

インスタンスに関する情報の取得

  1. ステージでインスタンスを選択します。

  2. プロパティインスペクター(ウィンドウ/プロパティ)またはパネルを表示し、必要に応じて次の操作を実行します。

    • 情報パネルを表示するには、ウィンドウ/情報を選択します。

    • ムービーエクスプローラーを表示するには、ウィンドウ/ムービーエクスプローラーを選択します。

    • アクションパネルを表示するには、ウィンドウ/アクションを選択します。

選択したシンボルのシンボル定義をムービーエクスプローラーで表示

  1. ムービーエクスプローラーの上部にある、「ボタン、ムービークリップ、グラフィックの表示」ボタンをクリックします。

  2. 右クリック(Windows)または Control キーを押しながらクリック(Mac OS)し、「シンボル定義の表示」と「シンボル定義」を選択します。もしくは、ムービーエクスプローラーの右上隅のメニューでこれらのオプションを選択します。

選択したシンボルのインスタンスを含むシーンへの移動

  1. シンボル定義を表示します。

  2. 右クリック(Windows)または Control キーを押しながらクリック(Mac OS)し、「ムービーエレメントの表示」と「シンボル定義」を選択します。もしくは、ムービーエクスプローラーの右上隅のメニューでこれらのオプションを選択します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー