10 pasos para un conjunto rápido de emoticonos en Adobe Photoshop

Lo que vas a crear

Emotes, emojis, caras sonrientes; como sea que los llames, están omnipresentes en los blogs, mensajes de texto y programas de chat. Estar en una escala tan pequeña hace que este sea un trabajo para algunos pixel art lindos, lo cual se logra fácilmente en Adobe Photoshop.

1. Dibuja la base del círculo

Paso 1

Hacer una Nuevo documento en Adobe Photoshop eso es sobre 200 px por 200 px, más o menos (sea cual sea la cantidad de espacio que excave), y establezca el fondo como Transparente. Utilizar el Herramienta de lápiz (B) con el cepillo puesto a 1 pt y usar el Herramienta de zoom (Z) para acercar 1500-1600%.

El círculo es simple: cinco píxeles para la parte superior, dos a cada lado, uno diagonal de los dos píxeles laterales, y dos Más píxeles hacia abajo en cada lado. Repita para el resto del círculo (ver más abajo).

Paso 2

Utilizando la Herramienta de cubo de pintura (G), rellena el círculo con amarillo brillante (R: 255 G: 204 B: 51). Asegurarse Anti-alias está sin marcar y Contiguo comprobado. Rellene el contorno del círculo negro con amarillo oscuro (R: 102 G: 51 B: 0).

Para abordar el sombreado en el círculo, reducir la Opacidad del Herramienta Lápiz50% y concentre estos píxeles oscuros alrededor del borde del interior del círculo. Utilizar el Herramienta de cuentagotas (I) para muestrear el color de la sombra, configure el Opacidad de regreso 100% y coloque píxeles alrededor de las esquinas de los lados del círculo (a cada lado de la tira de cinco píxeles).

2. Haz una cara sonriente

Paso 1

Ya que estaremos dibujando múltiples caras, haz una Nueva Capa (Control-N). Elige nuevamente el amarillo oscuro y dibuja dos cajas de cuatro píxeles para los ojos. Sombra entre los ojos reduciendo la Herramienta de lápiz Opacidad20%, más o menos. La boca es Siete píxeles de ancho y retrocede hacia abajo (7-5-3). Añadir píxeles de sombreado en cada lado (50% de opacidad) y sombra debajo de la boca (20% de opacidad).

Paso 2

Usa el blanco para reflejos brillantes en 100%,50%, y 30% para crear una dimensión en la parte superior del círculo, en las mejillas de la cara sonriente y en el labio superior. Observe los distintos tonos de amarillo en los bordes exteriores del círculo, colocados allí para suavizar los bordes..

3. Caras alternativas

Paso 1

Copiar (Control-C)Pegar (Control-V) el círculo base de Sección 1. Hacer una Nueva capa. El proceso para la cara triste es el mismo que Seccion 2 cara feliz, pero la boca es cinco píxeles a través de dos píxeles en cualquier diagonal inferior.

Paso 2

Por la cara enojada, DupdoPegar la cara triste. 

  1. Mueve toda la boca hacia abajo. La forma más fácil es usar el Herramienta de marquesina rectangular (M) para seleccionar la boca y las sombras y los resaltes que lo rodean, y moverlo hacia abajo un píxel.
  2. Extienda los píxeles de los ojos de las cajas pequeñas a las formas z pequeñas. De esta manera, los ojos se entrecierran con el ceño fruncido, en lugar de estar completamente abiertos..

Paso 3

La cara de risa tiene los ojos cerrados. Una vez más, DupdoPegar el círculo principal, esta vez con líneas de sombra en el centro y en la parte inferior (ver más abajo). Los ojos están cerrados y colocados hacia abajo, mientras que la boca se coloca hacia arriba con píxeles de sombra que cubren la mayor parte de la mitad inferior del círculo.

Etapa 4

Este emote es terriblemente simple: tres píxeles para cada ojo y cinco para la boca..

Paso 5

Finalmente, el emoticon de canto / silbido / "oohing". La cara comienza con la misma base que todas las demás dentro del conjunto. Los ojos son cuadrados de cuatro por cuatro. La boca es dos filas de tres por dos con un solo píxel en la parte superior e inferior del centro. Agregue luces en la parte superior izquierda y sombras oscuras en la parte inferior para acentuar la forma de la boca.

4. Cambiando fácilmente los colores

Paso 1

Seleccionar tus emoticones (en este caso he Capas fusionadas (Control-E) por ejemplo, y hacer una Nueva capa. Utilizar el Herramienta Bote de pintura Para rellenar la selección de la nueva capa con un color plano. En el Capas panel, cambiar el Modo de fusiónColor

Repita con otros colores tantas veces como desee, en lugar de volver a dibujar todo el emoticono. 

Gran trabajo, estás hecho!

¡Bien hecho! Has pasado de cero a un conjunto de emoticonos en un instante. Pixel art puede ser bastante detallado por su pequeño tamaño, y al mismo tiempo, pequeños errores en la colocación de píxeles pueden cambiar el aspecto de una imagen. Es una forma divertida de pasar el tiempo jugando con pequeños puntos y viendo qué se desarrolla..