• Articles
• admin

La mayoría de las veces necesitamos imágenes y retratos de alta calidad, pero a veces necesitamos alguna imagen pixelada para usar en nuestro diseño o simplemente necesitamos arte de píxeles de cualquier imagen nuestra. Voy a mostrarle el método exacto de cómo hacer Photoshop de pixel art de cualquier objeto o retrato de cualquier imagen.

Ahora has capturado tu imagen y querías que se viera pixelada como un viejo arte de píxeles de 8 bits divertido y retro.

En esta situación, tenemos Photoshop para convertir imágenes en pixel art Photoshop las pixela.

Si desea aprender a convertir logotipos o iconos pixelados en iconos de alta resolución, haga clic aquí.

Ahora, si quieres aprender la técnica completa para hacer este pixel art en Photoshop, solo tienes que seguir conmigo hasta el final del artículo.

Porque en este artículo, te mostraré la guía paso a paso definitiva sobre cómo hacer pixel art Photoshop y hacer cualquier cosa divertida, retro, antigua imagen pixelada de 8 bits.

Paso 1: Configurar un archivo de Pixel Art

En Photoshop, vaya a Archivo > Nuevo. Nombre el documento de su elección. Establezca el archivo en las siguientes dimensiones:

• Anchura a 500 px
• Altura a 500 px
• Orientación a Horizontal
• Resolución a 50
• Modo de color a RGB

A continuación, haga clic en Crear.

Paso 2: Abrir Imagen del sujeto

Abrir una foto de alguien o algo que te gustaría usar para este proyecto. Para hacerlo, simplemente arrastre y suelte la imagen del asunto en su documento o puede ir a Archivo > Colocar incrustado.

Esto le pedirá que vaya a la ubicación de la imagen y la abra.

El primer paso es redimensionarlo, para obtener los resultados que queremos.

Si desea recortar la parte inferior de su sujeto en forma circular, abra la Herramienta de Marquesina elíptica, acérquese a una esquina y mantenga presionada la tecla Mayús mientras arrastra una selección circular sobre ella.

Recortaremos nuestro sujeto dentro de la selección presionando Ctrl o Cmd + J para hacer un duplicado de la selección y ahora podemos ocultar la capa inferior.

Haga clic en el icono del globo ocular junto a la capa inferior para ocultarlo.

Paso 3: Eliminación de fondo

A continuación, eliminaremos el resto del fondo detrás de nuestro sujeto y enmascararemos su sujeto.

Hay muchas maneras de hacer esto y su método dependerá de las características de la foto.

Para este ejemplo, si el fondo es blanco puro o de cualquier color, puede usar mi herramienta Varita Mágica.

Puede hacer que la Tolerancia sea 10 y asegurarse de que» Contiguo » esté marcado. «Contiguo» asegurará que solo se seleccione el área blanca fuera de mi sujeto.

Así que tengo diferentes tipos de herramientas de selección en Photoshop y algunas de ellas también usan IA para completar selecciones.

• Marquesina Rectangular: Puede seleccionar porciones rectangulares de una imagen con esta herramienta.
• Lazo: Esta herramienta de selección le permite dibujar su propio contorno de forma libre de lo que desea seleccionar. Esto funciona mejor para aquellas áreas que no califican como formas.
• Selección rápida: Esta herramienta se utiliza como la herramienta lazo, excepto que funciona mejor en un área con bordes claramente definidos. Arrastra el ratón y el contorno «se ajusta» a los bordes.

Puede usar Herramientas de selección rápida para hacer la selección y si desea ser perfectamente preciso sobre las selecciones, puede usar la herramienta Pluma para hacerlo.

Pero cómo hacer selecciones no es el tutorial, por lo que no debemos perder el tiempo aprendiendo a seleccionar objetos.

Utilice cualquiera de las herramientas de selección que desee utilizar y seleccione el fondo y, a continuación, pulse eliminar en el teclado para eliminar el fondo del sujeto.

Para deseleccionarla, presione Ctrl o Cmd + D en su teclado.

Paso 4: Agregar trazo

Ahora tenemos que agregar un trazo negro alrededor de nuestro sujeto para que se vea más como arte de píxeles retro de 8 bits, pero todo depende de ti.

Puede omitir este paso de aplicar el trazo.

Para añadir un trazo, haga clic con el botón derecho en la capa de asunto y seleccione Opciones de fusión.

Ahora en la opción de fusión, seleccione Trazo y en la configuración de trazo.

Establezca el color en negro, el Tamaño en 5 píxeles y la Posición en «Exterior». Luego, haga clic en Aceptar o presione Entrar o Regresar.

Paso 5: Convertir a Pixel Art Photoshop

Ahora tenemos que aplicar nuestro filtro para pixelar la imagen. Pero antes de convertir nuestra imagen en pixel art, tenemos que convertir nuestra imagen en un Objeto inteligente, para que podamos agregarle filtros y ajustes adicionales de forma no destructiva.

Para hacer esto, haga clic con el botón derecho en la capa de asunto del panel Capas y haga clic en «Convertir a objeto inteligente».

Ahora podemos aplicar filtros de forma no destructiva, así que ve a Filtro > Pixelado > Mosaico.

Haga que el tamaño de la celda sea 10 cuadrados o puede usar cualquier valor que desee de acuerdo con sus preferencias.

Paso 6: Agregar características a Pixel Art Photoshop

Como puede ver, tenemos nuestro pixel art casi listo, pero tenemos que agregar una característica si nuestro retrato u objeto necesita mostrarse correctamente.

A continuación, añadiremos cuadrados en blanco y negro para acentuar ciertas características de nuestro personaje. Te mostraré 2 maneras de hacerlo.

Primero, te mostraré cómo hacerlo si estás usando una versión anterior a CC. Luego, mostraré cómo hacerlo usando CC o posterior, que tiene un método preciso.

Anterior A Photoshop CC:

Si está utilizando una versión anterior a CC, cree un documento nuevo presionando Ctrl o Cmd + N o vaya a Archivo y Nuevo. Haga que el Ancho y la Altura sean 10 píxeles cada uno y la Resolución, 50 píxeles por pulgada. El color es negro. Luego, haz clic en «Crear» o «Abrir».

Para verlo en su lienzo en su tamaño máximo, presione Ctrl o Cmd + 0. Vaya a Editar y «Definir Preajuste de pincel». Cuando aparezca esta ventana, simplemente haga clic en Aceptar.

Abra de nuevo su documento de pixel art. Independientemente de la versión que estés usando, eliminemos los cuadrados más ligeros a lo largo del borde de tu personaje.

Vaya a Seleccionar y «Gama de colores». Elige «Destacados». Hacer que la difuminación sea 0% y el Rango sea 1.

Haga clic en el icono de máscara de capa para crear una máscara de capa de la selección junto a la capa activa.

Crearemos una nueva capa debajo de la capa activa, haciendo Ctrl-clic o Cmd-clic en el icono de Nueva capa. Usaremos esta capa como fondo.

Por ahora, llenémoslo con blanco, y como el blanco es nuestro color de fondo, presione Ctrl o Cmd + Eliminar. Haga clic en la capa superior para activarla y crear una nueva capa encima de ella.

Para versiones anteriores a CC, abra la herramienta de lápiz y el Selector de lápices. La última miniatura es el preset que guardamos anteriormente.

Haga clic en él para activarlo y asegúrese de que su opacidad sea del 100%.

Este primer método requiere un gran cuidado al alinearlo directamente sobre el cuadrado debajo de él.

Si no está alineado exactamente, presione Ctrl o Cmd + z para deshacer el último paso e inténtelo de nuevo.

Para hacer que tu pincel sea blanco, presiona » x » en tu teclado para invertir los colores de primer plano y fondo.

Photoshop CC o posterior:

Para aquellos que usan CC o versiones posteriores, vaya a Ver y «Nueva disposición de guía». En las Columnas y filas, escriba 50 píxeles cada una y mantenga todo lo demás sin rellenar y sin marcar.

Si no ve las pautas, presione Ctrl o Cmd + H. Observe que nuestras pautas se alinean perfectamente con los cuadrados de los caracteres.

Abra la » Herramienta de Marquesina Rectangular «y asegúrese de que el icono» Añadir a la selección » esté activo. Esto agrega selecciones adicionales a nuestra imagen a medida que las hacemos.

Vaya a Ver y asegúrese de que» Ajustar «esté marcado, y también,»Guías». Esto asegurará que las selecciones que agreguemos se ajusten a la cuadrícula.

Después de haber realizado un grupo de selecciones, rellénelo con negro y deseleccione.

Si quieres ver a tu personaje sin las directrices, presiona Ctrl o Cmd + H. Para volverlo visible, repite las mismas pulsaciones de teclas.

Paso 7: Ajuste de colores y brillo

Para hacer que el arte destaque más, necesitamos agregar un poco de saturación y contraste a nuestra imagen.

Para hacer eso, vaya al Panel Capas y haga una Capa de Ajuste de Brillo / Contraste y en su configuración aumente el contraste a aproximadamente 20 + a 40+. También puedes jugar con el brillo para obtener mejores resultados.

A continuación, vaya al Panel Capas y haga una Capa de Ajuste de Tono/Saturación y, en su configuración, aumente la saturación a aproximadamente 10+ a 20+.

Paso 8: Agregar un nuevo color de fondo

Ahora podemos agregar un nuevo fondo a nuestro pixel art importándolo en el documento y colocando la capa de fondo debajo de la capa de asunto.

Puede crear una capa de color sólido y seleccionar un nuevo color y tomar la capa debajo de la capa de asunto para crear un color de fondo de cualquier color.

Conclusión

Estos son algunos pasos que puedes seguir para crear arte de píxeles en Adobe Photoshop en pocos segundos. ¡Solo lee el artículo una vez, pruébalo y listo!

Asegúrese de comentar sus comentarios y sugerencias sobre el artículo.

Preguntas frecuentes

• ¿Qué es pixel art?

Respuesta: Pixel art es una forma de arte digital, creada mediante el uso de software, donde las imágenes se editan a nivel de píxel. La estética de este tipo de gráficos proviene de computadoras de 8 y 16 bits y consolas de videojuegos, además de otros sistemas limitados como calculadoras gráficas.

• ¿Dónde hacer pixel art?

Respuesta: Hay muchas herramientas en línea para hacer eso, pero el software más versátil donde puede hacer arte de píxeles en Adobe Photoshop.