Illustrator'da her yarım piksele (0,5) nasıl yapışır?

11

Piksellere iyi hizalanabilmesi için bir vektör grafiğini optimize etmeye çalışıyorum, ancak piksel-ızgarayı hizalamaya çalışırsam kaliteden çok fazla kaybederim ve hala 0.5px'lik artışlarla yapışabilmem gerekir.

Bu davranışı nasıl edinebilirim? … Piksel görünümü özelliğini kaybetmeden.

adobe-illustrator pixel-art

— sorin
kaynak

1

Neden resminizi% 200'e ölçeklendirmiyorsunuz ve sonra her yarım piksel koordinatı tam piksel koordinatı haline geliyor. Daha sonra yeniden ölçeklendirebilirsiniz.

— Dom

1

Buradaki sorun, yarım piksel diye bir şey olmamasıdır. Bir pikselin herhangi bir kısmı yukarı / aşağı yuvarlanır. Alternatif bir ölçü birimi seçmek isteyeceksiniz.

— Andrew

@ Sonunda, çok yararlı bir yorum, bu pt kullanmanız ve dpi değiştirmek gerekir yani 1: 1 harita, ama en azından bir kayan nokta olabilir anlamına gelir.

— sorin

8

Sen aa ayarlayabilirsiniz Izgara içinde Tercihler bir ızgara hattı (AI px aynı) her .5pt olması. Sonra açmak Izgaraya Yapış içinde Görünüm Menüsü . Bu, .5px'lik artışlara yaslanmanıza olanak tanır. Ancak, önemli olmayacak.

Bir nesneyi 1/2 piksele (veya Illustrator uygulamasında 1 / 2pt) yerleştirebilirsiniz, ancak çıktı alındığında her şey tam piksele ayarlanır (kenar yumuşatılır). Bu , Görünüm menüsünde Piksel Önizleme'yi açarak görülebilir .

Örneğin ... 1/2 piksel kare:

yarım piksel

Ve Pixel Preview ile:

Ön izleme

Çıktı üzerine yarım piksellerin tam piksele dönüştürüldüğünü görebilirsiniz. Illustrator resim yarım pikselde çıktı almaz.

Bu yarım piksel görüntüyü kaydedin ... Photoshop'ta açın ve% 3200 büyütün ....

büyütülmüş

Yarım piksellerin tümü kenar yumuşatılır ve çıktı üzerine bu şekilde işlenir. .5 piksel kısıtlamaları oluşturmak için yaptığınız tüm çabalar, tek bir piksel en küçük ekran öğesi olduğundan dosyanın herhangi bir çıktısı tarafından geçersiz kılınacaktır.

Ama muhtemelen kendinize, "Yarım pikselin üzerinde oturmak için sadece bazı kenarlara ihtiyacım var. Yarım piksel görüntü değil."

Kenarlar en yakın piksele de kenar yumuşatılmış olacak ...

kenarları

(Alt kenar yarım pikseldir. Siyah kenar yarım piksel genişliğindedir).

Ve Piksel Önizleme ....

Ön izleme

Oh, ama Illustrator tercihlerinde "Kenar Yumuşatma Sanat" ı kapatalım ve o zaman Pixel Preview'a bakalım ....

kenar yumuşatma yok

Cevap gerçekten .5 pikselde çalışmak değil, resmi tam piksellerde doğru görünecek şekilde değiştirmek.

— Scott
kaynak

Harika bir cevap ve sürpriz olarak, çapa noktaları tam pikseldeyken yön noktalarını 0,5 piksele yapıştırabildiğim için ihtiyaçlarıma uygun görünüyor.

— Ağustos'ta sorin

Ahh .. çapalar tam pikseldeyken tutuşları 1/2 pikselde yakalamak mantıklı geliyor :)

— Scott

2

Vektörler bazı özel durumlarda kuralları biraz değiştirebilir, ancak genel olarak konuşursak, 0.5 piksellik artış yoktur. (Retina cihazlarda CSS px'den bahsedmedikçe, ancak bu tamamen farklı bir konu)

Piksel, monitördeki en küçük birimdir.

resim açıklamasını buraya girin

Yukarıdaki görüntüde, her bir kırmızı, bir yeşil ve bir mavi ışık kümesi tek bir pikseldir. Cihaz, gözlerinizin belirli bir rengi algılaması için bu üç rengin parlaklığını bir seferde bir set (piksel) nasıl dengeleyeceğini söyler. Monitörünüz bundan daha küçük birimleri dikkate almaz.

Bazı sınırda istisnalar var. Piksellerle tam olarak hizalanmayan bir vektör şeklinin kenarlığı gibi, bu nedenle bir tür kenar yumuşatma meydana gelir. Yine de gerçekten herhangi bir yarım piksel iş olsa da bilgi monitörünüze alır. Ayrıca, modern akıllı telefonlar gibi ultra HD cihazlarda, CSS'deki bir piksel artık bir piksele eşit değildir. Hala yarım piksel yok, ancak retina (ultra HD) cihazlarda, konuşma uğruna, bir pikselin piksel oranının 2: 1 olduğu yarım piksel olarak düşünebilirsiniz.

— Eric
kaynak

1

Ayrıntılı cevap için teşekkürler, yine de soruma cevap vermediğini söylemeliyim. Bir pikselin ne olduğunu tam olarak bilsem de, bir vektör görüntüsünün içinde kayan nokta koordinatları olduğunu da biliyorum, böylece onları herhangi bir şekilde hizalayabilirsiniz. Sanırım çözüm, ek-pikseli devre dışı bırakmak ve her 0.5px'de ek noktaları olan bir ızgara oluşturmaktır… Aradığım şey bu.

— sorin