Cómo crear una superposición

di veteri.online

¿Has decidido abrir un canal en Twitch, la famosa plataforma de transmisión de Amazon, para transmitir tus videos más creativos en vivo y estás buscando una forma de superponer superposiciones personalizadas? ¿O está buscando crear una gran audiencia con los programas en vivo de StreamYard y le gustaría que la pantalla de transmisión sea más acogedora y personal? Bueno, ¡tuviste una gran idea!

No hay nada mejor que darles a sus espectadores una bienvenida única e inimitable, y mostrarles una pantalla personalizada es la forma más fácil de hacerlos sentir especiales y considerados. Pero el hecho de que hayas terminado en esta guía me hace pensar que no estás muy familiarizado con la creación y personalización de superposiciones. Estoy en lo cierto? Si lo adiviné, ¡déjame decirte que acabas de encontrar la guía adecuada para ti!

En los próximos capítulos, de hecho, explicaré cómo crear una superposición y cómo aplicarla en las plataformas de streaming más populares del momento. Apuesto a que eso era justo lo que querías saber, ¿verdad? ¡Así que vamos, hagámoslo! Lea la siguiente guía detenidamente para conocer toda la información que necesita para su propósito y personalice las transmisiones en vivo con superposiciones creativas y atractivas. Feliz lectura y, sobre todo, ¡diviértete!

Índice

  • Cómo crear una superposición estática
    Cómo crear una superposición con Photoshop
    Cómo crear una superposición sin Photoshop
  • Cómo crear una superposición animada
    Cómo crear una superposición animada con Photoshop
    Cómo crear una superposición animada sin Photoshop
  • Cómo crear una superposición para Twitch
  • Cómo crear una superposición para StreamYard
  • Cómo crear una superposición para OBS

Cómo crear una superposición estática

superposición estática

Una superposición es un objeto gráfico decorativo que se superpone a otro objeto dinámico o estático. Por lo general, el objeto subyacente es el de mayor relevancia, como el marco de la cámara web. La superposición asume el propósito de decorar y dar mayor protagonismo a la grabación de vídeo.

En resumen, puede comparar la superposición con el marco de una pintura o con la descripción superpuesta de una imagen. Cuanto más especial sea la superposición, más protagonismo tendrá su contenido (en este caso, tu directo). Después de esta pequeña introducción, ¡podemos continuar! Siga los siguientes capítulos para aprender cómo crear una superposición estática.

Cómo crear una superposición con Photoshop

Crea una superposición con Photoshop

¡Aquí estás! Enciende el motor de creatividad y lee atentamente la información que te daré en este capítulo para saber cómo crear una superposición con Photoshop, el software de edición de fotos por excelencia, producido por Adobe.

Si no está familiarizado con Adobe Photoshop o no lo sabe en absoluto, permítame recomendarle una lectura rápida de mi guía sobre cómo descargar Photoshop gratis y mi tutorial general sobre Photoshop. De esta forma puedes hacerte una idea del potencial del programa y los costos en los que se incurrirá (licencia mensual o anual, después de 7 días de prueba gratuita) y evaluar si es lo que te conviene, de lo contrario puedes omitir al siguiente capítulo del tutorial.

¿Listo? ¡vamos a empezar! Primero, inicie Photoshop y vaya al menú Archivo> Nuevo (arriba a la izquierda) para crear un nuevo proyecto. En la ventana que se acaba de abrir, ingrese un título de su elección y establezca el tamaño del proyecto como: 1920 × 1080 px ( Ancho x Altura , en píxeles). Finalmente confirme haciendo clic en el botón azul Crear.

Ahora, haga clic en la Herramienta Rectángulo presente en la barra de herramientas ubicada a la izquierda, luego seleccione el elemento Rellenar y seleccione el relleno vacío, para dar transparencia al cuerpo del rectángulo. Luego, haga clic en el elemento Trazar y elija un color de su elección de la paleta de colores ubicada a la derecha; introduzca 20 px en el campo Grosor del trazo. Bueno, ahora haz clic en el centro de la hoja. En la pequeña ventana que se acaba de abrir, ingrese las dimensiones 1900 × 1060 px ( Ancho x Alto en píxeles ) y presione la tecla Intro en su teclado.

Con la herramienta Mover, coloque ahora el rectángulo hasta que encaje perfectamente contra los bordes del papel. Luego, haga clic con el botón derecho en la capa del rectángulo y elija el elemento Opciones de fusión en el menú contextual. En la columna de la izquierda, haga clic en la entrada Superposición de degradado y luego, en el centro de la ventana, haga clic en el cuadro Degradado. Puede elegir la combinación de tonos que prefiera, luego confirme la que desee y presione el botón Aceptar. También desde la columna de la izquierda, haga clic en el elemento Sombra paralela, luego en el centro configure los siguientes parámetros.

  • Opacidad: 40
  • Distancia: 0
  • Extensión: 0
  • Tamaño: 25

Puedes personalizarlos a tu gusto si lo deseas. Finalmente, haga clic en el botón Aceptar.

Si tiene su propio logotipo en formato .PNG, puede importarlo desde el menú Archivo> Insertar incrustado (arriba a la izquierda) y colocarlo en una esquina del proyecto. Usted decide el tamaño y la ubicación, según el lugar donde se vea más bonito, pero asegúrese de que no ocupe demasiado espacio (de lo contrario, corre el riesgo de invadir la escena en el video a continuación).

Estamos casi alli. Ahora debe ocultar la capa Fondo haciendo clic en el icono ojo en el lado izquierdo de la capa en cuestión; luego, vaya al menú Archivo> Guardar como y guarde la superposición configurando la extensión en .PNG en el cuadro Guardar como. Perfecto, ¡has creado tu primera superposición estática en Photoshop!

Cómo crear una superposición sin Photoshop

Crea una superposición sin photoshop

Hay muchos programas gratuitos para editar y crear imágenes. En este capítulo me gustaría explicar cómo crear una superposición sin Photosohop utilizando el software gratuito y de código abierto llamado GIMP, que es la alternativa gratuita más válida a Photoshop y es disponible tanto para Windows como para macOS y Linux. Para saber cómo obtenerlo y aprender los conceptos básicos del dibujo, le sugiero que lea mi guía completa sobre cómo usar GIMP, para que tenga una idea clara del potencial del programa y comprenda si puede ser adecuado para usted.

Para comenzar, inicie GIMP y vaya al menú Archivo> nuevo (arriba) para crear una nueva imagen. En la ventana que se acaba de abrir, establezca el tamaño de 1920 × 1080 px ( Ancho x Alto en píxeles ) y, a continuación, haga clic en el botón Aceptar. En la pestaña Capas de la derecha, haga clic en el primer icono en la parte inferior izquierda para crear una nueva capa.

Ahora, con la Herramienta de selección rectangular, cree una forma simple en la hoja, luego puede refinarla escribiendo el valor 0 en los dos campos de la Posición y escribiendo 1920 y 1080 en los campos Tamaño. Ahora tienes que darle un esquema, así que ve al menú Seleccionar> A ruta (arriba) y desde la pestaña Rutas, a la derecha, haz clic derecho en el solo la capa existente y elija el elemento Ruta de contorno en el menú contextual.

Estamos casi alli. En la barra de herramientas de la izquierda, elija la Herramienta de selección difusa (o varita mágica) y haga clic en el borde del marco recién creado para seleccionar su relleno. Ahora haga clic con el botón derecho en la herramienta Relleno de color y elija la herramienta Degradado. Puede seleccionar los dos colores del degradado desde el icono de color, también ubicado en la barra de herramientas del lado izquierdo del programa. Luego, arrastre el cursor del mouse por la hoja, mientras mantiene presionado el botón izquierdo, para crear un degradado de color en el marco. Puedes intentarlo una y otra vez hasta que encuentres el tono que más te guste.

Para darle un efecto de sombra interior, vaya al menú Filtros> Iluminaciones y sombras> Proyectar sombra (tradicional) (arriba), establezca el valor 0 en el ejes X e Y, luego expanda el Radio de desenfoque a 25px y acentúe la Opacidad llevándolo al 100%. Para confirmar la configuración de la sombra, haga clic en el botón Aceptar. Luego, solo tiene que hacer clic en el menú Imagen> Establecer superficie a selección para cambiar el tamaño de la superposición correctamente.

Si desea insertar una imagen o logotipo para decorar su superposición, simplemente haga clic en el menú Archivo> Abrir como capas (arriba). Luego, puede colocar la imagen donde prefiera y cambiar su tamaño con la Herramienta Mover. Puede agregar texto en color con la Herramienta de texto para ingresar, por ejemplo, su apodo de transmisor. Antes de guardar la superposición, debe ocultar el fondo haciendo clic en el icono ojo a la izquierda de la capa de fondo.

Finalmente, haga clic en el menú Archivo> Exportar como (arriba) para elegir la ubicación en la que guardar la superposición. Elija la extensión .PNG del menú Seleccionar tipo de archivo (por extensión) y, al hacer clic en Exportar, obtendrá su superposición para la transmisión. .

Cómo crear una superposición animada

Cubrir

Algunas plataformas de transmisión admiten superposiciones animadas: pueden ser pequeños vídeos o imágenes compuestas por varios fotogramas, como notas GIF animadas. Si crear una superposición estática fue divertido, entonces los próximos capítulos van a ser una maravilla. Si quieres saber cómo crear una superposición animada, encuentra toda la información útil para hacerlo a continuación.

Cómo crear una superposición animada con Photoshop

Superposición animada con photoshop

Crear una superposición animada en Photoshop es bastante simple. Para comenzar, debe crear un nuevo proyecto del tamaño que desee, luego hacer clic en el menú Ventana> Línea de tiempo (arriba) y hacer clic en Crear video timeline que encontrarás en la parte inferior de Photoshop.

Una vez hecho esto, verá un icono que consta de tres pequeños cuadros en la parte inferior izquierda de la ventana: haga clic en él para convertir la línea de tiempo en animación de fotogramas. Debajo del primer fotograma, puede decidir cuánto tiempo debe pasar antes de reproducir el siguiente fotograma. Le sugiero que establezca un tiempo de espera de 0, es decir, Sin demora.

Ahora, puede dibujar en su primer cuadro (su primera escena). Le sugiero que comience con algo simple, como un marco de color (puede seguir el capítulo anterior para crear un marco). Cuando hayas terminado de dibujar tu primera escena, haz clic en el símbolo + en la parte inferior de la línea de tiempo para agregar un nuevo marco.

Luego, agregue también una nueva capa, haciendo clic en el botón + ubicado debajo de la pestaña de capas. En la nueva capa, dibuja algo diferente a la primera escena; por ejemplo, podrías replicar el fotograma de la primera capa pero simplemente cambiar su color. Una vez que haya determinado los cambios en la segunda capa, haga clic en el primer fotograma y, con él seleccionado, ocultar la segunda capa de la pestaña de capas. Haz clic en el botón reproducir (debajo de la línea de tiempo) para probar tu animación.

¿Conseguiste el truco? ¡Exacto! En cada nuevo fotograma, debe crear una nueva capa que luego deberá ocultar en los fotogramas anteriores. Si necesita hacer una animación gradual, simplemente seleccione dos fotogramas diferentes al mismo tiempo y haga clic en el botón Interpolación entre fotogramas, ubicado justo debajo de la línea de tiempo. Esto generará una animación gradual entre el primer fotograma seleccionado y el segundo.

Si está satisfecho con la animación, puede exportarla haciendo clic en el menú Archivo> Exportar> Guardar para Web (versión anterior), en la parte superior izquierda. En la ventana de exportación que se acaba de abrir, los parámetros predeterminados son siempre óptimos, pero asegúrese de haber seleccionado las opciones Transparencia y Opciones de ciclo: Siempre. Después de hacer esto, puede hacer clic en el botón Guardar para obtener su superposición animada (puede encontrar un ejemplo del resultado final aquí).

Cómo crear una superposición animada sin Photoshop

Superposición animada sin photoshop

Crear una superposición animada también es muy simple con GIMP, incluso más fácil que Photoshop. Entonces, si está buscando cómo crear una superposición animada sin Photoshop, ha encontrado el programa para usted.

En el software GIMP, la línea de tiempo de la animación es la misma que la pestaña de capas. ¡Exacto! Los niveles se convierten en fotogramas y el orden de reproducción comienza desde el nivel más bajo hasta el nivel más alto. El procedimiento a seguir, por tanto, es realmente sencillo. ¡Solo practica un poco e inmediatamente obtendrás la autonomía que necesitas!

En primer lugar, debe dibujar el primer estado de su superposición en la primera capa: para comenzar, le sugiero un marco de color (puede seguir el capítulo anterior para crear un marco), después de eso necesita crear un nueva capa, pero le sugiero que haga clic en el botón Duplicar capa, debajo de la pestaña Capas, para obtener una copia exacta de la primera capa.

Ahora puedes cambiar el color o la forma de la segunda capa a tu gusto, para que se diferencie de la primera. Puedes crear tantos niveles como quieras y modificar gradualmente algunos elementos a tu gusto: recuerda que el orden de reproducción de los niveles será de menor a mayor. Cuando haya preparado todas las capas para la animación, oculte la capa de fondo, para tener la transparencia de la superposición.

En este punto, simplemente vaya al menú Filtros> Animación> Optimizar (para GIF) (arriba). Si lo desea, puede ver una vista previa de la animación en el menú Filtros> Animación> Ejecución. Si está satisfecho con la animación, solo tiene que guardarla, luego hacer clic en el menú Archivo> Exportar como y, en la ventana de exportación, elegir el destino donde desea exportar la superposición y configurar la extensión .GIF en el cuadro Seleccionar tipo de archivo. Finalmente, haga clic en el botón Exportar.

En la ventana que acaba de aparecer, asegúrese de haber seleccionado las casillas Como animación y Bucle continuo, para tener una animación continua y repetida. Genial: ahora haz clic en el botón Exportar para obtener tu superposición animada con la extensión .GIF. ¡Misión cumplida!

Cómo crear una superposición para Twitch

Superposición de Twitch Studio

Con la popular plataforma de Twitch Studio, puede aplicar superposiciones estáticas en minutos. Desafortunadamente, no es posible cargar superposiciones animadas ya que la plataforma las traduce como imágenes estáticas. Sin embargo, es posible cargar pequeños videoclips como alternativa a las animaciones. Pero no vayamos más lejos, explicaré cómo crear una superposición para Twitch en unos sencillos pasos. Encuentre todos los detalles en este capítulo de la guía.

Para comenzar, dibuje su superposición favorita siguiendo las instrucciones que le di anteriormente para crear una superposición estática. Cuando tenga el archivo .PNG, inicie la plataforma Twitch Studio. En la parte inferior de la pantalla principal, haga clic en el botón Editar escena.

En este punto, haga clic en el botón + ubicado en la pestaña de capas ubicada en la parte superior izquierda y luego haga clic en el botón Imagen. Verás aparecer un cuadro de selección en el centro de la pantalla: puedes moverlo donde quieras y darle el tamaño que prefieras; posteriormente, en la columna de la izquierda, tendrás que hacer clic en el botón Examinar y elegir una imagen para subir allí. Cuando haya localizado su superposición .PNG, haga clic en el botón Abrir.

La superposición que ha elegido se ajustará automáticamente al tamaño del cuadro de selección, pero puede moverla, ampliarla y reducirla según que desee haciendo clic en una esquina y arrastrándola en la dirección que desee. Cuando haya terminado de personalizar la escena, haga clic en el botón Guardar ubicado en la parte inferior de la pantalla.

¡Hecho! ¡Ahora puedes experimentar con la creación de nuevas superposiciones y subirlas a Twitch Studio para personalizar tu transmisión en vivo de una manera única y creativa!

Cómo crear una superposición para StreamYard

Cómo crear superposiciones de streamyard

La plataforma web StreamYard permite la inserción de superposiciones solo en planes pagos. Desafortunadamente, la cuenta de transmisión en vivo gratuita no le permite realizar cambios importantes en su canal. Sin embargo, el plan básico (es decir, el más barato) es suficiente para acceder a muchas funciones como esta, incluida la de poder cargar superposiciones animadas.

Encuentra todos los detalles sobre los planes económicos en la página oficial de StreamYard. Si está utilizando esta plataforma con el plan Básico y se pregunta cómo crear una superposición para StreamYard, le complacerá saber que puede encontrar toda la información que necesita para hacerlo en esta sección de el tutorial.

Entonces, para comenzar, dibuje una superposición siguiendo las instrucciones sobre cómo crear una superposición estática o cómo crear una superposición animada que le di anteriormente. Después de exportar su superposición estática o animada, inicie sesión en su cuenta StreamYard utilizando el navegador que suele utilizar para navegar en línea.

Ahora, si tiene una transmisión almacenada, haga clic en la opción Ingresar a Broadcast Studio; Si, por el contrario, no tienes una transmisión, haz clic en la opción Crear transmisión y dale un título a tu nuevo canal. En la pantalla de Broadcast Studio, debe hacer clic en el ícono Marca (esa forma de paleta de colores) ubicado en la columna de la derecha. En este punto, todo lo que tiene que hacer es hacer clic en el botón + ubicado debajo del elemento Superposición, para cargar su superposición estática con .PNG extensión o una superposición animada con la extensión .GIF.

Notará que StreamYard cargará la superposición en tamaño completo, por lo tanto, en pantalla completa. Desafortunadamente, no se permite la personalización del tamaño o la posición de la superposición.

Cómo crear una superposición para OBS

Cómo crear superposiciones para obs

Si estás usando OBS Studio, el famoso software para grabar y hacer los videos en vivo más famosos del mundo (del que te hablé aquí), seguramente habrás querido personaliza el aspecto de tu canal. Bueno, si vino aquí para comprender cómo crear una superposición para OBS, me conformaré con usted de inmediato.

Para comenzar, dibuje una superposición siguiendo las instrucciones sobre cómo crear una superposición estática o cómo crear una superposición animada que le di anteriormente (¡así es! OBS también admite superposiciones animadas con la extensión .GIF ).

Después de crear su superposición, inicie el software OBS Studio, haga clic con el botón derecho en el centro de la escena y vaya al menú Agregar> Imagen en la parte superior. En la ventana que se acaba de abrir, elija el elemento Crear una nueva fuente y luego haga clic en el botón Aceptar. A continuación, haga clic en el botón Examinar para examinar y seleccionar su superposición e introducirla en la escena.

Si desea cargar una superposición animada, debe agregar una fuente de medios en lugar de una imagen: en la ventana de confirmación, puede hacer clic en Examinar para buscar y seleccionar la superposición animada con la extensión .GIF. Verifique que la opción Repetir, ubicada justo debajo de la ruta del archivo, esté seleccionada, para permitir que la animación se repita continuamente sin detenerse; de lo contrario, el archivo multimedia ejecutará solo un bucle de animación y luego aparecerá como una imagen estática.

Cuando haya elegido la superposición estática o animada para incluirla en la escena OBS, puede moverla libremente haciendo clic en ella y arrastrándola en cualquier dirección. Sin embargo, si mantiene el cursor del mouse sobre las esquinas del cuadro, puede cambiar su tamaño como desee.

Puede suceder que después de cargar la superposición no pueda ver ningún objeto nuevo insertado, como si estuviera oculto por el fondo o la grabación de video. No se preocupe, eche un vistazo a la pestaña Fuentes, ubicada en la parte inferior. Notarás que tu superposición (imagen o fuente de medios) ha terminado debajo del Dispositivo de captura de video o debajo de otras capas de imagen: solo tienes que arrastrar la capa del ' superposición en una posición más alta en el nivel de captura de video y eso es todo.