Crear su propia superposición de secuencias animadas es una manera increíble de crear diseños que realmente reflejen su marca y personalidad. Si no puede permitirse el lujo de obtener superposiciones a medida, diseñar las suyas propias es una excelente alternativa. La creación de una superposición de transmisión es prácticamente gratuita si tiene acceso al software necesario.
Este tutorial asume que conoce los conceptos básicos de las herramientas de diseño, sobre el proceso de creación específico necesario para hacer superposiciones animadas de Twitch. Repasaremos todos los elementos esenciales de diseño de superposición y daremos consejos sobre el diseño de cada uno y el propósito al que sirven.
Con tantos estilos y formas diferentes de crear superposiciones, es mejor que le proporcionemos el marco para crear uno en lugar de un tutorial sobre cómo crear un estilo específico.
Creando el diseño base
Cuando aprenda a crear superposiciones animadas de Twitch, el mejor lugar para comenzar es en su software de diseño gráfico. Para este tutorial, haremos referencia a Photoshop, ya que es la opción más popular que existe. Si no tiene acceso a Photoshop, una gran alternativa gratuita es Gimp.
Cada diseño comienza con un lienzo en blanco y es importante establecer el tamaño de lienzo correcto antes de comenzar. Consulte a continuación los detalles sobre los mejores tamaños para cada elemento gráfico.
Tamaños de lienzo superpuesto
Para crear un lienzo del tamaño requerido en Photoshop, vaya a Expediente -> Nuevo. Ahora debería aparecer una ventana emergente como se muestra a continuación.
En el lado derecho de esta ventana emergente, verá opciones para ingresar valores como ancho y alto. Ingrese sus valores aquí y haga clic en crear. Ahora tienes un lienzo en blanco listo para hacer diseños increíbles.
Para comenzar a crear el diseño real, le recomendamos que consulte los tutoriales de YouTube para el elemento y estilo específicos que está tratando de crear. El aprendizaje visual es una forma mucho más eficaz de comprender las técnicas que se utilizan para cada estilo. Las herramientas que utiliza para diseñar una superposición pueden ser completamente diferentes en otra según el estilo.
Animando el diseño
Ahora que tiene su diseño base, es hora de comenzar a animar. After Effects es, con mucho, la solución de software más popular para crear animaciones, sin embargo, es un programa premium. Para aquellos con poco dinero para gastar, una gran alternativa es DaVinci Resolve. Este software tiene una versión gratuita disponible.
Los archivos de Photoshop se pueden importar directamente a un proyecto de After Effects. Al crear una composición, asegúrese de que la resolución coincida con la del archivo de Photoshop. Esto es para asegurarse de que tiene la resolución correcta al exportar más adelante.
Al igual que con el diseño base, es mejor consultar YouTube para obtener tutoriales sobre cómo animar los diseños para obtener el estilo deseado. Los elementos de animación más comunes para superposiciones son los efectos de partículas y el brillo con el complemento de saber.
Bucle de un diseño
Para gráficos animados como una cámara web o una pantalla intermedia, es importante asegurarse de que las animaciones se repitan perfectamente. Esto significa que si reprodujo la animación en repetición, no hay saltos repentinos cuando la animación termina y comienza a reproducirse nuevamente.
En la mayoría de los casos, esto es solo un caso de asegurarse de que los elementos animados estén en la misma posición en el último fotograma que en el primer fotograma. Dicho esto, los efectos de partículas pueden ser difíciles de realizar. Esto se debe al hecho de que los efectos de las partículas se generan aleatoriamente.
La forma más eficaz de hacer que se repitan en este caso es hacer que las partículas se desvanezcan cerca del final de la animación y se desvanezcan al principio.
Una vez que tenga la animación en bucle, es hora de exportarlos.
Exportación de animaciones
El último paso es exportar su animación a un formato de archivo adecuado para su software de transmisión. Para un mejor rendimiento, recomendamos utilizar el formato de archivo WebM. Este formato de archivo tiene transparencia, lo cual es muy importante para elementos como la cámara web que contienen partes “transparentes”.
El primer paso es exportar la animación de After Effects a un archivo MOV. Seleccione la composición que desea exportar y luego vaya Expediente -> Exportar -> Agregar a la cola de procesamiento
Ahora seleccione el módulo Salida en la cola de procesamiento para que aparezca la ventana emergente como se muestra a continuación.
El formato debe establecerse en QuickTime. Asegúrese de seleccionar “RGB + Alpha” en el menú desplegable de canales. Esto asegurará que el archivo conserve su transparencia.
Una vez que haya renderizado este archivo, debería estar en formato de archivo MOV. Este archivo ahora debe colocarse en otro programa llamado Premiere Pro para exportar como WebM. También necesitará un complemento llamado “WebM para Premiere”, creado por fnord.
Abra el estreno y arrastre su archivo MOV a la línea de tiempo del proyecto. Ahora selecciónalo y vete Expediente -> Exportar -> Medios de comunicación. Esto abrirá la configuración de exportación.
Asegúrese de seleccionar WebM en el menú desplegable de formatos. Del mismo modo, marque la casilla “Incluir canal alfa”. Este paso es importante ya que garantiza que el resultado final mantenga la transparencia.
Conclusión
Ahora que tiene sus archivos de animación exportados, todo lo que queda por hacer es configurarlos dentro de su software de transmisión. Hay una sorprendente cantidad de trabajo involucrado en la creación de superposiciones y requiere mucha práctica para dominar el software de diseño.
Sin embargo, si está trabajando con un presupuesto, entonces aprender a hacer superposiciones animadas de Twitch desde cero podría ser su mejor opción.
¿Tienes alguna idea sobre esto? Háganos saber más abajo en los comentarios o lleve la discusión a nuestro Twitter o Facebook.
