IllustratorファイルをPhotoshopに取り込む

最近、Illustrator（.ai）ファイルをPhotoshopに取り込んでも、完全に編集可能な状態を保つ方法はあるかと読者から質問を受けました。答えは簡単です。「はい」です。

多くのグラフィックアーティストは、Illustratorで作業を始めると、フィルターをかけたり、エンボス加工やドロップシャドウなどのレイヤー効果を追加したりするために、Photoshopでファイルを編集したくなります。多くの場合、これはCommandキーが押しにくくなるまでコピー＆ペーストするか、IllustratorファイルをPhotoshopに取り込むことを意味します。いずれにしても、面倒な作業であり、ファイルの編集性を維持するために膨大な作業が発生します。

最も簡単で、そして非常に明白な方法は、IllustratorファイルをPhotoshopドキュメントとしてエクスポートすることです。手順は以下のとおりです。

丁寧に作成したIllustratorファイルを、すべてのレイヤーをそのままの状態で用意します（後で編集しやすいように、レイヤーに名前を付けることを忘れないでください）。下のサンプル画像のように、3つのオブジェクトはそれぞれ専用のレイヤーに配置されており、星のレイヤーにはオーバーレイとして透明効果が適用されています。

「ファイル」→「書き出し…」を選択し、フォーマットのドロップダウンメニューから「Photoshop (.psd)」を選択して「OK」をクリックします。書き出しオプションを含むダイアログボックスが開きます。ファイルを編集可能な状態にしておきたいので、「レイヤーを書き出す」ラジオボタンをクリックします。これにより、IllustratorはPhotoshop形式に書き出す際に、設定したレイヤー情報を保持します。しかし、これで終わりではありません。

また、「テキストの編集可能性を保持」と「編集可能性を最大限に高める」のチェックボックスもオンにする必要があります。これにより、テキストが完全に編集可能になるだけでなく、Illustratorで設定したレイヤーの透明度も維持されます。また、「アンチエイリアス」のチェックボックスをオンにすることを強くお勧めします。印刷物の場合は解像度を「高」、Web作業の場合は「スクリーン」に設定することを忘れないでください。

Illustratorファイルは、ネイティブのレイヤー化されたPhotoshopファイルになりました。新しく書き出したファイルをPhotoshopで開くと、レイヤー名はIllustratorと同じで、テキストは編集可能、レイヤーの透明度は維持されていることがわかります（左の画像を参照）。

Photoshopのスマートオブジェクト機能は、Illustratorで画像を編集し、その変更がPhotoshopドキュメントに自動的に反映されるという優れた機能ですが、サイズや配置など、ドキュメントを再度「構築」する必要があります。このシンプルな方法は、Illustratorでモックアップを作成し、その後Photoshopでファイルを仕上げて画像をつなぎ合わせるWebデザイナーに最適です。