Animate での Illustrator AI ファイルの操作

Animate を使用すると、Adobe® Illustrator® AI ファイルを読み込んで、アートワークの編集可能性および視覚的な設定の大部分を保持できます。AI Importer では、Illustrator のアートワークを Animate にどのように読み込むかを細かく制御でき、特定のオブジェクトを AI ファイルに読み込む方法を指定できます。

Animate AI Importer の主な機能を次に示します。

• 一般的に使用されている Illustrator のエフェクトの編集可能性を Animate フィルターとして保持します。

• Animate と Illustrator に共通するブレンドモードの編集可能性を保持します。

• グラデーションの塗りの設定と編集可能性を保持します。

• RGB カラー（赤、緑、青）の外観を維持します。

• Illustrator のシンボルを Animate のシンボルとして読み込みます。

• ベジェコントロールポイントの数と位置を保持します。

• クリップマスクの設定を保持します。

• パターンの線と塗りの設定を保持します。

• オブジェクトの透明度を保持します。

• AI ファイルのレイヤーを個別の Animate レイヤー、キーフレーム、または単一の Animate レイヤーに変換します。AI ファイルを 1 つのビットマップイメージとして読み込むこともできます。この場合、ファイルは、Animate で統合（ラスタライズ）されます。

• Illustrator と Animate との間のコピー＆ペーストの操作手順が改善されています。コピー＆ペーストのダイアログボックスに、Animate ステージにペーストされる AI ファイルに適用される設定が表示されます。

Animate と Illustrator の互換性

視覚属性の中には、正確に読み込まれないものや、読み込んだ後 Animate オーサリング環境では編集できないものがあります。AI Importer には、アートワークの視覚的な外観と編集可能性をできるだけ維持したままで読み込むためのさまざまなオプションが用意されています。ただし、保持できない視覚属性もあります。Animate に読み込む AI ファイルの外観を改善するには、次のガイドラインに従います。

• Animate は RGB カラースペースだけをサポートします。印刷で一般的に使用される CMYK カラースペースはサポートしません。Animate は CMYK イメージを RGB に変換できますが、Illustrator でカラーを RGB に変換するほうが、元のカラーに近いカラーを保持できます。

• AI エフェクトのドロップシャドウ、内側グロー、外側グロー、およびガウスぼかしを編集可能な Animate フィルターとして保持するには、Animate は、それらのエフェクトが適用されるオブジェクトを Animate ムービークリップとして読み込みます。これらの属性を持つオブジェクトをムービークリップ以外として読み込もうとすると、Animate に互換性のないことを知らせる警告メッセージと、そのオブジェクトをムービークリップとして読み込むよう推奨するメッセージが表示されます。

Illustrator と Animate の操作

Illustrator アートワークは、Animate 編集環境に移動することも、Flash Player に直接移動することもできます。アートワークのコピー＆ペースト、SWF 形式でのファイルの保存、Animate へのアートワークの直接の書き出しができます。さらに、Illustrator では、Animate の動的なテキストとムービークリップのシンボルもサポートされています。

Illustrator アートワークのペースト

Illustrator でグラフィックが豊富なアートワークを作成し、これを簡単かつ迅速、シームレスに Animate に対してコピー＆ペーストできます。

Illustrator アートワークを Animate にペーストする場合は、次の属性が保持されます。

• パスおよびシェイプ

• スケーラビリティ

• 線幅

• グラデーションの定義

• テキスト（OpenType フォントを含む）

• リンクされた画像

• シンボル

• 混合モード

さらに、Illustrator と Animate は、ペーストされたアートワークを次のようにサポートします。

• Illustrator アートワークで最上位レイヤー全体を選択し、これを Animate にペーストすると、レイヤーはそのプロパティ（表示／非表示とロック）と共に保持されます。

• RGB 以外の Illustrator カラー（CMYK、グレースケール、カスタム）は、Animate では RGB に変換されます。RGB カラーは期待どおりにペーストされます。

• Illustrator アートワークを読み込んだり、ペーストしたりする場合は、様々なオプションを使用して、エフェクト（テキスト上のドロップシャドウなど）を Animate フィルターとして保持できます。

• Animate では、Illustrator マスクを保持します。

Illustrator からの SWF ファイルの書き出し

Illustrator からは、Animate から書き出された SWF ファイルの品質と圧縮に匹敵する SWF ファイルを書き出すことができます。

書き出すときには、様々なプリセットから選択して最適な出力を確実に生成し、複数のアートボード、シンボル、レイヤー、テキスト、マスクの処理方法を指定できます。例えば、Illustrator のシンボルをムービークリップまたはグラフィックとして書き出すかどうかを指定することも、Illustrator レイヤーからの SWF シンボルの作成を選択することもできます。

Illustrator ファイルの Animate への読み込み

Illustrator で完全なレイアウトを作成し、これを一度に Animate に読み込む場合は、Animate でファイル／読み込み／ステージに読み込みまたはファイル／読み込み／ライブラリに読み込みコマンドを使用することにより、ネイティブ Illustrator 形式（AI）で、アートワークを高い精度で Animate に保存できます。

Illustrator ファイルに複数のアートボードが含まれている場合は、Animate の読み込みダイアログボックスで読み込むアートボードを選択し、すべてのレイヤーにおけるそのアートボードの設定を指定します。選択したアートボードのすべてのオブジェクトは、Animate での単一または複数の Animate レイヤーとして、あるいはキーフレームとして読み込むことができます。

Illustrator アートワークを AI、EPS または PDF ファイルとして読み込むと、Animate はペーストされた Illustrator アートワークと同じ属性を保持します。さらに、読み込まれた Illustrator ファイルにレイヤーが含まれる場合は、これを次のいずれかの方法で読み込むことができます。

• Illustrator レイヤーを Animate レイヤーに変換する

• Illustrator レイヤーを Animate フレームに変換する

• すべての Illustrator レイヤーを 1 つの Animate レイヤーに変換する

シンボルワークフロー

Illustrator のシンボルワークフローは、Animate のシンボルワークフローと類似しています。

AI ファイルにテキストが含まれている場合、テキストを次のものに変換できます。

• 編集可能なテキスト 
• ベクターアウトライン
• 統合されたビットマップイメージ

Animate では、読み込まれた AI ファイルのレイヤーを次のものに変換できます。

• 単一統合ビットマップファイル
• 編集可能なパスとエフェクト

シンボルパネルまたはコントロールパネルを使用すると、シンボルインスタンスの名前の指定、インスタンスとシンボル間のリンクの切断、シンボルインスタンスと別のシンボルとの入れ替え、またはシンボルのコピーの作成が簡単にできます。Animate でも、ライブラリパネルの編集機能は同様です。

（Flash Professional CS6 および以前のバージョンのみ）静的テキスト、動的テキストおよび入力テキストオブジェクト

Illustrator から Animate に静的テキストを取り込むと、そのテキストはアウトラインに変換されます。さらに、Illustrator でテキストを動的なテキストとして設定することもできます。動的なテキストを使用すると、Animate でテキストコンテンツをプログラムの一部として編集し、複数の言語でのローカライズが必要なプロジェクトを簡単に管理することができます。

Illustrator では、個々のテキストオブジェクトを静的または動的なテキスト、あるいは入力テキストとして指定できます。Illustrator と Animate では、動的なテキストオブジェクトの特性は同様です。例えば、いずれも個々の文字ではなく、テキストブロックのすべての文字に影響を与えるカーニングを使用し、いずれもテキストのアンチエイリアスを同様に行い、いずれもテキストが含まれる外部 XML ファイルにリンクできます。

AI ファイルの Animate ライブラリへの読み込みについて

AI ファイルのライブラリへの読み込みはステージへの読み込みと似ていますが、AI ファイル全体が Animate シンボルとしてカプセル化される点が異なります。コンテンツはライブラリに読み込まれ、AI ファイルのレイヤーとグループの構造に従って整理されます。

AI ファイルをライブラリに読み込んだ場合、ルートフォルダーには、AI ファイルの名前が使用されます。AI ファイルがライブラリに読み込まれた後、ルートフォルダーの名前の変更や、レイヤーのフォルダー外への移動を実行できます。

 ライブラリパネルでは、読み込まれた AI ファイルのコンテンツは、アルファベット順に並べられます。グループとフォルダーの階層構造は維持されますが、順序はアルファベット順に変更されます。

AI レイヤーをキーフレームに変換する場合は、AI ファイルがムービークリップとして読み込まれます。AI レイヤーを Flash レイヤーに変換するか単一の Flash レイヤーにする場合は、AI ファイルが 1 つのグラフィックシンボルとして読み込まれます。コンテンツがステージに読み込まれた場合と同じように、タイムラインに読み込まれた AI ファイルのすべてのコンテンツを含むムービークリップまたはグラフィックシンボルが作成されます。ほぼすべてのムービークリップには、ビットマップや関連するその他のアセットがあります。紛らわしさや名前の競合を最小限に抑えるために、これらのアセットは、ムービークリップと同じフォルダーの Assets フォルダーに保存されます。

 ライブラリに読み込む場合、AI ファイルのコンテンツは、Animate のメインタイムラインではなく、ムービークリップのタイムラインに読み込まれます。

（Flash Professional CS6 および以前のバージョンのみ）AI ファイルインポーターの環境設定

Animate の環境設定ダイアログボックスでは、AI ファイルと AI ファイルインポーターダイアログボックスに関する読み込みの環境設定を指定できます。AI ファイルを読み込むために指定する環境設定は、Illustrator オブジェクトタイプを選択したときに最初に表示される AI ファイルインポーターダイアログボックスのオプションの設定に影響します。

 異なるレイヤータイプ用に指定された環境設定をオブジェクト単位で上書きするには、AI ファイルインポーターダイアログボックスを使用します。読み込みオプションを変更するレイヤー、オブジェクトまたはグループを選択し、必要なオプションを指定します。

AI ファイルの読み込み時の AI ファイルインポーターの応答方法に影響する環境設定を行います。

AI ファイルインポーターダイアログボックスが表示されることを指定します。

Illustrator カンバス上で、アートボードまたはトリムエリア外にあるオブジェクトを除外します。

デフォルトで非表示レイヤーが読み込まれることを指定します。

テキストオブジェクトの読み込みについては、次の環境設定を指定できます。

読み込まれる Illustrator のテキストが編集可能な Animate テキストであることを指定します。テキストの外観は、編集可能性を維持するために質が低下する場合があります。

テキストをベクターパスに変換します。テキストの視覚的な外観を保持するには、このオプションを使用します。サポートされないブレンドモードやフィルターなどの一部の視覚効果は無効になりますが、テキストをムービークリップとして読み込めば、パス上のテキストなどの視覚属性は保持されます。テキストそのものは編集できなくなりますが、透明度と、互換性のあるブレンドモードの編集可能性は維持されます。

 テキストに適用された AI エフェクトのドロップシャドウ、光彩（内側）、光彩（外側）、ぼかし（ガウス）を、編集可能な Animate フィルターとして保持するには、「ムービークリップを作成」を選択して、テキストをムービークリップとして読み込みます。

テキストをビットマップにラスタライズして、Illustrator でのテキストの外観を正確に保持します。Animate と互換性がないフィルターや他のエフェクトが適用されている場合、テキストをビットマップとして読み込むと、視覚的な外観が保持されます。ラスタライズされたテキストを編集することはできません。

テキストオブジェクトがムービークリップ内に読み込まれることを指定します。Illustrator と Animate の間で、サポートされるブレンドモード、AI エフェクト、および 100% 未満の透明度を維持するには、テキストオブジェクトをムービークリップとして読み込むことを指定します。

パスの読み込みについては、次の環境設定を指定できます。

編集可能なベクターパスを作成します。サポートされているブレンドモード、エフェクト、およびオブジェクトの透明度は保持されますが、Animate でサポートされていない属性は破棄されます。

パスをビットマップにラスタライズして、Illustrator でのパスの外観を正確に保持します。ラスタライズされたイメージを編集することはできません。

パスオブジェクトがムービークリップ内に読み込まれることを指定します。

イメージの読み込みについては、次の環境設定を指定できます。

イメージをビットマップにラスタライズして、Animate ではサポートされていないブレンドモードとエフェクトの外観を保持します。ラスタライズされたイメージを編集することはできません。

イメージがムービークリップ内に読み込まれることを指定します。

グループの読み込みについては、次の環境設定を指定できます。

グループをビットマップにラスタライズして、Illustrator でのオブジェクトの外観を保持します。グループがビットマップに変換された後は、グループ内のオブジェクトの選択や名前変更はできません。

グループ内のすべてのオブジェクトを 1 つのムービークリップにカプセル化することを指定します。

レイヤーの読み込みについては、次の環境設定を指定できます。

レイヤーをビットマップにラスタライズして、Illustrator での外観を保持します。

レイヤーをムービークリップにカプセル化することを指定します。

作成されるムービーに対するグローバルレベルの基準点を指定します。この設定は、すべてのオブジェクトタイプの基準点に適用されます。AI ファイルインポーターダイアログボックスでは、このオプションをオブジェクト単位で変更できます。このオプションは、すべてのオブジェクトタイプの初期設定です。ムービークリップの基準の詳細については、シンボルの編集を参照してください。

Adobe Illustrator ファイルの読み込み

Illustrator で完全なレイアウトを作成し、これを一度に Animate に読み込む場合は、Animate でファイル／ステージに読み込みまたはファイル／ライブラリに読み込みコマンドを使用することにより、高い精度で、Animate に対してネイティブ Illustrator 形式（AI）でアートワークを保存したり読み込んだりすることができます。

Illustrator ファイルに複数のアートボードが含まれている場合は、Animate の読み込みダイアログボックスで読み込むアートボードを選択し、すべてのレイヤーにおけるそのアートボードの設定を指定します。選択したアートボードのすべてのオブジェクトは、Animate での単一または複数の Animate レイヤーとして、あるいはキーフレームとして読み込むことができます。

Illustrator のオブジェクトを AI、EPS または PDF ファイルとして読み込むと、Animate はペーストされた Illustrator アートワークと同じ属性を保持します。さらに、読み込まれた Illustrator ファイルにレイヤーが含まれる場合は、これを次のいずれかの方法で読み込むことができます。

• Illustrator レイヤーを Flash レイヤーに変換する
• Illustrator レイヤーを Flash フレームに変換する
• すべての Illustrator レイヤーを 1 つの Flash レイヤーに変換する

シンボルワークフロー

Illustrator のシンボルワークフローは、Animate のシンボルワークフローと類似しています。

テキスト変換

AI ファイルにテキストが含まれている場合、テキストを次のものに変換できます。

• 編集可能なテキスト 
• ベクターアウトライン
• 統合されたビットマップイメージ

レイヤーの変換

Animate では、読み込まれた AI ファイルのレイヤーを次のものに変換できます。

• 単一統合ビットマップファイル
• 編集可能なパスとエフェクト

（Flash Professional CS6 および以前のバージョンのみ）シンボルプロパティとリンク

シンボルパネルまたはコントロールパネルを使用すると、シンボルインスタンスの名前の指定、インスタンスとシンボル間のリンクの切断、シンボルインスタンスと別のシンボルとの入れ替え、またはシンボルのコピーの作成が簡単にできます。Animate でも、ライブラリパネルの編集機能は同様です。

（Flash Professional CS6 および以前のバージョンのみ）静的テキスト、動的テキストおよび入力テキストオブジェクト

Illustrator から Animate に静的テキストを取り込むと、そのテキストはアウトラインに変換されます。さらに、Illustrator でテキストを動的なテキストとして設定することもできます。動的なテキストを使用すると、Animate でテキストコンテンツをプログラムの一部として編集し、複数の言語でのローカライズが必要なプロジェクトを簡単に管理することができます。

Illustrator では、個々のテキストオブジェクトを静的または動的なテキスト、あるいは入力テキストとして指定できます。Illustrator と Animate では、動的なテキストオブジェクトの特性は同様です。例えば、いずれも個々の文字ではなく、テキストブロックのすべての文字に影響を与えるカーニングを使用し、いずれもテキストのアンチエイリアスを同様に行い、いずれもテキストが含まれる外部 XML ファイルにリンクできます。

Illustrator オブジェクトの読み込みオプション

Illustrator アートワークを構成するすべてのアイテムは、レイヤーで管理されます。初期設定では、すべてのアイテムは同一の親レイヤーに配置されますが、特定の親レイヤーのすべてのアイテムを統合された 1 つのビットマップに読み込むか、オブジェクトを個別に選択し、そのオブジェクトのタイプ（テキスト、パス、グループなど）に固有の読み込みオプションを指定できます。AI Importer には、読み込むアートワークのレイヤーを選択し、オブジェクトの視覚的な外観や Animate での編集可能性を保持するかどうかに応じて、各読み込みオプションを指定するためのオプションが用意されています。

互換性のないグラフィックエフェクトの修正

個々のオブジェクトの選択

（Flash Professional CS6 および以前のバージョンのみ）レイヤーの選択

ドキュメント内のオブジェクトは、「レイヤーパネルに一覧表示されます。デフォルトでは、すべての Illustrator ドキュメントには少なくとも 1 つのレイヤーが含まれ、特定のファイル内のすべてのオブジェクトは、そのレイヤーの下に表示されます。

レイヤーパネルのアイテムが別のアイテムを含む場合は、アイテム名の左側に三角形が表示されます。コンテンツの表示と非表示を切り替えるには、三角形をクリックします。三角形が表示されていない場合、別のアイテムは含まれていません。

 すべてのグループおよびレイヤーを展開したり折りたたんだりするには、AI Importer のコンテキストメニューを使用します。右クリックしてコンテキストメニューを表示し、すべて展開またはすべてを閉じるを選択します。

アイテムが、読み込むために選択されているかどうかを制御します。アイテムがオンの場合は、そのレイヤーを選択して読み込みオプションを指定できます。「編集」がオフの場合、レイヤーはグレー表示され、そのレイヤーに含まれるアイテムの読み込み設定は指定できません。

読み込み時にそのレイヤーに配置される Animate オブジェクトのタイプがアイコンによって表されます。アイコンが表示されている場合は、そのアイテムが選択されています。オブジェクトのタイプは、次のとおりです。

• テキスト 

• パス 

• グループ 

• ムービークリップ 

• グラフィックシンボル 

• イメージ 

テキスト読み込みオプション

Animate では、テキストを編集可能テキスト、ベクターアウトラインおよび統合ビットマップとして読み込むことができます。Illustrator と Animate の間で、サポートされるブレンドモード、AI エフェクト、および 100％ 未満の透明度を維持するには、読み込むテキストをムービークリップとして読み込みます。テキストをムービークリップとして読み込むと、互換性のある視覚効果の編集可能性が保持されます。

デフォルトでは、Illustrator のテキストは、編集可能な Animate のテキストとして読み込まれます。テキストの外観は、編集可能性を維持するために質が低下する場合があります。

テキストをベクターパスに変換します。テキストの視覚的な外観を保持するには、このオプションを使用します。サポートされないブレンドモードやフィルターなどの一部の視覚効果は無効になりますが、テキストをムービークリップとして読み込めば、パス上のテキストなどの視覚属性は保持されます。テキストそのものは編集できなくなりますが、透明度と、互換性のあるブレンドモードの編集可能性は維持されます。

 テキストに適用された AI エフェクトのドロップシャドウ、光彩（内側）、光彩（外側）、ぼかし（ガウス）を、編集可能な Animate フィルターとして保持するには、「ムービークリップを作成」を選択して、テキストをムービークリップとして読み込みます。

テキストをビットマップにラスタライズして、Illustrator でのテキストの外観を正確に保持します。Animate と互換性がないフィルターや他のエフェクトが適用されている場合、テキストをビットマップとして読み込むと、視覚的な外観が保持されます。ラスタライズされたテキストを編集することはできません。

パス読み込みオプション

パスは、Illustrator での描画から発生する線です。パスには、弧のように開いているオープンパスと、円のように閉じているクローズパスの 2 種類があります。オープンパスの場合、パスの始点と終点のアンカーポイントを端点と呼びます。編集可能パスは Animate に読み込むことができますが、パスに特定のブレンドモード、フィルター、またはその他のエフェクトが適用されていた場合、それらのエフェクトは Animate と互換性がないことがあります。

パスをビットマップにラスタライズして、Illustrator でのパスの外観を正確に保持します。ラスタライズされたイメージを編集することはできません。

編集可能なベクターパスを作成します。サポートされているブレンドモード、エフェクト、およびオブジェクトの透明度は保持されますが、Animate でサポートされていない属性は破棄されます。

イメージ読み込みオプション

ビットマップイメージは、写真やデジタルペイントなどの連続階調イメージで使用される最も一般的な電子メディアです。Illustrator では、フィルター、エフェクト、およびグラフィックスタイルを使用してビットマップエフェクトを作成します。これらのエフェクトの多くは、Animate と互換性がありますが、視覚的な外観を保持するために統合（ラスタライズ）しなければならないものもあります。

 Illustrator でラスターファイルがリンクされている場合は、JPEG、GIF および PNG のみが、ネイティブ形式を保持したままで読み込まれます。それ以外のすべてのタイプのファイルは、Animate では PNG 形式に変換されます。さらに、PNG への変換は、コンピューターにインストールされている QuickTime® のバージョンに依存します。

イメージをビットマップにラスタライズして、Animate ではサポートされていないブレンドモードとエフェクトの外観を保持します。ラスタライズされたイメージを編集することはできません。

Illustrator のイメージをムービークリップとして読み込みます。

（Flash Professional CS6 および以前のバージョンのみ）グループの読み込みオプション

グループは、1 つの単位として処理されるグラフィックオブジェクトのコレクションです。オブジェクトをグループ化すると、各オブジェクトの属性や相対的な位置を変えずに、まとめて移動したり変形したりできます。例えば、ロゴを構成するオブジェクトをグループ化すると、ロゴ全体を 1 つの単位として移動したり、拡大縮小したりできます。グループはネストすることもできます。つまり、他のオブジェクトやグループ内にグループ化して、さらに大きなグループを作成できます。

グループは、読み込みパネルに <グループ> アイテムとして表示されます。グループなどのアイテムが別のアイテムを含む場合は、アイテム名の左側に三角形が表示されます。グループのコンテンツを表示または非表示にするには、この三角形をクリックします。三角形が表示されていない場合、別のアイテムは含まれていません。

グループをビットマップにラスタライズして、Illustrator でのオブジェクトの外観を保持します。グループがビットマップに変換された後は、グループ内のオブジェクトの選択や名前変更はできません。

グループ内のすべてのオブジェクトを 1 つのムービークリップにカプセル化します。

Illustrator と Animate 間でのコピー＆ぺースト

Illustrator と Animate の間でアートワークをコピー＆ペースト（またはドラッグ＆ドロップ）すると、コピー（またはペースト）される AI ファイルに適用される読み込み設定を含むペーストダイアログボックスが表示されます。

コピーされるファイルを 1 つのビットマップオブジェクトに統合します。

Animate の環境設定（編集／環境設定をクリック）に指定した AI ファイルの読み込み設定を使用してファイルを読み込みます。

「AI ファイルインポーター環境設定を使用してペースト」を選択すると、デフォルトで有効になります。AI ファイルで検出されたすべての互換性のないアイテムを自動的に修正します。

「AI ファイルインポーター環境設定を使用してペースト」を選択すると、デフォルトで有効になります。AI ファイルのレイヤーを Animate のレイヤーに変換するように指定します（読み込みダイアログボックスの「レイヤーを変換」で「Flash レイヤー」を選択した場合と同じです）。オフにした場合、すべてのレイヤーは、1 つのレイヤーに統合されます。