Visión general

¡Los emoticonos son un aspecto bastante importante de la comunicación en este día de la Internet con interacciones tan complejas que ocurren entre los usuarios en solo segundos usando emoticones es imprescindible! Este CONSEJO está aquí para enseñarle cómo crear emoticones de aspecto increíble para todas las ocasiones. Revisaremos qué plataforma crees que será la mejor, eligiendo los emoticones correctos para el trabajo, los principios que hacen que un emoticón legible de gran apariencia, el proceso, y agreguemos un poco de esmalte para que esas emociones realmente sobresalgan. ¡Entonces empecemos!

La plataforma elige el tamaño

Los emoticones se usan en todo Internet y, por lo tanto, con muchos dispositivos como tabletas, computadoras, teléfonos, etc. Elegir la plataforma adecuada para sus emoticones será muy importante y es por eso que es una de las primeras secciones que debemos discutir, sin esto. puede terminar causando frustraciones desconocidas con las relaciones de aspecto y la legibilidad al crear los emoticones, para evitar esto, he puesto esta sección para ayudarlo a elegir fácilmente las mejores plataformas con una guía de tamaños.

 

Twitch es el sitio de transmisión más popular del mundo y, por lo tanto, sus chats están llenos de emoticones animados, ¡esto lo convierte en el lugar perfecto para tus nuevos emoticones! Las relaciones de aspecto de Twitches siguen una guía de tamaño estricta de 112px X 112px, 56px X 56 px y 28px X 28px. Consulte a continuación un ejemplo de dimensionamiento.

 

El siguiente sitio que sería popular es el tamaño de la etiqueta LINE para emoticones en mensajes de texto, sus relaciones de aspecto para las etiquetas máximas son 320px X 270px. Vea a continuación un ejemplo de tamaño.

La última opción fue MEZCLADOR para emotes, como contracción, siguen un tamaño estricto, aunque es solo uno que es 24px X 24px. Vea a continuación un ejemplo de tamaño.

Como puede ver, la plataforma hace el Emoticon per se, y con eso quiero decir que debe investigar dónde está planeando ver sus emoticones, esta planificación, a la larga, ayudará a causar menos dolor de cabeza en el futuro, estos son solo tres ejemplos de sitios web populares, pero espero que les sean útiles.

 

Proceso de elegir los emoticones correctos

El siguiente proceso para ti es elegir las emociones correctas para tus emoticones, tal vez viste un meme que te pareció realmente divertido, una imagen tonta enviada por un amigo o tal vez simplemente trabajando desde cero. Esos son buenos lugares para comenzar, para aquellos que están trabajando desde cero, puede ser un poco más difícil decidir cuál crees que es el mejor, por suerte para ti, he puesto un gráfico de información con un montón de emociones para ti. ¡trabajo de! ¡Para nuestros propósitos, elijamos algunos! ¡Creo que voy por Angry, Optimistic and Overwhelmed!

¡Estás exagerando!

¡Ahora que hemos seleccionado las emociones, es importante hablar sobre algunos consejos y principios que ayudarán a que sus emoticones sobresalgan y sean más legibles cuando se encojan!

 

¡Uno llevará tus emociones al extremo! La emoción debe leerse en tamaños pequeños, lo que significa características excesivamente exageradas, como ojos grandes, bocas y gestos, cualquier cosa que atraiga la atención de la persona y pueda mirarla y reconocerla de un vistazo, estas son cosas importantes ya que los emoticones se ven en cortos períodos de tiempo en un formato de píxel pequeño. ¡Alcanzar la marca con estas características lo ayudará a alcanzar ese objetivo de legibilidad! Vea a continuación, por ejemplo, ¡llévelo al extremo!

 

El proceso (de tus emociones je!)

¡Ahora que hemos llegado hasta aquí, se genera el largo proceso de crear realmente los emoticones! Recuerde todas las cosas de las que acabamos de hablar sobre tamaño, selección y legibilidad, ¡aquí es donde implementamos todo! ¡Vamos a sumergirnos!

 

Primero, comencemos con la apertura de Clip Studio y la elección de nuestra relación de aspecto para el proyecto. ¿Recuerdas antes cuándo elegimos nuestra plataforma? Aquí es donde entra eso, ¡he decidido que voy a hacer algunos emoticones de contracción esta vez! Entonces, siguiendo la plantilla, su tamaño de emote más grande es 112px X 112px, por lo tanto, voy a trabajar en un tamaño más grande que eso, digamos 5 veces más, lo que hace que sea 560px X 560px, lo cual es cómodo para mí y también muy fácil de trabajar. para mí reducir el tamaño cuando llegue el momento de exportar a la relación de aspecto correcta.

 

Ahora voy a hacer una nueva capa y esbozar mis emoticones iniciales

Recuerde que es importante que trabaje de borde a borde con sus emoticones para utilizar todo el espacio, puede parecer fácil de leer ahora, ¡pero durante esta fase de bosquejo entrar en esa mentalidad ayudará más adelante!

¡Ahora con un poco de grasa en el codo, deberías tener la cantidad de Emoticones de tu elección que los míos terminaron siendo los tres que elegí antes!

¡Ahora podemos pasar a la siguiente fase, que es lineart!

 

Haga una nueva capa y reduzca la opacidad de la capa de boceto a su gusto. La mía tendrá un 25% de opacidad.

CONSEJO RÁPIDO # 1: ¡No tiene que usar lineart negro! Me gustan los colores cálidos, así que en realidad elegí un marrón oscuro, aunque es un cambio sutil, ¡en realidad es bastante atractivo para la vista! Esto puede cambiar el juego dependiendo de lo que estés haciendo, ¡juega con el control deslizante de color y mira lo que se te ocurre!

BAM! Line art hecho! Observe cómo me mantuve en esos bordes para maximizar mi espacio de dibujo. ¡Se ve feliz! ¡A colorear!

Haz una nueva capa debajo de tu arte lineal. Seleccione el exterior de su Emoticon que no planea colorear, en su barra presione el botón "Invertir área seleccionada", esto asegura que su emote esté cubierto de ... uh, supongo que es solo una cabeza, así que cabeza a la cabeza! Rellene con la herramienta de cubo después.

¡Tu emoción debería verse así hasta ahora!

CONSEJO RÁPIDO # 2: ¡No tiene que pintar en la misma capa de color, en realidad puede crear una nueva capa y recortarla en la capa de color! ¡Esto le permite cambiar las cosas si no le gusta la apariencia de una capa de color, simplemente puede eliminarla sin repercusiones! ¡Simplemente haga clic en el Clip a la capa de abajo en la pestaña de capas y aumente usted es un asistente de estudio de clip!

¡De vuelta al sombreado! Ahora me gusta crear un efecto de pulverización de degradado en mis gestos, así que empiezo con un pincel suave y sombreo una sombra y una fuente de luz en ambos lados. Después, uso un pincel duro y agrego una luz dura y una sombra dura. cepillo suave en los pinceles de Clip Studio.

¡Enjuaga y repite para el resto de partes de tu emoticón y te ves muy elegante como este chico!

¡Ahora que hemos terminado con este Emoticon, probablemente podríamos decir que estamos listos! Tendrías razón, pero hay una cosa que podemos hacer para ayudar a que nuestros emoticones sobresalgan más y es ¡Textura! Lo que me lleva a ...

 

CONSEJO RÁPIDO N. ° 3: La textura puede ayudar a proporcionar aún más énfasis o carácter a sus emoticones y creo que Clip Studio es un gran programa para enfatizar eso. Su gran variedad de tonos de pantalla, texturas y una variedad de patrones lo convierten en el lugar perfecto para realmente trabaja este CONSEJO

 

¿Recuerdas esa selección y el truco invertido antes? Haremos exactamente lo mismo, luego seleccionaremos en nuestra barra el botón "Nuevo tono"

¡Desde aquí puedes seleccionar cualquier patrón que desees de Clip Studio y editarlo a tu gusto! ¡Voy a elegir un patrón de círculo simple a 27,5 de frecuencia y 50 por ciento de densidad!

Luego vamos a modificar la capa de tono en la pestaña de propiedades de la capa, crear una nueva capa encima de la capa de tono, y vamos a presionar el botón "Combinar a capa debajo", esto asegura que hemos convertido la capa de tono en una capa estándar que ahora podemos manipular con color!

¡Ahora selecciona la pestaña "Modos de fusión" en las propiedades de la capa y juega con los modos y la opacidad que crees que serían los mejores para tu emoticón! la mía terminó superpuesta, con una opacidad del 25%

Míralo ahora, ¡qué estrella! ¡Ahora enjuague y repita para los otros emoticones y debería estar sentado realmente bonito! ¡Así es como resultó el mío!

¡Felicidades! ¡Acabas de hacer tus primeros emoticones de aspecto increíble! ahora todo es exportarlos ...!

.

.

.

.

.

¿Por qué sigues leyendo esto? ¡Desplácese hacia abajo para aprender a exportar!

Exportar

¡Qué bueno verte de nuevo! ¡Ahora, comencemos a exportar! ¡Aquí es donde su trabajo duro en relaciones de aspecto e investigación de plataformas vale la pena! Vaya a la pestaña Archivo y seleccione Exportar (Capa única) - .png (PNG). La razón por la que elegimos PNG es que incluye una capa transparente que es importante para eliminar el fondo blanco del emote.

La configuración de exportación se abrirá aquí, donde puede seleccionar su tamaño para la plataforma que eligió, ya que trabajé a 560px X 560px, ahora puedo reducir fácilmente el tamaño de emoticón de contracción al que apuntaba, que elegiré como 112px X 112px

CONSEJO RÁPIDO # 4 Recuerde que al exportar su Emoticon DEBE desactivar el Fondo de papel o capa detrás de la imagen o aún terminará con un fondo blanco detrás de su emoticon porque se trata como parte de la imagen, así que recuerde verificar que fuera cuando hayas terminado!

¡Terminado!

¡Gracias por leer mi tutorial! Si te parece útil, no dudes en dar un "me gusta" o comentar lo que te gustaría ver a continuación o una pregunta general sobre el tema.

Sobre el artista

¡Puedes seguirme en Twitter si estás interesado!