IllustratorデータをPhotoshopで活用する方法アレコレこの記事は鷹野雅弘によって執筆されました。公開日:2016年1月30日、更新日:2016年1月31日Tweetチラシをはじめとするプリントメディア用のデジタルデータが最初にありきで、その後、Web用のデータをPhotoshopで起こす、というケースについて考えてみました。おさえておきたい基本(と前提条件)プリントメディア用のデータはCMYK、Web用はRGB。画像はRGBのまま活用するとしても、スウォッチなどのカラーは変更する必要があるPhotoshopでゼロから作り直すのはナンセンス。スタイルなどを作り込んでいても、Illustratorのデータを使い回さないのはもったいないIllustratorデータ(パーツ単位)をPhotoshopで使う方法Illustratorファイル内から部分的に使う場合には、次の方法があります。[A]スマートオブジェクトとして配置[B]CCライブラリ経由で共有する[C]IllustratorからPSDとして書き出すそれぞれについて解説します。[A]スマートオブジェクトとして配置まず、元のIllustratorドキュメントをRGBカラーに変換しておきましょう(別名で保存)Illustratorでコピーし、Photoshopでペースト。[ペースト]ダイアログボックスで[スマートオブジェクト]を選択する配置後のオブジェクトは拡大縮小しても荒れないレイヤーサムネールをダブルクリックすると、Illustratorが開き、テキストを含めて再編集可能。オリジナルのIllustratorファイルとは無関係なので注意[B]CCライブラリ経由で共有する元のIllustratorドキュメントを、RGBカラーに変換して別名保存するIllustratorでパーツごとに、[ライブラリ]パネルにドラッグ&ドロップして登録する(プロジェクトごとに、ライブラリを作っておくとよい)(パネル下部の[ライブラリに追加]ボタンをクリックしてもよい)Illustratorで追加したパーツは、すぐにPhotoshopで[ライブラリ]パネルに表示される[属性]パネルを開くと、「リンクされたスマートオブジェクト」として扱われていることがわかる埋め込むことも可能だが、埋め込んでも個別に変更することは不可能。リンクのままの方がPSDファイルサイズを軽減できる[C]IllustratorからPSDとして書き出す元のIllustratorドキュメントを、RGBカラーに変換して別名保存する[ファイル]メニューの[書き出し]をクリックして、[書き出し]ダイアログボックスを表示する。[ファイル形式]に「Photoshop(psd)」を選択する[オプション]では「レイヤーを保持」、[テキストの編集機能を保持]をクリックするIllustratorで合成フォントを使っているとき、Photoshopでは「見つからないフォント」となってしまい、フォントの置換が必要になる(合成フォントに依存しているときには、大幅な修正が必要になるので、事前に合成フォント以外に置換しておいた方がよい)PSD書き出しする際のアピアランスの扱いIllustratorからPSD書き出しする際、「オブジェクトのアウトライン」効果の扱いがポイントです。「オブジェクトのアウトライン」効果を塗りアピアランスのみに適用した場合、アピアランスを分割しても、テキストはアウトライン化されません。「オブジェクトのアウトライン」効果を一番上に適用している場合、アピアランスを分割すると、テキストはアウトライン化されてしまいます。Photoshop書き出したものをPhotoshopで開くと、「オブジェクトのアウトライン」効果を一番上に適用している場合、テキストがアウトライン化されてしまい、Photoshopでテキストとして再利用することができないほか、ビットマップになってしまい、拡大にも適しません。選択のポイント使っているバージョンは?拡大縮小できるか?テキストやオブジェクトのカラーを編集できるか?Illustratorの合成フォントを保持できるか?PSDファイルは重くなるか?Illustratorファイルの修正を反映できるか?色味を保持できるか?複数人での作業に対応しやすいか?そもそものIllustratorドキュメントの制作時に、CCライブラリを多用し、そのライブラリを共有するのが一番シンプルです。L23bさんからコメントいただきました。ありがとうございます。https://t.co/oNl0fegTs7第4の方法としてaiファイルをおもむろにPhotoshopにドラッグするというのがあります。30IllustratorドキュメントをPhotoshopで使う方法IllustratorファイルをそのままPhotoshopで使うには、次の方法があります。IllustratorファイルをPhotoshopカンバスにドラッグ&ドロップ[ファイル]メニューの[埋め込みとして配置]をクリック[ファイル]メニューの[リンクとして配置]をクリックいずれに場合にも、[スマートオブジェクトとして開く]ダイアログボックスが開きます。Stationで「ベテランほど知らずに損してるIllustratorの新常識」と題して連載しています。2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。2015年3月、8月、2016年7月、11月に増刷(現在「五刷」)。前書(2011年版)と合算すると3万部超のロングセラーとなっています。サポートページAmazonで購入FacebookページTwitterアカウント改訂版に関する情報2011年に発売した書籍の改訂版です。2017への対応版を、2017年3月に発売します。書籍リリース後の追加情報は、サポートページにて公開しています。全都道府県縦断セミナーツアー2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。47都道府県すべての県での開催が終了しました。Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しています。第7回「ベクトルマスクを使って実現する、直しに強い切り抜き」第8回「たかがガイド、されどガイド。ガイドと整列を制すものがデザインを制す」『10倍ラクするPhotoshop仕事術』2016年に発売予定。Photoshop仕事術』2015年3月『10倍ラクするIllustrator仕事術』の兄弟本としてソシムから発売。雅弘)書名の通り、Web向けの内容です。サポートサイトAmazonで購入FacebookページTwitterアカウントTwitterでフォローするRSSを購読するFacebookページにいいね!するメールマガジンを購読する『10倍ラクするIllustrator仕事術』改訂版『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。詳しくはサポートサイトにて。47都道府県すべての県での開催が終了しました。Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。Stationで「ベテランほど知らずに損してるIllustratorの新常識」と題して連載しています。Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しています。第7回「ベクトルマスクを使って実現する、直しに強い切り抜き」第8回「たかがガイド、されどガイド。Vol.72「Webデザイナーのためのタイポグラフィと文字組版(Reloaded)」のスライド資料です。雅弘@スイッチ)のスライドです。お問い合わせ本サイトに関するお問い合わせや、誤字のご報告などの窓口です。FacebookやTwitterでのコメントも歓迎です。メールマガジンサイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。JEL-J(エル・ジェイ)リンクDTP系のことを話題にしているブログなどをピックアップ日本橋小伝馬町にあるDTPとWebのスクール(アドビ認定校)外付けHDDのように使えるオンラインストレージ飯田橋を中心に都内数箇所で展開しているプリントビューロー。現在、オンラインショップも運営中。Transitのサイトは、エックスサーバーで運用しています。reserved.記事が正確であることの保証はありません。ご紹介するセミナーや書籍、サイトの品質を保証するものではありません。