最強タッグ！IllustratorとPhotoshopの連携

2024年11月28日2024年12月3日

今回はPhotoshopとIllustrator、それぞれのデザインを連携する方法をご紹介します。

Illustrator上の画像をPhotoshopのファイルに取り込んだり、Photoshopで作成したデザインをIllustratorのデザインに収めたりすることができます。

とても役に立つ情報ですので、ぜひ最後まで見ていってください。

Photoshopの画像をIllustratorに配置する

まずは一番簡単な方法からご紹介します。

テキストレイヤーの場合は、テキストをカーソル選択してからコピーすると、色、書式を保ったままIllustratorにペーストできます。

パスを選択してからドラッグ＆ドロップでもコピー＆ペーストが可能です

ただ、単純にコピー＆ペーストするだけではレイヤーは統合されてしまうので、印刷用に使用したい時やレイヤー構造を維持したまま移動したいという場合の方法についても解説していきます。

次に、IllustratorでPhotoshopのレイヤー構造を維持したままファイルを開く方法です。

レイヤー構造だけでなくクリッピングマスクやテキスト情報なども引き継げます。

シェイプレイヤーはラスタライズされず、パスの状態が維持されるのでIllustratorでパス編集も行えます。

ただ、完全に変換できるものではなく、一部のレイヤーは統合されることがありますのでご注意ください。

こちらの開き方だと、すべてのレイヤーを単一のレイヤーに結合するため、個々のレイヤーを編集することはできません。

では次に、反対にIllustratorからPhotoshopにデータを移動する方法を解説します。

PhotoshopにIllustratorのベクトルオブジェクトを貼り付けたり、Illustratorのレイヤー構造を維持したまま開くには、「ベクトルスマートオブジェクト」という形式でコピー＆ペーストするだけでOKです。

これで画質を落とさずにIllustratorのオブジェクトをPhotoshopに取り込むことができました。

ペーストオプションの違いは「スマートオブジェクト」はベクター形式のまま貼り付けることができるので画質の劣化などが起こりませんが、Photoshopでの直接編集はできなくなります。

「シェイプレイヤー」はシェイプとしてコピーできるのでPhotoshop上で塗りや線幅を変更することが可能になります。

Photoshopのファイルを修正する可能性がある場合は、Illustratorでファイルメニュー「配置」がおすすめです。

この方法はリンクファイルとしてPSDファイルを開いている状態なので、Photoshopでファイルを修正するとIllustrator上でも即時、その修正を反映することができます。

リンクにチェックを入れなかった場合はファイルが埋め込まれてしまうので
修正は更新されません。

IllustratorとPhotoshopはAdobe Creative Cloudに組み込まれているため、同時に使用することができます。

Creative Cloudのライセンスは1人1ライセンスにつき、マシン最大2台まで利用することができます。

今回はIllustratorとPhotoshop、性質が異なる２つのアプリケーションソフトの連携について解説してきましたが、いかがでしたでしょうか？

IllustratorとPhotoshopの連携を上手く使いこなせれば、Webデザイナーとしての幅が大きく広がるので、ぜひ今回の記事を参考にして下さい。

別投稿では、Illustratorの操作方法や便利な使い方についてご紹介していきますので、そちらもぜひチェックしてみてください！