Haciendo nuestro propio Emoji

Estoy haciendo un verdadero emoji al estilo de Apple para cada uno de mis colegas en Bakken & Bæck. El primer set terminado incluye a todos de nuestra oficina de Amsterdam.

Todo comenzó con Drake. Como sorpresa, quería crear un verdadero emoji de 6 Dios, qué pasaría si Apple lo hiciera para mi colega Ole Martin. Esto me hizo preguntarme: ¿cómo sería nuestro propio emoji? Me entusiasmaron las posibilidades: ¡podríamos usarlos en Slack, crear un gran póster con todos nuestros emoji para colgar en cada oficina o imprimirlos en tazas!

Nunca había hecho algo así y no sabía por dónde empezar ni cómo abordarlo. Opté por un enfoque sistemático y dividí mi proceso en pasos. Te explicaré y te daré algunos consejos para que puedas probarlo tú mismo.

Preparativos

He usado Affinity Designer para dibujar los emoji. Es rápido y me encanta su interfaz de usuario amigable, sus efectos no destructivos y su vista de esquema. Puedes usar Photoshop, Illustrator o Sketch tú mismo; lo que sea que prefieras.

Recopilo algunas fotos de la persona de la que estoy creando un emoji. Las fotos deben ser de alta calidad para que los detalles (color de ojos, color de cabello, forma de nariz) sean fácilmente reconocibles. Es más fácil capturar rasgos faciales si tiene muchas fotos tomadas desde diferentes ángulos. También me refiero a una colección de varios emojis originales de Apple para aprender del estilo visual y la ejecución de detalles.

Paso 1: elegir un emoji como referencia

Para asegurarme de que las proporciones se mantengan consistentes, tomo un emoji existente que se parece a la persona que estoy recreando. De esta manera, es más fácil imitar los rasgos faciales.

Paso 2: trazando el emoji original

A continuación, trazaré el emoji original con un trazo verde neón. Después de trazar el emoji, llenaré algunas de las formas con blanco para ocultar las líneas superpuestas.

Paso 3: delineando el nuevo emoji

En este paso, ajustaré el emoji que rastreé para que se parezca a la persona. Comienzo con la forma de la cabeza, el cabello y las orejas porque impactan más en el aspecto de los emoji. No tiene que ser perfecto ni detallado. Todo lo que necesitas es un boceto de las características más reconocibles.

Detallando contornos a mano

La mayoría de los emoji son bastante fáciles de diseñar ajustando las curvas. Pero, en el caso del emoji de Marijn, con todo su cabello rizado, fue imposible capturar todos los detalles sin dibujarlos a mano primero.

Paso 4: coloración básica

Este paso es sencillo. El punto es cambiar los contornos a formas rellenas, preocupándose por el tono exacto de los colores más adelante.

Paso 5: iluminación y sombreado

Este paso lleva la mayor cantidad de tiempo. A continuación hay algunos consejos sobre cómo lograr el mejor resultado.

Capas

La iluminación y el sombreado de los emoji se reduce a capas y enmascarar formas con diferentes colores y efectos. Puedes usar degradados y desenfoque gaussiano o jugar con la opacidad para crear un emoji atractivo y realista.

Sombreando el labio inferior

El labio inferior debe ser un poco más oscuro para parecerse a una sonrisa cuando se usan los emoji en tamaños pequeños.

Ajuste de la forma del iris

Cuando miras más de cerca algunos de los emoji originales, el iris no tiene la forma de un círculo. En cambio, es una elipse vertical. Supongo que se hace así para que los ojos se vean más dinámicos.

El resultado final

Después de algunas horas de jugar con los detalles, así es como se ve el emoji final. Bastante exacto, ¿verdad?

¿Que sigue?

Tomó mucho tiempo terminar los emoji de todos en nuestra oficina de Amsterdam. He terminado 7 emoji hasta ahora, lo que significa que me quedan 33. Se necesitan aproximadamente 8 horas para crear un emoji. Agregue más tiempo para hacer algo especial, como un corte de cabello diferente o agregar un accesorio.

Sería sorprendente si hubiera una manera de automatizar partes del proceso ...

Si también quieres tener tu propio emoji, mira nuestras posiciones abiertas. ¡Estamos buscando personas con talento como tú!

Toma el archivo (Affinity Designer) para ver los detalles más finos o sígueme en Twitter para obtener más actualizaciones de emoji.