Illustratorからエクスポートされたpngファイルの上下の境界線を避ける方法


15

Illustratorアートワークをpngファイルとしてエクスポートすると、上端と左端に1ピクセルのグレーの境界線が表示されます。

背景オブジェクトはありませんが、つや消しの白い背景と透明度なしでエクスポート(Webおよびデバイス用に保存)します。また、アートボードにスナップされ、アートボードよりも各方向に10ピクセル大きい白い背景オブジェクトを試しました。エクスポートされた画像の上部と左側にまだ線が残っています。

また、ピクセル単位のアートボードで新しいファイルを作成し、オブジェクトをピクセルグリッドにスナップするオプションを選択してから、元のファイルからアートワークをコピーして貼り付けました。まだラインがあります。


3
ファイルの1つを投稿して、ご覧ください。
-Farray

回答:


12

多くの髪を引き裂いた後、次のことがうまくいきます:

  1. [ 表示]> [ピクセルプレビュー]を選択します
  2. [表示]> [ピクセルにスナップ]をオンにします。
  3. アートボードを使用する必要があります
  4. アートボードは自分ではなくIllustratorでレイアウトする必要があります。したがって、オブジェクト、アートボード、並べ替えを作成、コピー、または配置した場合は、間隔にピクセル値全体を選択します。これにより、アートボードが正確なピクセルにレイアウトされます。
  5. 表示/ピクセルプレビューを選択し、アートワークの端に不要なアンチエイリアスがないか確認します。アートボードの端を超えてシェイプを拡張すると役立つ場合があります。
  6. 外観に満足したら、[ファイル]> [エクスポート]を選択し、[ アートボードを使用]にチェックマークを付けます。
  7. アンチエイリアスタイプの選択は、この問題にはほとんど影響を与えないようですが、アートワークの外観に影響します。

アートボードよりもスライスを使用することをお勧めします。スライスは常にピクセル境界に揃えられますが、アートボードはそうではありません。
マークエドワーズ

2
@MarcEdwardsこれは事実ですが、残念ながらスライスは手間がかかりすぎて使いにくいです。Illustratorでアートボードをレイアウトすると、アートボードはピクセル単位で整列されます。
気晴らし

1
私の場合、私は正確なピクセルサイズを持っている私のアートボードのサイズを変更しなければならない再配置する前に、それらを例えば幅= 50、高さ= 40(40.3333好きではない何か)。そしてアートボード内の長方形のために、彼らは、x、yの位置との値の整数有していなければならない奇数の幅と高さの値(例えば171、135、170ない、134)
ハイフォン

1
ODD INTEGERは、x、yの位置が長方形のデフォルトのアンカー位置(中央)にあるためです。別のアンカー位置(左下など)を選択すると、座標が均等になります。
ヘンリーチャン14

あなたは天才です。髪を引き裂いてくれてありがとう
アロン

1

閉じられたばかりの重複した質問に基づいて、問題はグラフィックがピクセル調整されていないため、アンチエイリアスアーティファクトが表示されることです。新しいドキュメントを作成して、「新しいオブジェクトをピクセルグリッドに合わせる」をオンにして、再作成してください。


1
残念ながら、これはソリューションの一部です。私の答えをご覧ください。
気晴らし

1

正しく思い出せば、エクスポート時に「アートボードを使用」を選択すると、この状況を回避できます。


-2

私はこの同じ問題を抱えていて、文書に裁ち落としを設定していたことに気付いたので、裁ち落としを無効にしてPNGに再度エクスポートしようとしても、白い境界線が表示される問題はありませんでした。エクスポート時に「アートボードを使用」をクリックします。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.