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
sumber
Jawaban:
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:
Dan dengan Pixel Preview:
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% ....
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 ...
(Tepi bawah bertumpu pada setengah piksel. Tepi hitam lebarnya setengah piksel).
Dan Pixel Preview ....
Oh, tapi mari kita matikan "Anti-Alias Artwork" di preferensi Illustrator dan lihat Pixel Preview lalu ....
Jawabannya adalah benar-benar tidak berfungsi pada 0,5 piksel, tetapi untuk mengubah karya seni sehingga terlihat benar pada piksel penuh.
sumber
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.
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.
sumber