Photoshop│Illustratorからコピーする際のアンチエイリアスを防ぐ方法

IllustratorからPhotoshopへグラフィックをコピー＆ペーストする際、意図しないアンチエイリアスがかかって境界がぼやける場合があります。

本記事では、ペースト時にアンチエイリアスを無効化してシャープに配置する手順を解説します。

Illustratorからコピーする際のアンチエイリアスを防ぐ方法

WebやUIデザインの制作では、Illustratorで作成したアイコンやパーツをPhotoshopにコピーして配置することがあります。

しかし、初期設定のまま貼り付けるとエッジに不要なアンチエイリアス（滲みやボケ）が発生するケースがあります。

この記事は2017年の画面を使った確認記録です。

アンチエイリアスを使わずにピクセルとして貼り付けたい場合の設定を紹介します。

STEP 1：Illustratorで検証用素材を作成

1. ペンツールや直線ツールでパスを引く
2. 「線」パネルの「破線」にチェックを入れて点線・破線を作成

3. 作成したオブジェクトを選択してコピー

STEP 2：Photoshopへの通常の貼り付けと問題点

1. Photoshop上でペースト（Ctrl+V / Cmd+V）を実行

2. ペーストダイアログで形式を選択。この例ではピクセルとして貼り付けた輪郭を確認します

効果が見られなかった設定例

筆者が当時の素材で以下を試した範囲では、貼り付け時の輪郭は期待した状態になりませんでした。

すべての素材やバージョンに共通する結果ではありません。

• Illustrator側でオブジェクトをアウトライン化する
• Illustrator側で事前にラスタライズする
• Photoshopの環境設定で画像補間方式を「ニアレストネイバー法」に変更する

しかし、ピクセルとして貼り付ける際は、確定前のアンチエイリアス設定を確認します。

解決策：バウンディングボックス確定前にオプションバーの「アンチエイリアス」をオフにする

1. Illustratorからコピーしたオブジェクトを、「ピクセル」形式を選択してペースト

2. Enterキーで確定する前に、上部オプションバーの「アンチエイリアス」のチェックを外す

チェックを外して確定すると、貼り付け時の輪郭を滑らかにする処理を使わずにラスタライズできます。

斜め線や曲線には階段状の輪郭が見える場合があります。

Photoshopの他の操作テクニックは、関連記事もあわせてご確認ください。

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

まとめ

IllustratorからPhotoshopへくっきりしたラインを保ったまま配置するには、ペースト時の確定オプションがポイントです。

アンチエイリアスを防ぐ手順のおさらい

• ピクセルでペーストし、確定前にオプションバーの「アンチエイリアス」をオフにする

この設定だけで、元データとの1ピクセル単位の一致を保証することはできません。

貼り付け時の拡大縮小や位置も確認し、100%表示で仕上がりを比べてください。