¿Cómo convertir cada píxel de imagen rasterizada en objetos cuadrados en Illustrator?

Por ejemplo, tengo un icono de 10 × 10 píxeles. Quiero producir 100 cuadrados con el color y la ubicación correspondientes cada uno. En realidad, la pregunta es cómo hacer un mosaico de píxeles exacto a partir de una imagen rasterizada.

Probé Live Trace pero agregó algunas distorsiones a los cuadrados.

Respuestas (4)

Esto es realmente muy fácil. Tome una imagen ráster seleccionada copiada o colocada (desvinculada), luego:

  • Object > Create Object Mosaic
    • O, en versiones anteriores de Illustrator, eraFilter > Create > Mosaic
  • Ingrese el ancho y la altura exactos de la imagen de píxeles en "Número de mosaicos".
  • ¡Eso es todo!

Sus cuadrados de píxeles vectoriales se envolverán en dos grupos, así que desagrupe dos veces o haga doble clic en modo de aislamiento dos veces para llegar a los cuadrados individuales (o rectángulos si su proporción está desactivada...).


Dos ejemplos:

Ejemplo rápido usando un emoticón de Yahoo tomado de esta pregunta :

ingrese la descripción de la imagen aquí

Ejemplo detallado, con osos polares:

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

He estado buscando una solución a esto también, ¡Muchas gracias! Hasta ahora solo encontré "solo usa Flash".
No tenía idea de esto, una vez tracé manualmente una imagen (pasé algunas horas para hacerlo bien) :S

Si bien no se está convirtiendo, aquí hay una forma rápida de recrear. No creo que ningún rastreo dé resultados adecuados.


Dibuja un rectángulo del tamaño de toda la imagen.

Elija Objeto > Trazado > Dividir en cuadrícula...

Dividir en cuadrícula

Tome la herramienta Cubo de pintura en vivo (debajo de la herramienta Creador de formas en Illustrator CS6)

Cubo de pintura en vivo

Comience a hacer clic en las secciones para llenar....

Relleno

(nota de edición: esta respuesta se movió a la pregunta y se eliminó de la pregunta original. Simplemente encaja mejor aquí).

Buen método. Todavía estoy en CS3, voy a actualizar pronto.
@utype esto también funciona en CS3. La única diferencia es la ubicación de la herramienta Cubo de pintura en vivo.
Gracias Scott que ayudó a resolver otro problema que estaba teniendo con la herramienta de cuadrícula rectangular que no hacía líneas espaciadas uniformemente cuando trabajaba con muchas filas y columnas. Ajustar a la cuadrícula hizo el truco.

Si tiene acceso a Photoshop, hay una manera bastante fácil:

  • reduzca su imagen a la 'resolución' deseada (digamos 30x30) con Tamaño de imagen;
  • vuelva a ampliarla (digamos, a 600x600), con la configuración de 'imagen de remuestreo' en 'vecino más cercano';
  • copie el resultado a Illustrator;
  • Rastro vivo;

Si usa suficientes colores para el trazo, esto debería producir cuadrados.

Esta herramienta debería proporcionarle lo que está buscando: http://florian-berger.de/en/software/pixel2svg/

Hola, usuario 29824, ¿podrías explicar un poco más qué encontraremos detrás del enlace que proporcionas y por qué responde a la pregunta? De esa manera, su respuesta seguirá siendo valiosa en caso de que el enlace se rompa más adelante. Link rot es la razón principal por la que realmente no nos gustan las respuestas de solo enlace aquí. ¡Gracias por tu esfuerzo y sigue contribuyendo!