Preludio
Hola, soy Terebell, ilustradora y streamer.
Este tutorial tiene como objetivo compartir con ustedes mi método de trabajo cuando creo un avatar de PngTuber. Obviamente, utilizo este método para otros tipos de contenido, pero hoy nos centraremos en los avatares de PngTuber.
Nota:
• Al principio utilicé el software PngTuber Plus, pero los errores recurrentes de la aplicación me hicieron cambiar a Veadotube, por lo que crearemos un avatar para este último.
• Escribo este tutorial en mi lengua materna, el francés, porque creo que no tengo suficiente vocabulario para escribirlo en inglés.
1 | Preparación
Antes de empezar a dibujar, primero debemos interesarnos por nuestro archivo y nuestro espacio de trabajo.
1.1 | Creación del archivo
Ya sea para un emote de Twitch, una ilustración para publicar en las redes sociales o un avatar, me gusta trabajar en gran formato. Esto garantiza una buena calidad del producto terminado y, sobre todo, la posibilidad de reutilizar la ilustración para otros medios: si quiero imprimir mi ilustración o mostrarla en una bolsa de tela, ¡no necesitaría rehacer todo el trabajo!
Así que empiezo por crear mi archivo.
A menudo trabajo con un formato cuadrado (para emotes en particular), con un formato de 2000*2000 píxeles.
En lugar de trabajar sobre un fondo blanco, te aconsejo que trabajes sobre un gris o beige claro para que no sea demasiado agresivo para los ojos.
1.2 | Las diferentes herramientas
En este tutorial utilizaré diferentes herramientas que seguro te serán de utilidad para realizar tus creaciones, entre ellas:
• El conjunto de colores
• La herramienta de simetría
• Las capas vectoriales
• La máscara de recorte
• Los modos de fusión
• Los filtros
2 | Boceto: el concepto básico
¡Saca tu lápiz, comencemos!
Toda ilustración comienza con un boceto.
2.1 | El personaje
A menudo empiezo a dibujar con al menos una idea vaga de lo que me gustaría lograr, ya sea un concepto simple o una idea más precisa.
Para este tutorial no necesité pensar en un concepto, ya que trabajaremos con Scott, un zorro de mi historia “La maldición de Tinkle”.
La etapa de boceto permite definir muchas cosas que le darán carácter al avatar:
• Las proporciones
• La postura
• La expresión
Hice 3 bocetos antes de convencerme, pero no dudes en hacer tantas pruebas como sean necesarias porque el avatar debe corresponder a tu personaje y a tus deseos.
Sin embargo, crear la postura y la expresión no es suficiente: ahora tenemos que vestir a nuestro personaje. También puedes hacer varias pruebas para encontrar el atuendo perfecto. Personalmente, Scott ya tiene un atuendo definido, ¡así que no fue muy complicado encontrarlo!
Una vez seleccionado tu boceto, crea una nueva capa para cada atuendo que te pruebes y trabaja con un color diferente, esto te permitirá:
• cambiar fácilmente de un atuendo a otro para hacer tu elección
• ver siempre el cuerpo de tu personaje para que la física de la ropa sea lógica
2.2 | Colores
Cuando estés satisfecho con el personaje y su atuendo, ¡es hora de elegir sus colores!
La elección de los colores es tan importante como el personaje en sí, porque es gracias a los colores que podrás agregarle aún más personalidad a tu personaje y darle profundidad. ¡Mira estas sugerencias de colores y compruébalo tú mismo!
Creo que no existe ningún método milagroso para elegir los colores. Déjate llevar por tu instinto, prueba y encontrarás una combinación de colores que te guste.
Para ayudarte, puedes inspirarte, por ejemplo, en fotografías, ambientes, paletas de colores o incluso en el color de tu mascota.
Por mi parte, los colores de Scott ya estaban definidos (la paleta roja abajo a la derecha), las demás propuestas fueron hechas para este tutorial y ¡algunos colores realmente le sientan muy bien!
El conjunto de colores
Una herramienta muy útil en Clip Studio Paint es el conjunto de colores.
Muy fácil de usar, te permite guardar tus colores para poder reutilizarlos más tarde: ¡práctico cuando dibujas el mismo personaje varias veces como en un Webtoon o para la animación de un avatar, por ejemplo!
3 | Ficha de personaje
La ficha de personaje no es obligatoria en la creación de un avatar de PngTuber, pero puede ayudarte a guardar información valiosa. Puede adoptar diferentes formas e incluso publicarse en tus redes para presentarla.
Personalmente, creo fichas para los personajes de mis historias, con el fin de guardar varios datos:
• La ilustración
• El nombre
• Información básica (que varía según la historia)
• Una breve descripción
• Los colores utilizados
3.1 | La ilustración
Para una ficha de personaje, tienes 2 soluciones:
• Haz una ilustración de tu personaje en contexto
• Haz una ilustración de tu personaje de frente, como una “T Pose”
Personalmente prefiero poner a mis personajes en contexto, hace que la ficha sea más viva, pero la segunda solución permite tener una mejor visión del cuerpo y los diferentes elementos asociados al personaje. Por el momento, es como prefieras.
Simetría
Para lograr una "Pose T", la herramienta más práctica es la regla simétrica.
Para una lámina no es necesariamente necesario tener diferentes puntos de vista de tu personaje. En mi opinión todo depende del dibujo y su complejidad, pero también depende del uso que pretendas hacer del personaje.
En este caso, para un avatar de PngTuber, considero que no necesito ver la espalda de mi personaje, por lo que con eso será suficiente.
Las sombras
Me gusta mucho hacer dibujos muy sencillos con tonos planos, pero también a veces añado sombras y luces, que ayudan a crear una atmósfera o profundidad.
Para hacer sombras neutras, suelo elegir un rosa pálido para colores cálidos (p. ej. amarillo, naranja, rojo) y un azul pálido para colores fríos (p. ej. verde, violeta, azul).
Con Scott y sus colores cálidos, puedo hacer todas mis sombras con un solo color, añadiendo una capa de sombra encima de mi capa de color.
Modo de producto y máscara de recorte
Las sombras me permiten hablar de dos características importantes.
• Modo de producto: es un modo de fusión que te permite colorear la capa inferior. El color de sombra seleccionado se adaptará a los diferentes colores planos, lo que creará coherencia en tu ilustración.
• Máscara de recorte: permite que tu capa de sombra se adapte a la capa inferior. En pocas palabras, ¡tu sombra nunca sobrepasará el color!
Ambas funciones se pueden habilitar directamente en sus capas.
Los filtros
Utilizo principalmente dos filtros para un elemento específico: los reflejos de los ojos.
• La aberración cromática me permite añadir efectos de color en el reflejo.
• El desenfoque gaussiano hace que el reflejo sea brillante.
¡Combino estos dos efectos con el modo de fusión «Agregar (resplandor)» para obtener este resultado!
Los contornos
El último paso que creo que le dará vida a tu personaje es el color del contorno. Transformar los contornos negros en contornos de color cambiará absolutamente todo.
Para colorear los contornos, simplemente coloca una nueva capa como máscara de recorte sobre la capa de contorno y luego colorea.
La diferencia es obvia, ¿verdad?
3.2 | La hoja
Como ya he dicho antes, tu perfil puede adoptar muchas formas. A mí personalmente me gusta tener información gráfica y textual, ya que hago perfiles de los personajes de mis historias, pero puedes utilizar simplemente ilustraciones para un avatar.
Para que te hagas una idea, el perfil de Scott luce así:
4 | El avatar de PngTuber
Ahora que el personaje está listo, solo queda crear las animaciones para que el avatar pueda usarse en el software Veadotube.
Veadotube permite agregar 4 imágenes para hacer que el avatar se mueva:
• Boca cerrada y ojos abiertos: el estado básico
• Boca abierta y ojos abiertos: al hablar
• Boca cerrada y ojos cerrados: para que el avatar pueda parpadear aleatoriamente
• Boca abierta y ojos cerrados: para que el avatar pueda parpadear aleatoriamente al hablar
4.1 | Los ojos
Existen muchos métodos y formas de hacer que nuestro personaje parpadee. Obviamente, aquí presentaré mi propio método.
Hago el parpadeo con 3 imágenes:
• Ojos medio cerrados
• Ojos cerrados
• Ojos un poco más abiertos que el estado básico
4.2 | La boca
Para dar la ilusión de hablar, utilizamos el mismo principio que para los ojos, creando 3 bocas diferentes que representan sonidos:
• Una boca para los sonidos en A
• Una boca para los sonidos en I
• Una boca para los sonidos en O
4.3 | Montaje
Una vez que los ojos y las bocas estén listos, es hora de juntar todos estos elementos para crear 4 imágenes independientes:
• 1 PNG
• 3 APNG (PNG animados como GIF, pero de mejor calidad)
Exporta todas tus imágenes como PNG y ve a un sitio web, como este, para fusionar algunas de ellas en APNG. Deberías terminar con todas las imágenes que se muestran a continuación.
Las imágenes con una cruz rosa, por ejemplo, te permiten crear el archivo APNG número 4, marcado con un círculo rosa.
Te recomiendo utilizar la misma velocidad (Tiempo de retardo) para el parpadeo y la velocidad de la boca ya que uno de los APNG debe asociar el movimiento de los dos.
Cuando tengas tus 4 imágenes (1 PNG y 3 APNG), puedes ir a la aplicación Veadotube y colocarlas en orden, de esta manera:
¡Todo lo que tienes que hacer ahora es probar tu avatar hablando a tu micrófono para obtener este resultado!
5 | Algunos consejos adicionales
Antes de irnos, me gustaría daros algunos consejos adicionales que os ayudarán en la creación de vuestro avatar.
5.1 | El personaje desnudo
El avatar de PngTuber funciona de la misma manera que los personajes que se usan en una novela visual, por ejemplo: el personaje puede tener diferentes expresiones o ropas diferentes.
Con nuestro avatar, podríamos imaginar agregar expresiones como enojo, miedo o tristeza modificando los ojos y la boca, para luego agregar un nuevo estado en Veadotube.
Para el avatar de PngTuber que uso en la transmisión, que es un pequeño búho, agregué un segundo estado, el enojo. ¡Puedo definir una tecla en mi teclado o crear una macro para cambiar de un estado a otro con un solo clic!
Para el cambio de atuendo, el principio es el mismo, solo tienes que dibujar un nuevo atuendo y exportar todas las imágenes nuevamente.
Por lo tanto, te recomiendo encarecidamente que siempre hagas una versión "desnuda" de tu personaje, como en el ejemplo a continuación, para poder cambiar fácilmente su atuendo sin tener que volver a dibujar todo cada vez, te ahorrará tiempo.
5.2 | La capa vectorial
Una de las características clave de Clip Studio Paint en mi opinión son las capas vectoriales.
Las capas vectoriales te permiten dibujar como en una capa normal, pero poder modificar el grosor de una línea específica o ampliar y reducir tu capa sin correr el riesgo de perder calidad, por ejemplo. Personalmente, uso capas vectoriales para mis contornos, lo que me permite agregar fácilmente ropa a un cuerpo desnudo.
Duplica toda la carpeta de tu personaje desnudo (en mi caso, esta carpeta contiene el color, el contorno, el color del contorno y los reflejos de los ojos) y crea una nueva capa vectorial para la ropa. Una vez que la ropa esté lista, puedes eliminar todo lo que sobresalga o se haya vuelto invisible gracias al borrador vectorial.
Como puedes ver en el lapso de tiempo a continuación, primero terminé todo el personaje desnudo limpiamente, antes de hacer una versión vestida, ¡luego hice diferentes ojos y bocas para la animación!
6 | Conclusión
¡Felicitaciones, llegaste al final del tutorial!
Este es mi primer tutorial y te agradezco que lo hayas seguido hasta el final. Espero haber sido lo suficientemente claro, lo suficientemente preciso, espero haberte podido ayudar a crear tu avatar y responder a tus preguntas.
¡Gracias nuevamente por seguir mis explicaciones, besos ♥!
Usuarios a los que les gustó esta publicación
Comentario