Bagaimana cara menghindari garis di batas atas dan kiri file png yang diekspor dari Illustrator

15

Ketika saya mengekspor karya seni Illustrator sebagai file png, saya mendapatkan batas abu-abu satu piksel di tepi atas dan kiri.

Tidak ada objek latar belakang, tapi saya ekspor (Simpan untuk Web dan Perangkat) dengan latar belakang putih matte dan tidak ada transparansi. Saya juga mencoba dengan objek latar belakang putih, dengan itu tersentak ke artboard dan juga lebih besar dari artboard dengan 10 piksel di setiap arah. Saya masih mendapatkan garis di bagian atas dan kiri gambar yang diekspor.

Saya juga mencoba membuat file baru, dengan artboard dalam satuan pixel, dan memilih opsi untuk objek snap ke pixel grid, dan kemudian menyalin dan menempelkan karya seni dari file asli. Saya masih punya garis.

paradroid
sumber
3
Bisakah Anda memposting salah satu file sehingga kami dapat melihatnya?
Farray

Jawaban:

12

Setelah banyak merontokkan rambut, hal-hal berikut bermanfaat bagi saya:

  1. Pilih Lihat> Pratinjau Pixel .
  2. Tampilan> Snap to Pixel harus dicentang.
  3. Anda harus menggunakan Artboards
  4. Artboards harus diletakkan oleh Illustrator bukan oleh Anda, jadi jika Anda telah membuat, menyalin, atau memposisikan apa saja: Objek> Artboards> Atur ulang dan pilih nilai piksel keseluruhan untuk penspasian. Ini akan meletakkan artboards ke piksel yang tepat.
  5. Pilih View> Pixel Preview dan periksa tepi artwork untuk anti-aliasing yang tidak diinginkan. Terkadang membantu untuk memperluas bentuk di luar tepi artboard.
  6. Ketika Anda puas dengan tampilannya, pilih File> Ekspor dan centang Gunakan Artboards
  7. Pemilihan jenis antialiasing tampaknya memiliki sedikit efek pada masalah ini tetapi akan mempengaruhi cara penampilan karya seni Anda.
Gangguan
sumber
Saya akan merekomendasikan menggunakan Irisan daripada Artboards. Irisan selalu selaras batas pixel, Artboards tidak.
Marc Edwards
2
@MarcEdwards Meskipun ini benar, sayangnya irisan terlalu fiddly dan sulit digunakan. Artboards adalah pixel yang sejajar jika Anda membiarkan Illustrator meletakkannya.
Gangguan
1
Dalam kasus saya, saya harus mengubah ukuran artboard saya untuk memiliki ukuran piksel yang tepat SEBELUM MEMPERBAIKI mereka misalnya lebar = 50, tinggi = 40 (bukan sesuatu seperti 40.3333). Dan untuk persegi panjang di dalam artboards, mereka harus memiliki nilai integer untuk x, posisi y dan nilai ODD INTEGER untuk lebar dan tinggi (mis. 171, 135, bukan 170, 134)
H Phi Phong
1
ODD INTEGER adalah karena posisi x, y Anda berada di lokasi jangkar default (tengah) dari persegi panjang. Pilih lokasi jangkar yang berbeda (mis. Kiri bawah) dan koordinat Anda akan berubah.
Henry Chan
Anda jenius. Terima kasih telah mencabuti rambutmu jadi aku tidak perlu.
Aron
1

Berdasarkan pertanyaan duplikat yang baru saja ditutup, saya akan mengatakan masalahnya adalah grafik Anda tidak selaras piksel, sehingga Anda memiliki artifak anti-alias yang muncul. Coba buat dokumen baru, aktifkan "Sejajarkan Objek Baru ke Pixel Grid," dan buat ulang.

Alan Gilbertson
sumber
1
Sayangnya ini adalah bagian dari solusi. Lihat jawaban saya.
Undistraction
1

Jika saya ingat dengan benar, pilih "gunakan Artboards" ketika mengekspor menghindari situasi ini.

George C
sumber
-2

saya memiliki masalah yang sama dan menyadari bahwa saya telah menyiapkan dokumen saya dengan pendarahan, jadi ketika saya menonaktifkan pendarahan dan mencoba mengekspor lagi ke PNG, saya tidak punya masalah dengan munculnya perbatasan putih. klik "gunakan artboards" di ekspor.

bhenderson
sumber