PhotoshopのパスをIllustrator上で位置もそのまま編集したい【Photoshop/Illustrator 2022】

デザイナーのかもゆうこです。

Photoshopで作ったパスのついた画像をIllustratorに配置した後、そのパスをIllustrator上で編集したい場合。

「パスの書き出し」から持ってきて画像と合わせるのはどうしても限界があるし、Illustrator上で再度パスを取るのは二度手間すぎます。

Photoshopのパスを「クリッピングマスク」にしてからeps保存をする

Photoshop上で作成したパスを選択し、「パス」パネル右上のメニューから「クリッピングパス」を選択します。

「コピーを保存」から形式の「Photoshop eps」を選んで保存します。ここまでが下準備です。

Illustrator上にepsを配置、埋め込み

ここからはIllustrator上の作業です。

上記で作ったepsを配置後、埋め込みます。

すると、埋め込み画像をパスでマスクした状態になり、Illustrator上でパスを編集できるようになります。

画像のリンクを復活させる

ここで埋め込まれた画像を選択し、epsにする前のファイル(psdやjpgなど)にリンクをし直します。

これで、Photoshopで作ったパスを、位置をずらさずにIllustrator上で編集できるようになりました!

アピアランスで効果をつけたりするのに便利です。

画像を編集することが多いので、切り抜きのパスはPSDにつけておきたいが、AIのアピアランス等で効果をつけたいという時、パスをそのまま持って来れずに困っていました。

一度epsにして埋め込むという手間はありますが、配置した画像とパスの位置がぴったり合うのでいまのところこの方法で対処しています。