Bagaimana cara menjepret ke setiap setengah-pixel (0,5) di ilustrator?

11

Saya mencoba untuk mengoptimalkan grafik vektor sehingga dapat menyelaraskan dengan baik dengan piksel, tetapi jika saya mencoba untuk menyelaraskan ke-grid pixel saya kehilangan terlalu banyak dari kualitas dan saya masih harus dapat snap dengan kenaikan 0,5px.

Bagaimana saya bisa mendapatkan perilaku ini? ... tanpa menghilangkan fitur tampilan piksel.

adobe-illustrator pixel-art

— Sorin
sumber

1

Mengapa tidak meningkatkan skala karya seni Anda menjadi 200% dan kemudian setiap koordinat setengah piksel menjadi koordinat piksel penuh. Anda kemudian dapat menurunkan kembali setelah.

— Dom

1

Masalahnya adalah tidak ada setengah piksel. Fraksi piksel mana pun dibulatkan ke atas / bawah. Anda akan ingin memilih unit pengukuran alternatif.

— Andrew

@Andrew Akhirnya, komentar yang sangat berguna, ini berarti bahwa saya perlu menggunakan pt dan mengubah dpi sehingga akan memetakan 1: 1, tetapi setidaknya itu bisa menjadi pelampung.

— sorin

8

Anda dapat mengatur Grid di Preferensi untuk memiliki garis grid setiap .5pt (sama seperti px dalam AI). Kemudian nyalakan Snap to Grid di View Menu . Ini akan memungkinkan Anda untuk mengambil kenaikan .5px. Namun, itu tidak masalah.

Meskipun Anda dapat menempatkan objek pada 1/2 pixel (atau 1 / 2pt di Illustrator), pada output semuanya disesuaikan (anti-alias) menjadi piksel penuh. Ini dapat dilihat dengan menyalakan Pixel Preview di menu View .

Misalnya ... kotak 1/2 piksel:

setengah piksel

Dan dengan Pixel Preview:

pratinjau

Anda dapat melihat setengah piksel dikonversi menjadi piksel penuh setelah keluaran. Illustrator tidak akan menghasilkan karya seni setengah piksel.

Simpan gambar setengah piksel itu ... buka di Photoshop dan perbesar 3200% ....

diperbesar

Semua setengah piksel akan menjadi anti-alias dan diperlakukan dengan cara ini setelah keluaran. Upaya apa pun yang Anda lakukan untuk membuat batasan 0,5 piksel akan dibatalkan oleh keluaran file apa pun karena satu piksel adalah elemen layar terkecil.

Tapi Anda mungkin berkata pada diri sendiri, "Saya hanya perlu beberapa sisi untuk duduk di setengah piksel. Bukan gambar setengah piksel."

Nah, tepian akan anti-alias ke piksel terdekat juga ...

ujung-ujungnya

(Tepi bawah bertumpu pada setengah piksel. Tepi hitam lebarnya setengah piksel).

Dan Pixel Preview ....

pratinjau

Oh, tapi mari kita matikan "Anti-Alias Artwork" di preferensi Illustrator dan lihat Pixel Preview lalu ....

tidak ada anti-aliasing

Jawabannya adalah benar-benar tidak berfungsi pada 0,5 piksel, tetapi untuk mengubah karya seni sehingga terlihat benar pada piksel penuh.

— Scott
sumber

Jawaban yang bagus dan mengejutkan Anda tampaknya sesuai dengan kebutuhan saya karena apa yang saya inginkan adalah untuk dapat mengambil poin arah menjadi 0,5 piksel sementara titik jangkar berada pada piksel penuh.

— sorin

Ahh .. gertakan pegangan pada 1/2 piksel sementara jangkar pada piksel penuh masuk akal :)

— Scott

2

Vektor mungkin mengubah aturan sedikit dalam beberapa kasus tertentu, tetapi secara umum, tidak ada kenaikan 0,5px. (Kecuali jika kita berbicara CSS px pada perangkat retina, tapi itu topik yang sama sekali berbeda)

Piksel adalah unit terkecil pada monitor.

masukkan deskripsi gambar di sini

Pada gambar di atas, setiap set satu lampu merah, satu hijau, dan satu biru adalah satu piksel. Perangkat memberi tahu layar cara menyeimbangkan kecerahan tiga warna tersebut satu set (piksel) sekaligus agar mata Anda dapat memahami warna yang diberikan. Monitor Anda tidak menganggap unit lebih kecil dari itu.

Ada beberapa pengecualian batas. Seperti batas bentuk vektor yang tidak sepenuhnya selaras dengan piksel, sehingga terjadi semacam anti-aliasing. Masih belum benar-benar ada bisnis setengah pixel yang terjadi pada saat informasi sampai ke monitor Anda. Juga, dengan perangkat ultra HD seperti ponsel pintar modern, px dalam CSS tidak lagi sama dengan satu piksel. Masih tidak ada setengah piksel, tetapi pada perangkat retina (ultra HD), demi percakapan, Anda dapat menganggap piksel sebagai satu setengah px adalah rasio piksel 2: 1.

— Eric
sumber

1

Terima kasih atas jawaban yang terperinci, masih saya harus mengatakan bahwa itu tidak menjawab pertanyaan saya. Meskipun saya sepenuhnya menyadari apa itu pixel, saya juga tahu bahwa gambar vektor memiliki koordinat floating point di dalamnya, sehingga Anda dapat menyelaraskannya dengan cara apa pun. Saya kira solusinya adalah dengan menonaktifkan snap-to-pixel dan membuat grid yang memiliki snap point setiap 0,5px ... ini yang saya cari.

— sorin