Crea el Efecto Pixel Art en Illustrator

ilustracion de una mano humana en efecto pixel art

Por: RP Latam

El Pixel art es el arte generado por pixeles y lo has visto muchas veces…

Seguro alguna vez jugaste con videojuegos retro que estaban hechos de pixeles y recuerdas a cada uno de sus personajes, sus mundos, misiones incluso ahora hay muchos juegos nuevos con ese tipo de efecto y son tendencia.

En este artículo

  • Hacer este efecto en Illustrator es muy sencillo y hoy aprenderás a hacerlo muy rápido.
  • Pasos como hacer pixel art

Hacer este efecto en Illustrator es muy sencillo y hoy aprenderás a hacerlo muy rápido.

Pasos como hacer pixel art

Paso 1

Elige la imagen que quieres aplicarle el efecto de Pixel Art y ponla en la mesa de trabajo.

ilustracion de una mano humana en la mesa de trabajo de illustrator

Paso 2

Selecciona la imagen, vas a menú y seleccionas **objeto **y luego mosaico de objetos.

ilustracion de una mano humana en la mesa de trabajo de illustrator seleccion objeto

Paso 3

Le das clic izquierdo y te va a aparecer una ventana de opciones, selecciona**
Usar proporción **que te permitirá medir si la imagen está cuadrada o rectangular.

ilustracion de una mano humana en la mesa de trabajo de illustrator proporcion

Paso 4

Revisa la casilla que dice** Número de azulejos y ahí empieza a jugar con los valores por ejemplo en este caso es 35 y 35 de resto lo dejas como está, o sea no modificas nada más y le das en OK.**

ilustracion de una mano humana en la mesa de trabajo de illustrator seleccion numero de azulejos

Paso 5

La imagen debe quedar, así y ese es el resultado, pero podemos lograr este efecto con más detalles y eso lo vamos a ver en los siguientes pasos.

ilustracion de una mano humana pixelada en la mesa de trabajo de illustrator

Ahora mueve la imagen pixelada y compárala con la original y te darás cuenta de que hay cosas en la imagen que se pueden pulir.

dos ilustraciones de una mano humana en la mesa de trabajo de illustrator imagen derecha pixelada imagen izquierda normal

Paso 6

Para definir más la imagen selecciona la imagen original la de la izquierda y le das clic en el menú a Objeto yseleccionasnuevamente** Crear mosaico de objeto. Y apenas aparezca la ventana en la sección de N úmero de Azulejos **le pones los valores de 65 y 65 respectivamente y le das **OK. **Ten paciencia y espera un momento mientras carga la nueva imagen.

ilustracion de una mano humana en la mesa de trabajo de illustrator creacion de mosaico

Paso 7

Separa la imagen y al comparar te darás cuenta de que los pixeles son más pequeños o más definidos, con una mejor resolución que el primero que hiciste.

ilustracion de tres manos humanas en la mesa de trabajo de illustrator con diferentes efectos de edicion

Paso 8

Ahora para quitar el fondo blanco, le das agrupar (Ctrl + G) y doble clic para entrar en la imagen y aislarla, luego lo seleccionas nuevamente y le das (Ctrl + Shif +G) y verificas que esté pixel por pixel.

ilustracion de una mano humana en la mesa de trabajo de illustrator verificacion pixel por pixel

Paso 9

Ahora le das doble clic a la Varita mágica y cuando se abra la ventana en** Tolerancia** le vas a poner 1, tienes que darle clic en la figura para eliminar el fondo.

ilustracion de una mano humana en la mesa de trabajo de illustrator seccion tolerancia eliminar fondo

Paso 10

Luego haces un zoom para verificar que no te borró nada importante de la imagen.

ilustracion de una mano humana en la mesa de trabajo de illustrator observacion de pixeles

Paso 11

Le das Suprimir (Supr)

ilustracion de una mano humana en la mesa de trabajo de illustrator borrar fondo de la imagen

Paso 12

Ahora manualmente borras uno a uno los pixeles sobrantes.

ilustracion de una mano humana en la mesa de trabajo de illustrator zoom para borrar pixeñes sobrantes

Paso 13

Una vez tengas la imagen lista, la seleccionas (Ctrl + G)

ilustracion de una mano humana seleccionada en la mesa de trabajo de illustrator

Paso 14

Y la pones en otra capa

ilustracion de una mano humana en la mesa de trabajo de illustrator en 2 capas de trabajo

Paso 15

Luego seleccionas la capa y le das Ctrl +V

ilustracion de una mano humana seleccionada sobrepuesta en la mesa de trabajo de illustrator

Paso 16

Luego en el panel inferior eliges Alinear despliegas y eliges Alinear con mesa de trabajo y ya lo puedes centrar.

ilustracion de una mano humana seleccionada en la mesa de trabajo de illustrator

Paso 17

Luego lo desplazas a la capa principal y apagas la capa del dibujo guía.

ilustracion de una mano humana en la mesa de trabajo de illustrator dezplazamiento a la capa principal de trabajo

Paso 18

Ahora le das Ctrl +Y para verificar que esté en pixeles.

ilustracion de una mano humana en la mesa de trabajo de illustrator verificacion de pixeles

Paso final

Y para finalizar puedes adjuntarlo en un fondo para esto crea una capa y
elige el color que quieras para tu fondo.

proceso final de la ilustracion de una mano humana en la mesa de trabajo de illustrator con efecto pixel

https://blog.adobe.com/es/publish/2020/12/19/como-hacer-el-efecto-de-retrato-con-texto

https://blog.adobe.com/es/publish/2020/05/30/crea-un-efecto-aura-en-photoshop

https://blog.adobe.com/es/publish/2019/12/12/como-editar-el-color-y-agregar-efectos-faciles-con-adobe-premiere-pro