Share
Lo que vas a crear¿Quieres darte a ti mismo oa alguien que conoces un look muy retro??
Vamos a ver cómo convertir una foto en un retrato de pixel art. Haremos un trabajo píxel por píxel para lograr una apariencia retro de juego arcade..
Si está buscando otros gráficos retro de pixel art sin tener que hacer el trabajo, siempre puede dirigirse a Envato Market.
Necesitará una foto muy simétrica de la persona que pixelará..
¡Consigue (o toma) la foto! El sujeto debe mirar directamente a la cámara, de esta manera solo necesitamos hacer la mitad de la cara (y voltear horizontalmente para la otra mitad), y también el resultado final es algo rígido, de una buena manera..
Un selfie puede funcionar, pero si puedes obtener una imagen con un poco más de distancia, probablemente funcionará mejor para el retrato..
Dibuja una cruz que ayudará a alinear la foto..
Pegue el retrato en una capa debajo de la mira..
TransformarEditar> Transformación libre) y alinee los ojos con la línea horizontal, y la nariz con la vertical.
Copia la cara alineada, pégala en un Nueva capa, voltéelo horizontalmente y baje la opacidad de la capa al 50%. Esto promediará la cara, hará que ambas mitades sean idénticas, y no tendremos que preocuparnos por que la luz de la foto no coincida con la del retrato de píxeles..
Y ahora encoge el retrato (Editar> Transformación libre). Puede aplicar el cambio a ambas capas al mismo tiempo ... no fusionarlas. La cara puede estar en cualquier lugar 50 a 75px. Dibujé un par de ojos pequeños en un Nueva capa que podría usar como referencia; Quería poder dejar un píxel para la pupila y un par de píxeles en el lado para el iris. Si hubiera reducido la foto más, podría no haber tenido la resolución suficiente para lograrlo..
Ya no necesitarás el punto de mira.
Disculpas si esto te mantiene despierto por la noche..
Vamos a rastrear la imagen, y queremos obtener una imagen artificial y deliberada del retrato que no podemos obtener con los filtros..
Para obtener un look "blockier", retro, limitaremos el número de colores.
Puede comenzar por elegir un color de piel, posiblemente de la frente o las mejillas, y hacer de este el primer color de su paleta, que se colocará justo al lado de la foto (en una Nueva capa).
Mira el color en el panel de color. Si no tiene el panel configurado en HSB, le recomendaría que lo haga.
Estaremos haciendo más colores moviéndonos en estas tres barras..
Si eres un poco quisquilloso, deberías mover todas estas medidas a números más redondos (múltiplos de 5 o 10).
Querrá hacer más versiones del mismo color, con la única diferencia de que la saturación sube y baja al menos un 10%..
Luego crea más versiones de esos colores con las variaciones en brillo, un 10% o más hacia arriba y hacia abajo. Querrá llegar al 100%, pero es posible que no necesite ir al 0%..
Y finalmente haga algunas versiones con diferentes tonos, aproximadamente 10˚ más frío (más rojo) y 10˚ más cálido (más amarillo).
Y eso es la mayor parte del trabajo de paleta que necesitaremos.
Hora de hacer el trabajo real.!
Entre la capa de arte de píxeles y las capas de referencia, es posible que desee colocar un rectángulo semitransparente negro (o blanco) para que pueda verificar rápidamente su progreso. De lo contrario, es posible que los colores estén demasiado cerca de los originales para saber lo que has dibujado..
Desactiva la visibilidad de esa casilla para avanzar. Y el progreso será áreas de colores que coincidan estrechamente con las de la foto..
Comience a dibujar usando la Herramienta Lápiz.
Es posible que desee trabajar con el zoom entre un 600% y un 800% ... luego puede abrir una nueva ventana para el mismo archivo para que pueda verificar su progreso reducido.
Básicamente, dibujará sobre las fotos con el color de piel más cercano al original que puede encontrar en su paleta.
Continúa de esta manera, cubriendo cada vez más la cara. Lo bueno del estilo simétrico es que solo necesitamos trabajar en la mitad de la cara..
Para fines ilustrativos, estoy dejando la capa del rectángulo negro visible en la mayoría de las capturas de pantalla.
Traza más y más!
¿No estás seguro de qué color usar en un área? Seleccione el color con el Cuentagotas y Doodle justo sobre la paleta. ¿Qué color hace que tu doodle desaparezca más? Escoge ese.
Consejo gratuito: puede seleccionar nuevos colores sobre la marcha cuando la herramienta Lápiz está activa manteniendo presionada la tecla Alt y haciendo clic sobre los colores en el lienzo.
Continuar el rastreo. Las cejas y otros elementos pueden esperar algo de tiempo, ya que seguimos utilizando los colores de la piel..
* El rastreo se intensifica *
Estamos llegando a los ojos, y si parece que podríamos usar algunos tonos diferentes, querrá agregarlos a la paleta.
Los ojos son las ventanas del alma, dicen. Así que tal vez queramos conseguir estos derechos.
Cambié el rectángulo negro a blanco porque los colores de los ojos eran demasiado oscuros para ser vistos en la oscuridad..
Finalmente, estoy usando un tono más rojo para la piel debajo del ojo..
Con el ojo hecho, sería un buen momento para reflejar lo que hemos hecho hasta ahora y verificar el progreso.
Luego continúa con más partes de la cara ...
Nariz…
Mejilla…
Mejorar y avanzar esas áreas..
Duplica la cara de nuevo cuando alcanzas un hito como completar la nariz.
Mis hoyuelos se perdieron en las referencias de imágenes reflejadas y reducidas, pero sé que están ahí, así que me aseguro de agregarlas.
Y sigue trabajando en la mejilla..
Nos estamos quedando sin áreas de la piel para rastrear, por lo que podemos comenzar a hacer un poco de contorno y agregar vello facial ... si tiene alguno.
Terminar la barbilla (o vello facial).
Trabajé en un color nuevo, más oscuro. No lo agregué a la paleta, pero si quiero usarlo más tarde, sé dónde encontrarlo..
Y los labios ... la razón principal por la que tenemos los tonos más rojos. En este caso, al terminarlas se pide ampliar la paleta..
Hito golpeado. Compruebe el progreso reflejado.
Continuar el rastreo. Las orejas pueden necesitar un poco más de libertad que un simple rastreo. Estamos llegando a áreas que no necesitan ser copias exactas y se pueden tratar de manera más creativa.
Espejo de nuevo, y ya casi hemos terminado con los colores de la piel. Llegar a la linea del cabello.
Para esto, desactivaremos la visibilidad de la referencia de la foto invertida; querremos hacer el cabello en su estilo original, lo que probablemente significa asimétrico. Los peinados como un buzzcut o una parte central podrían no necesitar eso..
Hice una frente ligeramente más grande. No importa porque le estoy agregando pelo encima..
El cabello entra, y puedo darle una forma ligeramente mejor que la original, ¿por qué no??
Ahora estoy mejorando la línea del cabello en una capa separada.
Y luego volviendo a fusionarla con la cara..
Por último, hago algunos pequeños retoques para el cabello, la frente y las áreas donde se encuentran..
Y luego agrego contornos básicos para el cuello y la camisa, y defino el borde del retrato de píxeles..
Disfruto particularmente al agregar estos elementos asimétricos y al darle a las áreas fuera de la cara menos rigidez o precisión.
Con el cuello terminado aquí, no hay más necesidad de la paleta de color de piel.
Rellena la camiseta y dale algunos detalles básicos..
El trabajo de rastreo está hecho, pero todavía hay algunas mejoras que podrían hacerse..
Ya no necesitamos las referencias de la imagen.
Si es posible, suavice y termine los detalles de la ropa y agregue un color de fondo agradable y contrastante.
Pensé que algunas áreas en mi retrato, como las mejillas y la frente, se parecían demasiado a gradientes pobremente renderizados, creo que debido a los muchos tonos y su naturaleza concéntrica, quité un tono aquí e interrumpí el enfoque concéntrico allí..
Por lo general, existe un gran potencial para agregar patrones o texturas al cabello, lo cual es genial porque no solo agrega detalle y volumen, sino que también ayuda a lograr este estilo deliberado, artificial de buena manera..
No queremos que el gráfico se vea normal, para eso es la foto. Así que, para finalmente terminar el retrato y hacer que se vea más como un videojuego, juega con ajustes de imagen como Niveles, Tono / Saturación ..., Brillo / Contraste ... Hazlo vibrante!
Amplíe hasta alrededor del 500% (en múltiplos del 100% y con el suavizado activado), puede exportarlo y mostrarlo!
Llegaste hasta el final! Espero que mis instrucciones sean lo suficientemente fáciles de aplicar a tu propia foto..
Pruebe opciones como menos colores o menor resolución para obtener aún más resultados pixelados, y pixeles felices!
Accentsconagua