Làm cách nào để chuyển đổi từng pixel của ảnh raster thành các đối tượng vuông trong Illustrator?


26

Ví dụ: tôi có biểu tượng 10 × 10px. Tôi muốn sản xuất 100 hình vuông với màu tương ứng và vị trí mỗi hình. Trên thực tế, câu hỏi là làm thế nào để tạo pixel khảm chính xác ra khỏi hình ảnh raster.

Tôi đã thử Live Trace nhưng nó đã thêm một số biến dạng vào hình vuông.

Câu trả lời:


37

Điều này thực sự rất dễ dàng. Lấy một hình ảnh raster được sao chép hoặc đặt (không liên kết) đã chọn, sau đó:

  • Object > Create Object Mosaic
    • Hoặc, trong các phiên bản cũ hơn của Illustrator, đó là Filter > Create > Mosaic
  • Nhập chiều rộng và chiều cao chính xác của hình ảnh pixel trong "Số ô".
  • Đó là nó!

Các ô vuông pixel vector của bạn sẽ được gói thành hai nhóm, vì vậy hãy tách nhóm hai lần hoặc nhấp đúp vào chế độ cách ly hai lần để có được các ô vuông riêng lẻ (hoặc hình chữ nhật nếu tỷ lệ của bạn bị tắt ...).


Hai ví dụ:

Ví dụ nhanh sử dụng biểu tượng cảm xúc Yahoo mượn từ câu hỏi này :

nhập mô tả hình ảnh ở đây

Ví dụ chi tiết, với gấu bắc cực:

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


Tôi cũng đang tìm kiếm một giải pháp cho vấn đề này, Cảm ơn rất nhiều! Vì vậy, tôi chỉ tìm thấy "chỉ sử dụng Flash".
KMSTR

Tôi không có manh mối về điều này, tôi đã từng tự mình truy tìm một hình ảnh (đã dành vài giờ để làm cho đúng): S
WELZ

3

Trong khi không chuyển đổi, đây là một cách nhanh chóng để tạo lại. Tôi không tin bất kỳ dấu vết nào sẽ cho kết quả đầy đủ.


Vẽ một hình chữ nhật kích thước của toàn bộ hình ảnh.

Chọn đối tượng> Đường dẫn> Chia thành lưới ...

Chia thành lưới

Lấy công cụ Live Paint Xô (Dưới công cụ Shape Builder trong Illustrator CS6)

Xô sơn sống

Bắt đầu Nhấp vào phần để điền ....

đổ đầy

(ghi chú chỉnh sửa: câu trả lời này đã được chuyển sang câu hỏi và bị xóa khỏi câu hỏi ban đầu. Nó đơn giản phù hợp hơn ở đây.)


Phương pháp tốt đẹp. Tôi vẫn đang trên CS3, sẽ sớm nâng cấp.
yakunin

1
@utype điều này cũng hoạt động trong CS3. Sự khác biệt duy nhất là vị trí của Công cụ Live Paint Xô.
Scott

Cảm ơn Scott đã giúp giải quyết một vấn đề khác mà tôi gặp phải với công cụ lưới hình chữ nhật không tạo ra các dòng cách đều nhau khi làm việc với nhiều hàng và cột. Snap vào lưới đã lừa

2

Nếu bạn có tài khoản Photoshop, có một cách khá dễ dàng:

  • giảm hình ảnh của bạn xuống 'độ phân giải' mong muốn (giả sử 30x30) với kích thước Hình ảnh;
  • phóng to lại một lần nữa (đến, giả sử, 600x600), với cài đặt 'hình ảnh mẫu lại trên' hàng xóm gần nhất ';
  • sao chép kết quả vào Illustrator;
  • LiveTrace;

Nếu bạn sử dụng đủ màu sắc cho dấu vết, điều này sẽ mang lại hình vuông.


-1

Công cụ này sẽ cung cấp những gì bạn đang tìm kiếm: http://florian-berger.de/en/software/pixel2svg/


2
Xin chào user29824, bạn có thể vui lòng giải thích thêm một chút về những gì chúng tôi sẽ tìm thấy đằng sau liên kết bạn cung cấp và lý do tại sao nó trả lời câu hỏi không? Bằng cách đó, câu trả lời của bạn vẫn có giá trị trong trường hợp liên kết bị hỏng sau đó. Liên kết thối là lý do chính khiến chúng tôi thực sự không thích câu trả lời chỉ liên kết ở đây. Cảm ơn nỗ lực của bạn và tiếp tục đóng góp!
Vincent
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.