Cómo crear una superposición

Puede que hayas decidido abrir un canal en Twitch, la famosa plataforma de streaming firmada por Amazon, para retransmitir en directo tus vídeos más creativos y estés buscando la manera de superponer algunos cubrir personalizado? ¿O está buscando generar una gran audiencia con los programas en vivo de StreamYard y le gustaría hacer que la pantalla de transmisión sea más acogedora y personal? ¡Pues tuviste una gran idea!

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

En los próximos capítulos, de hecho, te explicaré cómo crear una superposición y cómo aplicarlo 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, ¡vamos a hacerlo! Lea atentamente la siguiente guía 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 en 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

A cubrir es un objeto gráfico decorativo que se superpone a otro objeto dinámico o estático. Normalmente, el objeto subyacente es el objeto más relevante, como el marco de la cámara web. La superposición asume el propósito de decorar y resaltar la grabación de video.

En resumen, puede comparar la superposición con el marco de una pintura o la descripción superpuesta de una imagen. Cuanto más especial sea la superposición, más destacado 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

Crear una superposición con Photoshop

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

Si no te sientes cómodo con Adobe Photoshop o no lo sabes en absoluto, déjame recomendarte una lectura rápida de mi guía sobre cómo descargar Photoshop gratis y mi tutorial general de Photoshop. De esta manera podrás hacerte una idea del potencial del programa y los costos en los que incurrirá (licencia mensual o anual, luego de 7 días de prueba gratis) y evaluar si es lo adecuado para ti, de lo contrario puedes saltarte al siguiente capítulo del tutorial. .

¿Listo? ¡vamos a empezar! Primero, pon en marcha photoshop e ir 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 a voluntad y establecer como dimensiones del proyecto: 1920 × 1080 píxeles (Longitud X Alturaen píxeles). Finalmente confirme haciendo clic en el botón azul Crear.

Ahora, haga clic en el Herramienta rectangular presente en la barra de herramientas ubicada a la izquierda, luego seleccione el elemento Relleno y seleccione el relleno vacío, para dar transparencia al cuerpo del rectángulo. Luego haga clic en la entrada Rastro y elige un color a voluntad de la paleta de colores situada justo a la derecha; insertar 20px en el campo de Espesor de la traza. Bueno, ahora haz clic en el centro de la hoja. En la pequeña ventana que se acaba de abrir, introduzca las dimensiones 1900 × 1060 píxeles (Longitud X Altura en píxeles) y presione el botón Ingresar en el teclado

Utilizando el Herramienta de movimiento, ahora coloque el rectángulo hasta que se adhiera perfectamente a los bordes de la hoja. Luego haga clic derecho en el nivel del rectángulo y elija el elemento Opciones de fusión del menú contextual. En la columna de la izquierda, haga clic en la entrada Gradiente de superposición y luego, en el centro de la ventana, haga clic en el cuadro Sombra. Puede elegir las combinaciones de tonos que prefiera, luego confirme la que desee y presione el botón OK. Aún desde la columna izquierda, haga clic en el elemento sombra paralelaluego en el centro establezca los siguientes parámetros.

  • Opacidad: 40
  • Distancia: 0
  • Extensión: 0
  • Dimensión: 25

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

Si tiene su propio logotipo en .PNGpuedes importarlo desde el menú Archivo> Colocar incrustado (arriba a la izquierda) y colóquelo en una esquina del proyecto. Tú decides el tamaño y la ubicación, en función de dónde se vea más bonito, pero asegúrate de que no ocupe demasiado espacio (de lo contrario, corres el riesgo de invadir la escena en el video a continuación).

Estamos casi alli. Ahora necesitas ocultar la capa. Antecedenteshaciendo clic en el icono ojo colocado en el lado izquierdo del nivel en cuestión; luego ve al menú Archivo > Guardar como y guarde su superposición configurando la extensión en .PNG en el cuadro Guardar como. ¡Perfecto, ha creado su primera superposición estática en Photoshop!

Cómo crear una superposición sin Photoshop

Crear una superposición sin Photoshop

Hay muchos programas gratuitos para editar y crear imágenes. En este capítulo me gustaría explicarte cómo crear una superposición sin Photoshop usando el software gratuito y de código abierto llamado CAÑUTILLO, que es la alternativa gratuita más válida a Photoshop y está disponible tanto para Windows como para macOS y Linux. Para saber cómo obtenerlo y aprender los conceptos básicos del dibujo, te sugiero que leas mi guía completa sobre cómo usar GIMP, para que tengas una idea clara del potencial del programa y entiendas si puede ser para ti.

Para empezar, empieza entonces CAÑUTILLO e ir al menú Archivo> nuevo (arriba) para crear una nueva imagen. En la ventana que acaba de abrirse, establezca el tamaño de 1920 × 1080 píxeles (Longitud X Altura en píxeles), luego haga clic en el botón OK. En la pestaña de nivelesa la derecha, haga clic en el primer icono en la parte inferior izquierda para crear un nuevo nivel.

Ahora, a través de ella Herramienta de selección rectangularcrear un 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 de Dimensión. Ahora necesitas darle una guarnición, así que ve al menú. Seleccione> A la ruta (arriba) y de la tarjeta Caminosa la derecha, haga clic con el botón derecho en el único nivel existente y elija el elemento Ruta de contorno del menú contextual.

Estamos casi alli. En la barra de herramientas de la izquierda, selecciónalo Herramienta de selección aproximada (o varita mágica) y haga clic en el borde del marco recién creado para seleccionar su relleno. Ahora haga clic derecho en la herramienta Relleno de color y elige la herramienta Degradado. Puede seleccionar los dos colores del degradado de laicono de colores, siempre ubicado en la barra de herramientas en el 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, ve al menú Filtros> Luces y sombras> Sombra proyectada (tradicional) (arriba), establecer el valor 0 en ejes X e Yluego expanda el rayo borroso para 25px y acentúa laOpacidad llevándolo a la 100%. Para confirmar la configuración de la sombra, haga clic en el botón OK. Todo lo que tienes que hacer es hacer clic en el menú. Imagen> Establecer superficie a selecciónpara cambiar correctamente el tamaño de la superposición.

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

Finalmente, haga clic en el menú Archivo> Exportar como (arriba) para elegir dónde guardar la superposición. Elige la extensión .PNG del menú Seleccionar tipo de archivo (Por extensión) y haciendo clic en Exportarobtendrá su superposición de transmisión.

Cómo crear una superposición animada

Cubrir

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

Cómo crear una superposición animada en Photoshop

Superposición animada con photoshop

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

Una vez hecho esto, verá un icono que consta de tres cajas pequeñas en la parte inferior izquierda de la ventana: haga clic en él, para convertir la línea de tiempo a animación de cuadro. Debajo del primer cuadro, puede decidir cuánto tiempo debe pasar antes de reproducir el siguiente cuadro. Le sugiero que establezca un tiempo de espera igual a 0o Sin retrasos.

Ahora, puedes dibujar en tu mejor momento marco (tu 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 termines 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 agrega también un nuevo nivelhaciendo clic en el botón + ubicado debajo de la pestaña de capas. En el nuevo nivel, dibuja algo. diferente respeta la primera escena, por ejemplo podrías replicar el marco del primer nivel pero simplemente cámbialos de color. Una vez que haya determinado los cambios en el segundo nivel, haga clic en el primer cuadro y, con ella seleccionada, esconder el segundo nivel de la pestaña de niveles. Clic en el botón jugar (debajo de la línea de tiempo) para probar su animación.

¿Conseguiste el truco? ¡Exactamente! En cada nuevo cuadro, debe crear una nueva capa que luego deberá ocultar en los cuadros 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á unanimació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), arriba a la izquierda. En la ventana de exportación que se acaba de abrir, los parámetros predeterminados siempre son ó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 Salvar 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 CAÑUTILLO, de hecho, incluso más simple que Photoshop. Así que si estás buscando cómo crear una superposición animada sin Photoshopha encontrado el programa adecuado para usted.

en el software CAÑUTILLO, la línea de tiempo de la animación es la misma que la pestaña de capas. ¡Exactamente! Las capas se convierten en marcos y el orden de reproducción comienza desde la capa inferior hasta la capa superior. El procedimiento a seguir, por tanto, es realmente sencillo. ¡Simplemente practique un poco e inmediatamente obtendrá la autonomía que necesita!

En primer lugar, debe dibujar el primer estado de su superposición en el primer nivel: para comenzar, le sugiero un marco de color (puede seguir el capítulo anterior para crear un marco), luego debe crear un nuevo nivelpero te sugiero que hagas clic en el botón Duplicar capaen la pestaña de 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 difiera de la primera. Puedes crear tantos niveles como quieras y modificar progresivamente algunos elementos a tu gusto: recuerda que el orden de reproducción de los niveles será de menor a mayor. Cuando haya preparado todos los niveles para la animación, esconder el nivel de antecedentespara tener la transparencia de la superposición.

En este punto, solo ve al menú Filtros > Animación > Optimizar (para Gif) (arriba). Si quieres, puedes ver una vista previa de la animación desde el menú Filtros > Animación > Ejecución. Si está satisfecho con la animación, solo tiene que guardarla, luego haga clic en el menú Archivo> Exportar como y, en la ventana de exportación, elija el destino donde desea exportar la superposición y configure 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 marcado las casillas como una animacion Y Lazo, con el fin de tener una animación continua y repetida. Genial: ahora haz clic en el botón Exportar para obtener su superposición animada con extensión .GIF. ¡Misión cumplida!

Cómo crear una superposición para Twitch

superposición de estudio de contracción

Con la conocida plataforma de Estudio de contracción 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, te explico cómo crear una superposición para Twitch en unos simples pasos. Encuentra todos los detalles en este capítulo de la guía.

Para comenzar, diseñe su superposición favorita siguiendo las instrucciones que le di anteriormente para crear una superposición estática. Cuando tienes el archivo en .PNGiniciar la plataforma Estudio de contracción. 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 + colocado en la pestaña de capas ubicada en la parte superior izquierda y luego haga clic en el botón Imagen. Verás un cuadro de selección en el centro de la pantalla: puedes moverlo donde quieras y darle el tamaño que prefieras; luego, en la columna de la izquierda, tendrás que hacer clic en el botón Navegar y elige una imagen para subir dentro. Cuando haya localizado su superposición en .PNGclic en el botón Abre.

La superposición que elija se ajustará automáticamente al tamaño de la marquesina, pero puede Muévelo, ampliarlo Y hazlo más pequeño a voluntad, 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 Salvar ubicado en la parte inferior de la pantalla.

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

Cómo crear una superposición para StreamYard

Cómo crear superposiciones de arroyos

La plataforma Web StreamYard permite la inserción de overlays 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 (que es el más económico) 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 el Página oficial de StreamYard. Si estás usando esta plataforma con el plan Básico y te preguntas cómo crear una superposición para StreamYardle complacerá saber que puede encontrar toda la información que necesita para hacer esto en esta sección del 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 StreamYard a través del navegador que utiliza habitualmente para navegar por Internet.

Ahora, si tiene una transmisión almacenada, haga clic en la opción Ingrese a Broadcast Studio; si no tiene una transmisión, haga 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 icono Marca (esa forma de paleta de colores) ubicada en la columna de la derecha. En este punto, todo lo que tiene que hacer es hacer clic en el botón + ubicado bajo el encabezado Cubrirpara cargar su superposición estática con extensión .PNG 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 Estudio OBS, famoso software para grabar y hacer los videos en vivo más famosos del mundo (del que te hablé aquí), seguramente habrás querido personalizar el aspecto de tu canal. Bueno, si has venido aquí para entender cómo crear una superposición para OBSte resolveré 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 Estudio OBShaga clic derecho en el centro de la escena y vaya al menú Agregar> Imagen, arriba. En la ventana que se acaba de abrir, elija el elemento Crear una nueva fuente y luego haga clic en el botón OK. Luego haga clic en el botón Navegar para buscar y seleccionar su superposición e introducirla en la escena.

Si quieres subir un superposición animadadebe agregar un fuente multimedia en lugar de una imagen: en la ventana de confirmación, puede hacer clic en el botón Navegar para buscar y seleccionar superposición animada con extensión .GIF. Compruebe que la opción Repetir, colocado justo debajo de la ruta del archivo, está seleccionado 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 te preocupes, echa un vistazo a la tarjeta. Fuentes, ubicado en la parte inferior. Notará que su superposición (imagen o fuente de medios) ha terminado debajo del Dispositivo de captura de video o debajo de otras capas de imagen: todo lo que tienes que hacer es arrastrar el nivel de la superposición en una posición superior al nivel de captura de video y listo.

Entradas Relacionadas

Subir

Utilizamos cookies para mejorar tu experiencia como usuario. Mas info