Photoshop│Illustratorのデータをシェイプに変換する方法

IllustratorからPhotoshopへベクターデータをコピーする際は、貼り付け形式によってエッジの描画品質が変化するため注意が必要です。

この記事では、Photoshop側でパスを編集できるシェイプレイヤーとして取り込む手順を解説します。

Illustratorのデータをシェイプに変換する方法

Illustratorで作成したオブジェクトをPhotoshopに配置すると、意図しないアンチエイリアスがかかりエッジがぼやける場合があります。

特に円形と矩形を組み合わせた図形では、貼り付け設定によって境界の滲みを完全に防げないことがあります。

Photoshop側でパスの位置や形を調整したい場合は、シェイプとして取り込む方法を比較できます。

STEP 1：Illustratorでデータを作成

• Illustrator上で円形と矩形を組み合わせた図形を作成します。

STEP 2：スマートオブジェクトで貼り付けた当時の表示例

1. Illustratorで図形をコピーします。
2. Photoshopに切り替え、「スマートオブジェクト」を選択して貼り付けます。
3. 以下は当時、輪郭の見え方が気になった例です。スマートオブジェクトで貼り付けると必ず輪郭が滲むわけではありません。

STEP 3：Photoshopにシェイプとして貼り付けて分離する手順

1. Illustratorで図形をコピーし、Photoshopで「シェイプ」を選択してペーストします。

2. パス選択ツールで円形のパスのみを選択し、Ctrl+X で切り取ります。
3. 「パス」パネルで新規パスを作成し、Ctrl+V で貼り付けます。

4. レイヤー > 新規塗りつぶしレイヤー > ベタ塗り を選択します。（パスがシェイプレイヤー化されます）
5. 同様の手順で矩形と円形をそれぞれ別々のシェイプレイヤーに変換します。

以下が当時の比較結果です。

シェイプにもアンチエイリアスはかかるため、ピクセル境界との位置、サイズ、表示倍率をそろえて確認してください。

Photoshopに関するそのほかのTipsは、以下の関連記事から確認できます。

シェイプや塗りを作る方法は、ほかにも書いています。

まとめ

IllustratorのベクターデータをPhotoshopでクリアに描画するには、目的に合わせた形式で配置することが重要です。

シェイプに変換する基本手順

• Illustratorでコピー → Photoshopで「シェイプ」としてペースト → パスを切り分けて新規塗りつぶしレイヤー（ベタ塗り）を作成

複雑なアピアランスを保ちたい場合はスマートオブジェクトも比較し、Photoshop内でパスを調整したい場合にシェイプを選んでください。