วิธีการแปลงทุกพิกเซลของภาพแรสเตอร์ให้เป็นวัตถุสี่เหลี่ยมใน Illustrator?


26

ตัวอย่างเช่นฉันมีไอคอน 10 × 10px ฉันต้องการที่จะผลิต 100 สี่เหลี่ยมที่มีสีและที่ตั้งผู้สื่อข่าวแต่ละคน ที่จริงแล้วคำถามคือวิธีการทำให้โมเสคพิกเซลถูกต้องจากภาพแรสเตอร์

ฉันลองใช้ Live Trace แต่มันเพิ่มการบิดเบือนบางส่วนลงในช่องสี่เหลี่ยม

คำตอบ:


37

นี่เป็นเรื่องง่ายจริงๆ ถ่ายภาพแรสเตอร์ที่คัดลอกหรือวางที่เลือก (ไม่เชื่อมโยง) จากนั้น:

  • Object > Create Object Mosaic
    • หรือใน Illustrator เวอร์ชันที่เก่ากว่าก็คือ Filter > Create > Mosaic
  • ป้อนความกว้างและความสูงที่แน่นอนของภาพพิกเซลใต้ "จำนวนแผ่น"
  • แค่นั้นแหละ!

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


สองตัวอย่าง:

ตัวอย่างด่วนโดยใช้ไอคอนแสดงอารมณ์ของ Yahoo ที่ยืมมาจากคำถามนี้ :

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

ตัวอย่างโดยละเอียดพร้อมกับหมีขั้วโลก:

http://garmahis.com/tutorials/how-to-create-mosaic-in-illustrator/


ฉันได้มองหาวิธีแก้ปัญหานี้เช่นกันขอบคุณมาก! เท่าที่ฉันพบเท่านั้น "เพียงแค่ใช้แฟลช"
KMSTR

ฉันไม่มีเงื่อนงำเกี่ยวกับเรื่องนี้ฉันเคยตรวจสอบภาพด้วยตนเอง (ใช้เวลาสองสามชั่วโมงเพื่อทำให้ถูกต้อง): S
WELZ

3

ในขณะที่ไม่แปลงนี่เป็นวิธีสร้างใหม่ได้อย่างรวดเร็ว ฉันไม่เชื่อว่าการติดตามใด ๆ จะให้ผลลัพธ์ที่เพียงพอ


วาดสี่เหลี่ยมขนาดของภาพทั้งหมด

เลือกวัตถุ> เส้นทาง> แยกเป็นตาราง ...

แยกเป็นกริด

หยิบเครื่องมือ Live Paint Bucket (ภายใต้เครื่องมือสร้างรูปร่างใน Illustrator CS6)

ถังสีสด

เริ่มคลิกส่วนเพื่อเติม ....

การกรอก

(หมายเหตุการแก้ไข: คำตอบนี้ถูกย้ายไปที่คำถามและลบออกจากคำถามเดิมมันพอดีที่นี่ดีกว่า)


วิธีการที่ดี ฉันยังอยู่ใน CS3 และกำลังจะอัพเกรดในไม่ช้า
ยาคุนิน

1
@utype ใช้งานได้กับ CS3 เช่นกัน ข้อแตกต่างอย่างเดียวคือที่ตั้งของเครื่องมือถังสีสด
สกอตต์

ขอบคุณสกอตต์ที่ช่วยแก้ปัญหาอื่นที่ฉันมีกับเครื่องมือกริดสี่เหลี่ยมไม่ทำให้เส้นที่เว้นระยะเท่ากันเมื่อทำงานกับแถวและคอลัมน์จำนวนมาก เคล็ดลับการ Snap ไปที่ตารางไม่ได้

2

หากคุณเคยใช้งาน Photoshop มาแล้วมีวิธีที่ค่อนข้างง่าย:

  • ลดขนาดภาพของคุณเป็น 'ความละเอียด' ที่คุณต้องการ (พูด 30x30) ด้วยขนาดภาพ;
  • ขยายอีกครั้งอีกครั้ง (เป็น, พูด, 600x600) ด้วยการตั้งค่า 'ภาพตัวอย่าง' บน 'เพื่อนบ้านที่ใกล้ที่สุด';
  • คัดลอกผลลัพธ์ไปที่ Illustrator
  • LiveTrace;

หากคุณใช้สีที่เพียงพอสำหรับการติดตามสิ่งนี้จะให้ผลของกำลังสอง


-1

เครื่องมือนี้ควรมีสิ่งที่คุณกำลังมองหา: http://florian-berger.de/en/software/pixel2svg/


2
สวัสดี user29824 คุณช่วยอธิบายอีกเล็กน้อยเกี่ยวกับสิ่งที่เราจะพบได้จากลิงค์ที่คุณให้และทำไมมันถึงตอบคำถาม ด้วยวิธีนี้คำตอบของคุณยังคงมีค่าในกรณีที่ลิงก์แตกในภายหลัง Link rot เป็นสาเหตุหลักที่เราไม่ชอบคำตอบสำหรับลิงค์เท่านั้นที่นี่ ขอบคุณสำหรับความพยายามของคุณและให้การสนับสนุน!
Vincent
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.