วิธีการ snap ทุกครึ่งพิกเซล (0,5) ใน Illustrator?

11

ฉันพยายามปรับให้เหมาะสมกับกราฟิกแบบเวกเตอร์เพื่อให้สอดคล้องกับพิกเซลได้ดี แต่ถ้าฉันพยายามจัดตำแหน่งตารางเป็นพิกเซลฉันหลวมคุณภาพมากเกินไปและฉันยังคงต้องสแนปชั่นเพิ่มขึ้น 0.5px

ฉันจะรับพฤติกรรมนี้ได้อย่างไร …โดยไม่สูญเสียคุณสมบัติมุมมองพิกเซล

adobe-illustrator pixel-art

— โซริน
แหล่งที่มา

1

ทำไมไม่ขยายงานศิลปะของคุณเป็น 200% แล้วพิกัดครึ่งพิกเซลทุกครั้งจะกลายเป็นพิกัดพิกเซลแบบเต็ม จากนั้นคุณสามารถลดขนาดลงหลังจากนั้น

— Dom

1

ปัญหาของเรื่องนี้คือไม่มีสิ่งเช่นครึ่งพิกเซล เศษส่วนของพิกเซลใด ๆ จะถูกปัดขึ้น / ลง คุณจะต้องเลือกหน่วยการวัดทางเลือก

— แอนดรู

@Andrew ในที่สุดความคิดเห็นที่มีประโยชน์มากซึ่งหมายความว่าฉันต้องใช้ pt และเปลี่ยน dpi ดังนั้นมันจะแมป 1: 1 แต่อย่างน้อยก็อาจเป็นทุ่น

— sorin

8

คุณสามารถตั้งค่า aa Gridในการตั้งค่าเพื่อให้มีเส้นกริดทุก ๆ . 5pt (เหมือนกับ px ใน AI) แล้วเปิดสแนปไปยังตารางในเมนูมุมมอง สิ่งนี้จะทำให้คุณสามารถเพิ่มทีละ. 5px ได้ อย่างไรก็ตามมันจะไม่สำคัญ

ในขณะที่คุณสามารถวางวัตถุที่ 1/2 พิกเซล (หรือ 1 / 2pt ใน Illustrator) เมื่อมีการปรับเอาท์พุททุกอย่าง (anti-aliased) เป็นพิกเซลเต็ม นี้สามารถเห็นได้โดยการเปิดพิกเซลดูตัวอย่างในการมุมมองเมนู

ตัวอย่างเช่น ... สี่เหลี่ยมจัตุรัส 1/2 พิกเซล:

ครึ่งพิกเซล

และด้วย Pixel Preview:

ภาพตัวอย่าง

คุณสามารถเห็นพิกเซลครึ่งหนึ่งถูกแปลงเป็นพิกเซลเต็มเมื่อส่งออก นักวาดภาพประกอบจะไม่แสดงผลงานศิลปะที่ขนาดครึ่งพิกเซล

บันทึกภาพครึ่งพิกเซลนั้น ... เปิดใน Photoshop และขยายขนาด 3200% ....

ขยาย

พิกเซลครึ่งทั้งหมดจะถูกต่อต้านและใช้วิธีนี้เมื่อแสดงผล ความพยายามใด ๆ ที่คุณสร้างข้อ จำกัด พิกเซล 0.5 จะเป็นโมฆะโดยผลลัพธ์ของไฟล์ใด ๆ ตั้งแต่พิกเซลเดียวเป็นองค์ประกอบหน้าจอที่เล็กที่สุด

แต่คุณอาจพูดกับตัวเองว่า "ฉันแค่ต้องการขอบบางส่วนที่จะนั่งครึ่งพิกเซลไม่ใช่ภาพครึ่งพิกเซล"

ขอบจะมีการต่อต้านนามแฝงกับพิกเซลที่ใกล้ที่สุดเช่นกัน ...

ขอบ

(ขอบด้านล่างวางอยู่บนพิกเซลครึ่งขอบสีดำกว้างครึ่งพิกเซล)

และดูตัวอย่างพิกเซล ....

ภาพตัวอย่าง

โอ้ แต่ขอปิด "Anti-Alias Artwork" ในการตั้งค่า Illustrator แล้วดูที่ Pixel Preview แล้ว ....

ไม่มีการลบรอยหยัก

คำตอบนั้นไม่ได้ทำงานที่ความละเอียด 0.5 พิกเซล แต่เป็นการปรับเปลี่ยนอาร์ตเวิร์คดังนั้นมันจึงดูถูกต้องที่ความเต็มพิกเซล

— สกอตต์
แหล่งที่มา

คำตอบที่ยอดเยี่ยมและความประหลาดใจของคุณมันดูเหมือนว่าจะพอดีกับความต้องการของฉันเป็นสิ่งที่ฉันต้องการก็คือสามารถที่จะ snap จุดทิศทางถึง 0.5 พิกเซลในขณะที่จุดยึดอยู่ที่พิกเซลเต็ม

— sorin

อ่า .. snapping จับที่ 1/2 พิกเซลในขณะที่อยู่ในแองเคอพิกเซลเต็มรูปแบบทำให้รู้สึกดี :)

— สกอตต์

2

เวกเตอร์อาจเปลี่ยนแปลงกฎเล็กน้อยในบางกรณี แต่โดยทั่วไปแล้วไม่มีเพิ่มขึ้น 0.5px (ยกเว้นว่าเรากำลังพูดถึง CSS px บนอุปกรณ์เรติน่า แต่นั่นเป็นหัวข้อที่ต่างกันทั้งหมด)

พิกเซลเป็นหน่วยที่เล็กที่สุดบนจอภาพ

ป้อนคำอธิบายรูปภาพที่นี่

ในภาพด้านบนชุดสีแดงหนึ่งชุดสีเขียวหนึ่งชุดและแสงสีน้ำเงินหนึ่งชุดเป็นพิกเซลเดียว อุปกรณ์จะบอกหน้าจอถึงวิธีการปรับสมดุลความสว่างของสีทั้งสามในหนึ่งชุด (พิกเซล) ในแต่ละครั้งเพื่อให้ดวงตาของคุณได้รับสีที่กำหนด จอภาพของคุณไม่ได้คำนึงถึงยูนิตที่เล็กกว่านั้น

มีข้อยกเว้นเส้นขอบบางอย่าง เช่นเส้นขอบของรูปร่างเวกเตอร์ไม่สอดคล้องกับพิกเซลอย่างสมบูรณ์ดังนั้นการต่อต้านนามแฝงบางประเภทจึงเกิดขึ้น แม้ว่าจะยังไม่ถึงครึ่งหนึ่งของธุรกิจพิกเซลที่เกิดขึ้นตามข้อมูลเวลาที่ส่งไปยังจอภาพของคุณ นอกจากนี้ด้วยอุปกรณ์ Ultra HD เช่นสมาร์ทโฟนสมัยใหม่ px ใน CSS จะไม่เท่ากับหนึ่งพิกเซล ยังไม่มีพิกเซลครึ่ง แต่สำหรับอุปกรณ์เรติน่า (ultra HD) เพื่อประโยชน์ในการสนทนาคุณสามารถพิจารณาพิกเซลที่จะเป็นหนึ่งในครึ่ง px คืออัตราส่วนพิกเซลคือ 2: 1

— เอริค
แหล่งที่มา

1

ขอบคุณสำหรับคำตอบที่ซับซ้อนฉันยังต้องบอกว่ามันไม่ได้ตอบคำถามของฉัน ในขณะที่ฉันรู้อย่างถ่องแท้ว่าพิกเซลคืออะไร แต่ฉันก็รู้ว่าภาพเวกเตอร์นั้นมีจุดลอยตัวอยู่ภายในดังนั้นคุณสามารถจัดแนวพวกมันได้ทุกทาง ฉันเดาว่าทางออกคือปิดการใช้งาน snap-to-pixel และสร้าง grid ที่มี snap points ทุก 0.5px …นี่คือสิ่งที่ฉันกำลังมองหา

— โซริน