他のインスタンスを変更せずに、トゥイーンされたシンボルインスタンスを1つだけ編集可能にする方法
Adobe Animateでは、シンボルを複製し、その複製をトゥイーンされたインスタンスに割り当ててから、アートワークを編集します。これにより、選択したインスタンスには個別のシンボル定義が割り当てられ、他のインスタンスは元のシンボルを引き続き使用します。この操作には、Adobeが用意している 変更 > シンボル > シンボルを複製 を使います。描画要素を個別に編集する必要がある場合は、分解 でリンクを解除できますが、アニメーションに影響します。Adobe: シンボルの操作 · Adobe: オブジェクトの配置
このガイドは、Animateでトゥイーンされたキャラクターやバーチャルトイのイラストを編集するとき、動きを保ったまま一方の見た目だけを変えたい人を対象としています。まず、シンボル内のアートワークを変更するのか、インスタンスの見た目だけを変更するのかを決めましょう。
1つのインスタンスを編集すると、なぜ他のインスタンスも変わるのですか?
シンボルは、ライブラリに保存される再利用可能な定義です。インスタンスは、ステージ上または別のシンボル内に配置されたシンボルです。定義を編集すると、その定義にリンクされたすべてのインスタンスが更新されます。インスタンスを 編集モードで編集 しても、編集対象が切り替わるだけで、別の定義が作成されるわけではありません。Adobe: シンボルの操作
たとえば、ステージ上でキャラクターのインスタンスを移動する操作と、輪郭を描き直す操作は異なります。前者は配置を変更します。後者は元のシンボルを開いて編集すると、共有アートワークを変更します。Martin Roseのアニメーション指導ノートでも同じ関係が説明されています。ライブラリ内のシンボルを編集すると、コンポジション全体でそのシンボルを使用している箇所が更新されます。Martin Rose: Adobe Animate: シンボル
変更内容に合う編集方法はどれですか?
タイムラインを変更する前に、この判断ガイドを使ってください。Adobeが説明しているインスタンスのプロパティ、シンボルの複製、分解の動作をまとめています。
| 変更したい内容 | 方法 | 確認する点 |
|---|---|---|
| 色合い、不透明度、回転、または拡大縮小を調整する | インスタンスのプロパティを編集する | 該当するトゥイーンのプロパティキーフレームを確認します。 |
| トゥイーンを保ったまま、キャラクターの一部を描き直す | シンボルを複製し、対象に割り当ててから編集する | 対象が複製シンボルを参照していることを確認します。 |
| 1つの配置を個別のグラフィック要素にする | 分解を使う | シンボルとのリンクが失われ、アニメーションが変化する可能性を了承します。 |
色合い、透明度、回転、拡大縮小は、個々のインスタンスに設定できます。そのため、配置を小さくしたり半透明にしたりするだけなら、別のシンボルは必要ありません。これらの設定は ウィンドウ > プロパティ で確認できます。またAdobeによると、インスタンスを別のシンボルに再リンクしても、既存のインスタンスプロパティは保持されます。Adobe: シンボルインスタンスの作成と操作
個別に編集できるシンボルを作るにはどうすればよいですか?
既存のアニメーションを変更する前に、FLAファイルの作業用コピーを別に保存してください。その後、次の複製コマンドを使います。
- ステージ上で対象のシンボルインスタンスを選択します。
- 変更 > シンボル > シンボルを複製 を選択します。
Character_Alternateのように、複製だとわかる名前を付けます。- 複製を開いてアートワークを編集します。
- ドキュメントのタイムラインに戻ります。
Adobeの説明では、このコマンドはシンボルを複製し、選択したインスタンスを複製シンボルのインスタンスに置き換えます。置き換えられたインスタンスをダブルクリックすると、そのシンボルが編集用に開きます。描画を始める前に編集バーで名前を確認し、どの定義を変更しているか確かめてください。Adobe: シンボルの操作
元のシンボルを先にライブラリで複製し、ステージ上のインスタンスを選択して プロパティ > 入れ替え で複製を割り当てる方法もあります。アニメーション内のシンボルを置き換える前に、別バージョンのアートワークを準備して名前を付けておきたい場合に便利です。Adobe: シンボルインスタンスの作成と操作
アートワークを置き換えながらモーショントゥイーンを保つにはどうすればよいですか?
モーショントゥイーンのスパンには、シンボルインスタンスまたはテキストフィールドという1つの対象があります。プロパティキーフレームは、その対象が時間の経過とともにどう変化するかを示します。そのため、対象を個別のものにするには、スパン内のシンボル参照を置き換えます。途中のフレームを選択しても、その時点が独立した描画になるわけではありません。Adobe: モーショントゥイーンアニメーションの作成
置き換える場合は、ライブラリで元のシンボルを複製してから、Adobeが説明している次の手順に従います。
- ライブラリで置き換えに使うシンボルを選択します。
- ステージ上でトゥイーンの対象インスタンスを選択します。
- 変更 > シンボル > シンボルを入れ替え を選択します。
- スパン全体をスクラブし、開始位置、中間位置、終了位置を確認します。
Adobeは、トゥイーンの対象を置き換える方法として「シンボルを入れ替え」を挙げています。アニメーションの再構築を検討する前に、この操作を試してください。Adobe: アニメーショントゥイーンスパンの設定
変更の適用範囲を明確にしましょう。モーションスパン全体で使われるアートワークを変えることと、特定のフレーム以降だけキャラクターを変えることは異なります。スパンは1つのアニメーション対象を表すため、置き換えを判断するときはスパン全体を確認してください。Adobe: モーショントゥイーンアニメーションの作成
クラシックトゥイーンを使っている場合、何が変わりますか?
クラシックトゥイーンでは、アニメーションを定義するキーフレームに注意が必要です。Adobeによると、直接編集できるのはキーフレームだけで、中間のトゥイーンフレームは自動計算されます。中間地点を変更するには、定義キーフレームを編集するか、その位置に新しいキーフレームを挿入します。Adobe: Animateでのクラシックトゥイーンアニメーションの作成
クラシックトゥイーンのシーケンス全体でキャラクターを個別に編集するには、同じ複製シンボルを一貫して使います。
- 元のシンボルを1つ複製します。
- 開始キーフレームでキャラクターのインスタンスを選択し、複製に入れ替えます。
- 終了キーフレームと、そのシーケンスに含まれる中間の定義キーフレームでも同じ操作をします。
- 各キーフレームのシンボル割り当てを確認してから、その間をスクラブします。
この手順は、キーフレームの編集とシンボルの入れ替えに関するAdobeの説明を実際の作業に応用したものです。クラシックトゥイーンの1つのキーフレームで配置を置き換えれば、他のキーフレームもすべて更新されると決めつけずに済みます。別バージョンのキャラクターを1つに統一したい場合は、各端点で新たに複製を作らないでください。Adobe: Animateでのクラシックトゥイーンアニメーションの作成 · Adobe: シンボルインスタンスの作成と操作
代わりに分解を使うのはどのような場合ですか?
編集可能なシンボルではなく、個別のグラフィック要素にしたい場合は 変更 > 分解 を使います。ベクターアートワークなら、元のシンボルをライブラリに残したまま、直接描画を編集できます。Martin Roseのノートでは、インスタンスを操作することと、編集可能なアートワークに戻すことの違いが説明されています。Martin Rose: Adobe Animate: シンボル
コマンドを使う前に、次の影響を考慮してください。Adobeによると、分解するとインスタンスとマスターシンボルのリンクが解除され、アニメーションシンボルの現在のフレーム以外は破棄されます。またAdobeは、補間アニメーション内のアニメーションシンボルやグループを分解すると結果が予測できない可能性があるため、推奨していません。「グループ解除」は別のコマンドで、シンボルインスタンスのリンクは解除されません。Adobe: オブジェクトの配置
既存のキャラクタートゥイーンを保つ作業では、まず複製して置き換える方法を使いましょう。分解は、内部のシンボルアニメーションが不要だと判断し、別のコピーを保存したうえで、意図的にパーツ別のアートワークへ変換する場合に限って使います。
意図したインスタンスだけが変わったことを確認するにはどうすればよいですか?
アートワークを大幅に編集する前に、簡単な見た目の比較を行いましょう。次の確認手順は、前述したシンボルとトゥイーンの動作をもとにしています。
- 参照先を確認する: 対象が別バージョンのライブラリシンボルを使っていることを確認します。
- 見た目でわかる小さな変更を試す: 複製の細部を少し変え、元のシンボルを使うはずのインスタンスを確認します。
- 見た目だけでなく時間軸も確認する: 対象アニメーションの最初、中間、最後のフレームを確認します。
- クラシックトゥイーンのキーフレームを個別に確認する: 元のシンボルを参照しているキーフレームがないか調べます。
- 編集コンテキストを確認する: 関係のないインスタンスまで変わった場合は作業を止め、どのシンボル定義を開いたのか確認します。
アートワークに入れ子のシンボルインスタンスがある場合は、編集したい階層で参照先を確認してください。Animateではシンボルを別のシンボル内に配置できます。同じ分離の考え方を適用するなら、共有されたままの箇所で変更する前に、入れ子のパーツにも個別の定義を用意します。これは、入れ子構造と定義の共有に関するAdobeの説明から導かれるものです。Adobe: シンボルの操作 · Adobe: モーショントゥイーンアニメーションの作成
最後に、目で見て2点を確認します。選択したキャラクターに、アニメーション全体を通して意図したアートワークが表示されること、そして元のシンボルを使う配置には以前の見た目が保たれていることです。確認できたら、ライブラリ名を使い分けながら別バージョンのシンボルを編集し続けましょう。
