Bagaimana cara mengubah setiap piksel gambar raster ke objek persegi di Illustrator?

26

Misalnya saya punya ikon 10 × 10px. Saya ingin menghasilkan 100 kotak dengan warna koresponden dan lokasi masing-masing. Sebenarnya, pertanyaannya adalah bagaimana cara membuat pixel mosaik yang tepat dari gambar raster.

Saya mencoba Live Trace tetapi menambahkan beberapa distorsi ke kotak.

adobe-illustrator icon pixel-art yakunins
sumber

Jawaban:

37

Ini sebenarnya sangat mudah. Ambil gambar raster yang disalin atau ditempatkan terpilih (tidak terhubung), lalu:

  • Object > Create Object Mosaic
    • Atau, di Illustrator versi lama, itu Filter > Create > Mosaic
  • Masukkan lebar dan tinggi tepat gambar piksel di bawah "Jumlah ubin".
  • Itu dia!

Kotak pixel vektor Anda akan dibungkus dalam dua kelompok, jadi ungroup dua kali atau klik dua kali ke mode isolasi dua kali untuk mendapatkan di kotak individu (atau persegi panjang jika rasio Anda tidak aktif ...).

Dua contoh:

Contoh cepat menggunakan emotikon Yahoo yang dipinjam dari pertanyaan ini :

masukkan deskripsi gambar di sini

Contoh terperinci, dengan beruang kutub:

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

user56reinstatemonica8
sumber
Saya telah mencari solusi untuk ini juga, Terima kasih banyak! Sejauh ini saya hanya menemukan "gunakan saja Flash".
KMSTR
Saya tidak tahu tentang ini, saya pernah secara manual melacak gambar (menghabiskan beberapa jam untuk memperbaikinya): S
WELZ
3

Meskipun tidak mengonversi, inilah cara cepat untuk membuat ulang. Saya tidak percaya penelusuran apa pun akan memberikan hasil yang memadai.

Gambar segi empat ukuran seluruh gambar.

Pilih Objek> Path> Split ke Grid ...

Membagi menjadi Grid

Ambil Alat Bucket Cat Hidup (Di bawah alat Builder Bentuk di Illustrator CS6)

Bucket Cat Langsung

Mulai Mengklik bagian untuk mengisi ....

isi

(mengedit catatan: tanggapan ini dipindahkan ke pertanyaan dan dihapus dari pertanyaan awal. Ini lebih cocok di sini.)

Scott
sumber
Metode yang bagus. Saya masih menggunakan CS3, akan segera ditingkatkan.
yakunins
1
@ mengetik ini juga berfungsi di CS3. Satu-satunya perbedaan adalah lokasi Live Paint Bucket Tool.
Scott
Terima kasih Scott yang membantu memecahkan masalah lain yang saya alami dengan alat kotak persegi panjang tidak membuat garis spasi secara merata ketika bekerja dengan banyak baris dan kolom. Jepret ke kisi melakukan trik.
2

Jika Anda memiliki akses ke Photoshop, ada cara yang agak mudah:

  • kurangi gambar Anda ke 'resolusi' yang Anda inginkan (katakanlah 30x30) dengan ukuran Gambar;
  • perbesar lagi (menjadi, misalnya, 600x600), dengan pengaturan 'gambar ulang' di 'tetangga terdekat';
  • salin hasilnya ke Illustrator;
  • LiveTrace;

Jika Anda menggunakan cukup warna untuk penelusuran, ini akan menghasilkan kotak.

Vincent
sumber
-1

Alat ini harus menyediakan apa yang Anda cari: http://florian-berger.de/en/software/pixel2svg/

pengguna29824
sumber
2
Hai user29824, bisakah Anda menjelaskan sedikit lebih banyak tentang apa yang akan kami temukan di balik tautan yang Anda berikan dan mengapa itu menjawab pertanyaan? Dengan begitu, jawaban Anda tetap bernilai seandainya tautan itu rusak di lain waktu. Busuk tautan adalah alasan utama kami sangat tidak menyukai jawaban hanya tautan di sini. Terima kasih atas usaha Anda dan terus berkontribusi!
Vincent