Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)
En este tutorial, aprenderás cómo hacer emotes para Twitch en Adobe Photoshop. Crearemos un emote a partir de una foto de archivo y un emote desde cero. Cuando termines, podrás agregar tus emotes en tu panel de Twitch si tienes una cuenta de afiliado o socio.
¿Quieres omitir el tutorial Twitch y descargar directamente emotes de Twitch? Dirígete a Placeit, donde encontrarás muchos diseños de emoticonos de Twitch.
Qué aprenderás en este Tutorial de Twitch de Emojis
- Cómo utilizar la función Seleccionar sujeto en Photoshop
- Cómo utilizar la Herramienta pluma en Photoshop
- Cómo utilizar la función máscara para recortar fotos
- Cómo hacer un pincel personalizado perfecto para dibujar en Photoshop
- Cómo cambiar el tamaño de la ilustración para hacer emojis del chat de Twitch
Asegúrate de seguirnos en nuestro canal de YouTube de Envato Tuts+:
Recursos del Tutorial Twitch
Necesitarás los siguientes recursos para completar este proyecto:
- Foto de archivo o cualquier foto de retrato de tu elección
¿Qué son los Emotes de Twitch?
Tal vez te estés preguntando, además de qué son, cómo agregar emojis a Twitch. Los emoticones de Twitch son pequeños iconos de chat que los canales de afiliados o socios pueden ofrecer a sus suscriptores como recompensa para usar en el chat de su canal. Son exclusivos para cada canal, por lo que tener emoticones personalizados es imprescindible si quieres un incentivo para que los espectadores se suscriban.
La mejor parte de crear emotes para Twitch personalizados es poder aportar algo especial a tus transmisiones. Ya sea que se trate de una broma interna para tus espectadores o simplemente compartir tu glorioso rostro, agrega mucho sabor a tu canal y construye tu comunidad de transmisión.
¡Empecemos con cómo hacer emotes para Twitch personalizados!
1. Cómo Preparar tu Foto de archivo para los Emotes del Chat de Twitch
Paso 1
Abre tu foto de archivo en Adobe Photoshop. Guarda la foto como un archivo .PSD desde el principio para que tu trabajo no se pierda. Elige la Herramienta Varita Mágica (W) y, en la Barra de Opciones, pulsa Seleccionar Sujeto.
Esto no necesariamente seleccionará al sujeto a la perfección, pero en el caso de esta foto, hace que obtener el contorno del cabello sea más sencillo a comparación de cortarlo manualmente. En el panel Capas, presiona Añadir una máscara.
Paso 2
Con la Herramienta Pluma (P), dibuja una forma alrededor de la cabeza de tu sujeto, teniendo cuidado de delinear su barbilla. Este será el foco del emote de Twitch.
Paso 3
Crea una carpeta en el panel de Capas y arrastra tu capa de trabajo dentro ella. En el panel de Trazados, pulsa cargar trazado como selección. Selecciona tu Grupo en el panel Capas y luego presiona agregar máscara de capa.
Paso 4
A continuación, vas a duplicar tu capa original sosteniendo tu imagen de archivo. Elimina la máscara de capa en esta capa duplicada.
Utiliza la Herramienta Pluma para recortar con cuidado la mano de tu sujeto. Una vez más, utiliza cargar trazado como selección y enmascara tu capa.
Paso 5
Ahora deberías tener una capa de mano enmascarada y una carpeta de grupo que contiene la capa de la cabeza. Usaremos este documento como base para nuestros emotes personalizados Twitch.
2. Cómo Personalizar la Composición de tu Emote de Twitch
Paso 1
Ahora que tenemos nuestra foto de archivo preparada para nuestro emote de Twitch de persona, podemos trabajar en la composición del emoticón. Crea un Nuevo Documento de 500 x 500 píxeles, 72 ppp y el Modo de color configurado en RGB. Asegúrate de que el documento tenga un fondo transparente.
Paso 2
Copia (Control-C) tu grupo de la cabeza y la capa de la mano de tu archivo de foto de trabajo y Pega (Control-V) en tu nuevo documento. Escala la cabeza y la mano hacia abajo para que quepan en tu composición de emoji de Twitch. Los escalé a aproximadamente el 33%.
Me gusta trabajar en un documento nuevo, de modo que si quiero hacer cambios en la foto del archivo original, no pierdo la calidad de la imagen y siempre puedo cambiar de opinión sobre cómo recorté las capas para el uso de emoticones.
Paso 3
Rota la capa de tu cabeza para que se incline unos 45 ° hacia la mano. También asegúrate de que la capa de la mano esté por encima de la cabeza.
Paso 4
Agrupa (Control-G) tus capas en el panel Capas y haz Doble clic en el grupo para abrir las Opciones de fusión. Selecciona Sombra paralela y usa la siguiente configuración:
- Modo de fusión: Multiplicar
- Opacidad: 38%
- Ángulo: 90 °
- Distancia: 6 px
- Extensión: 0%
- Tamaño: 4 px
Presiona Aceptar cuando hayas aplicado todas estas configuraciones.
Paso 5
Guardar (Control-S) tus archivos de trabajo de los emotes. A partir de aquí, pasaremos a crear emotes personalizados para Twitch desde cero, pero si solo te interesa trabajar con una foto de archivo, ¡puedes brincar a la Sección 5 de este tutorial para obtener consejos sobre el tamaño del emote de Twitch!
3. Cómo Dibujar Emotes Personalizados para Twitch
Paso 1
Comencemos a crear nuestro emote de Twitch con algunas configuraciones de pincel. Siéntete libre de usar los pinceles que quieras para dibujar, pero este es mi favorito actualmente. En el panel de Configuración de pincel, aplica la siguiente configuración:
Forma de la punta del pincel
- Tamaño: variable, empecé con 17 px
- Ángulo: 34°
- Redondez: 67%
- Espaciado: 4%
Dinámicas de la forma
- Variación del Tamaño: 0%
- Control: presión de la pluma
- Diámetro mínimo: 21%
- Variación de redondez: 0%
- Control: presión de la pluma
- Redondez mínima: 1%
Transferencia: seleccionado, todo configurado en 0%
Concentración: Seleccionado
Suavizar: Seleccionado
Paso 2
En un Nuevo Documento, este también de 500 x 500 píxeles, crea una Nueva Capa. Toma la Herramienta Pincel (B) y dibuja tu composición básica del emote. Este será el mismo que el emoji de la foto de archivo, con una cara sonriente y una mano haciendo un signo de paz. Me gusta trazar rápido y descuidado en mi boceto inicial.
Paso 3
Reduce la Opacidad de la capa de tu boceto inicial a un 30% aproximadamente y crea una Nueva Capa. Elige un marrón oscuro # 3b0600 o cualquier color oscuro que vayas a usar para tu arte lineal y ajusta tu boceto. Mi segundo boceto, que podrás ver a continuación, es demasiado detallado para un emote de Twitch, ¡pero la idea básica ya está ahí!
Paso 4
Oculta la capa de tu boceto inicial y reduce la Opacidad de tu capa del boceto de trabajo al 30%. Crea una Nueva Capa para tu arte lineal. Observa lo simples que se han vuelto los ojos. Personalmente, se necesitan un par de capas del boceto para que me sienta cómoda con el trabajo linear ajustado.
Paso 5
Oculta o elimina cualquier capa del boceto debajo de tu capa de trabajo del arte linear. Ten en cuenta que el enfoque aquí es una cara grande, una expresión fácil de leer (en este caso muy feliz) y un lindo signo de la paz con la mano. Se perderán demasiados detalles con el tamaño final del emote.
4. Cómo Colorear y Completar tu Emote de Twitch
Paso 1
En una Nueva Capa debajo de tu arte lineal, comienza a colorear tu trabajo. Me gusta usar el mismo pincel que utilicé mi capa de arte lineal, ya que es fácil de pintar con él.
Paso 2
Cuando trabajo en un icono que eventualmente estará sobre un fondo transparente, creo que más fácil utilizar un color muy brillante que no es parte de mi pieza para determinar los límites del emote. Configuré mi fondo en verde neón #00ff00, aunque puedes probar con otro color si te funciona mejor.
Colorea la piel, la boca y los ojos con colores planos antes de añadir sombras o reflejos.
Paso 3
Me gusta resaltar un poco el cabello agregando algunas divertidas formas de un color más claro. Ten en cuenta que delinee la parte inferior de los ojos con un marrón más oscuro que el tono de piele hice lo mismo debajo de la nariz y en las orejas. A menudo, al colorear un dibujo, coloco colores planos, sombras y reflejos en capas separadas para facilitar la edición.
Paso 4
No detalles mucho las sombras o los reflejos al crear emotes para Twitch. Perderás muchos de estos detalles cuando se cambie el tamaño para usarlos en el chat de tu canal. Un dibujo más grande significa que puedes usarlo y reutilizarlo de varias formas además de los emotes personalizados para Twitch.
5. Cómo Hacer que tu Emote de Twitch tenga el Tamaño Correcto
Paso 1
El tamaño de los emotes personalizados de Twitch es muy importante. En su mayoría, aparecen de tamaño bastante pequeño dentro de la ventana del chat, y querrás que los usuarios sepan lo que han seleccionado y lo que están tratando de comunicar.
Twitch especifica tres tamaños de emoji:
- 112 px para plataformas más grandes
- 56 px para pantallas retina
- 28 px para web
Con uno de tus archivos de emoticones de chat de trabajo abierto, dirígete a Archivo> Exportar> Exportar como. Utiliza la siguiente configuración de archivo para tu primera exportación:
Configuración del archivo:
- Formato: PNG
- Transparencia: Seleccionada
Tamaño de la imagen
- Ancho: 112
- Alto: 112
- Remuestreo (resampling): bicúbica más enfocada (esto es mejor para la reducción).
Repite estos pasos en los otros tamaños para cada uno de tus iconos de modo que tengas tres archivos PNG separados para cada diseño de icono.
Paso 2
¡Observa lo pequeño que es el emote de 28 píxeles! Es difícil de ver, pero incluso en este tamaño, ¡podemos distinguir claramente la sonrisa del emote de Twitch y la mano! Experimenta con otras expresiones o composiciones y prueba el tamaño en este menú Exportar.
Al exportar, asegúrate de darle a cada emote de Twitch un nombre único para que puedas encontrarlos fácilmente mientras lo subes a tu canal.
6. Cómo Subir Emotes en Twitch
Paso 1
¡Lo lograste! Ahora para responder a la pregunta de cómo obtener emotes en Twitch. Como se indicó anteriormente, si estás afiliado, todo lo que necesitas hacer es preparar tus emoticones en el tamaño correcto, como hicimos anteriormente.
Paso 2
Simplemente dirígete al Panel de control de tu canal para cargarlos dentro de tus preferencias de afiliado o miembro. Para esta parte, la guía de Twitch sobre emotes te resultará increíblemente útil. También encontrarás respuestas a preguntas comunes como "¿Cuántos emotes puedo tener en Twitch?" o "¿Cuánto tiempo lleva aprobar Emotes en Twitch?"
Depende de ti si subes los tres tamaños separados de emoticones de Twitch en su modo avanzado o dejas que el sitio comprima un solo archivo más grande en modo simple.
Buen trabajo, ¡Terminaste!
¡Ahora sabes cómo crear emotes para Twitch personalizados! Ya sea que estés trabajando con una foto o creando tu emote desde cero, ¡ya tienes lo básico para crear un divertido conjunto de emojis de chat como incentivos para los suscriptores de tu canal!
Cómo Hacer Emotes para Twitch con Placeit
Si te has preguntado, ¿dónde puedo hacer mi propio emote de Twitch? No vayas más allá de Placeit. Su creador de emotes para Twitch personalizados es insuperable y está repleto de opciones de personalización. ¿La mejor parte? ¡No necesitas descargar ningún tipo de software! Todo se realiza en línea. Esto te facilita agregar tus emotes personalizados a Twitch.
Echemos un vistazo a algunos de los mejores emotes de Twitch que puedes crear con Placeit:
1. Plantilla para Emote de Twitch con un Personaje Drag Queen
Este creador de emote para Twitch definitivamente creará una impresión. Muestra a una drag queen de dibujo animado y algunos colores increíbles. Puedes editar el texto y las fuentes utilizadas. Además, todos los colores desde los acentos hasta los contornos son personalizables. Incluso existe una opción para modificar el estilo del personaje.
2. Creador de Logo para Emote de Twitch Kawaii para Streamer Profesional
Si utilizas Twitch y quieres crear emotes, comienza con esta plantilla con un personaje Kawaii. Sus colores editables y texto la convierten en una opción flexible para todos los streamers. Comienza a personalizarla y descubrirás por qué es uno de los mejores creadores de emotes personalizados de Twitch.
3. Creador de Logo para Emote de Twitch con un Divertido Hombre Barbado
Cuando las palabras de amor simplemente no alcanzan. Este creador de emotes para Twitch muestra a un feliz personaje ilustrado con colores editables. Utilízalo tal cual o crea un conjunto con los mejores emotes para tu canal.
4. Creador de Logo para Emote de con un Personaje de Caricatura de una Chica Gamer
Todas las reacciones merecen un emote, especialmente aquellas que nos hacen decir, “¿qué rayos?”. Diviértete con esta plantilla para crear emotes para Twitch. Incluso podrás intercambiar las ilustraciones para crear iconos Twitch personalizados para tu canal.
5. Plantilla para Emote de Twitch para Gamer No Binario con Ilustración Kawaii
Con esta elección cerramos nuestra lista de los mejores emotes para Twitch de Placeit. Sus colores vibrantes y texto complementan al personaje ilustrado. Al igual que otras opciones en esta lista, esta plantilla es totalmente editable. Modifica los colores y fuentes para crear emotes para Twitch personalizados.
5 Increíbles Paquetes de Emojis para usar en Twitch de Envato Elements
Si prefieres usar algunos emotes del chat de Twitch prefabricados, Envato Elements te respalda con estos fantásticos conjuntos:
1. 30 Iconos de Emoji (AI, EPS, PNG, SVG)
Este conjunto de emojis es atrevido, simple y divertido. Cuenta con una variedad de emoticones de sonrisa para Twitch, así como una variedad de expresiones.
2. Paquete de 100 Emoji & Smiley Vol 1 (EPS, PNG, PSD)
Este conjunto de emoticones es lindo, simple y repleto de divertidos colores brillantes que destacan fácilmente en un mar de comentarios. Las expresiones son fáciles de leer, lo que hace que este conjunto sea perfecto para chatear.
3. Emoticones Más Utilizados Frecuentemente (AI, EPS, PNG)
Este paquete de iconos tiene un diseño muy diverso. Va mucho más allá de una variedad de caras sonrientes, ¡lo que le da a tus usuarios mucho de qué hablar!
4. 30 Iconos de Avatar & Emoticonos - Estilo Plano (AI, EPS, PNG, SVG)
Rompe por completo con la simplicidad con estos avatars perfectos para hacer tu chat un poco más personal. Cuentan con un estilo moderno y caricaturesco que los convierte en excelentes emotes personalizados Twitch.
5. Comida Rápida - Conjunto de Personajes Vectoriales (EPS, JPG)
¡Ponte raro y salvaje con algunos divertidos iconos de comida rápida para tu chat de Twitch! ¡Estos son especialmente útiles si transmites algo como Cooking Mama o Burger Time!
Encuentra Más Recursos para Twitch de Envato Elements+
Aprender cómo hacer emotes para Twitch con y sin Photoshop es una habilidad útil. ¿Necesitas aún más recursos y gráficos para tu canal de Twitch? Entonces revisa estos increíbles recursos de Envato Elements
Plantillas Gamer para Twitch y Youtube (Creador de Logo)
25 plantillas para panel de Twitch (usando un generador online)
Cómo Hacer Paneles para Twitch
Los 29 Mejores Overlays para Twitch de “Comenzamos Pronto”
35 Asombrosos Overlays Para Streams Usando un Generador Online Para OBS
31 mejores banners para Twitch hechos con un creador (+ banners offline)
15 mejores overlays para Twitch GRATIS
Cómo crear overlays para directos con Placeit (Twitch, OBS y +)
Top 12 Consejos para Hacer Transmisiones en Vivo y Divertirte
Cómo crear overlays para Twitch OBS en Photoshop
By
