Hace unos días hice una cortinilla para los cambios de escena en Twitch (sin After Effects o programas similares).
Los pasos que seguí:
1. Crear animación con HTML/CSS (JS opcional)
2. Establecer color #00ff00 para fondo a ignorar
3. Grabar en video la animación (ej: con OBS)
Los pasos que seguí:
1. Crear animación con HTML/CSS (JS opcional)
2. Establecer color #00ff00 para fondo a ignorar
3. Grabar en video la animación (ej: con OBS)
Una vez hecho esto, desde una terminal con ffmpeg convertimos el fondo verde (color #00ff00) en transparente:
`ffmpeg -i animation.mkv -filter_complex colorkey=0x00ff00:0.7:0.2 -vb 6000K chroma.webm
El `0.7` es un 70% de semejanza
El `0.2` es usar un 20% de transparencia
`ffmpeg -i animation.mkv -filter_complex colorkey=0x00ff00:0.7:0.2 -vb 6000K chroma.webm
El `0.7` es un 70% de semejanza
El `0.2` es usar un 20% de transparencia
Por último, en OBS creamos una transición de tipo `Stinger` y seleccionamos el video que acabamos de crear.
En mi caso la animación es de 3 segundos, por lo que en "Tiempo de tipo de punto de transición" ponemos: `1500` (1,5 segundos).
En mi caso la animación es de 3 segundos, por lo que en "Tiempo de tipo de punto de transición" ponemos: `1500` (1,5 segundos).
En el caso de necesitar una pista mate para hacer el video Matte Stinger, podemos utilizar el siguiente comando:
`ffmpeg -i animation.webm -i mate.webm -filter_complex colorkey=0x00ff00:0.7:0.2,hstack chroma.webm`
Más info: obsproject.com/wiki/Getting-S…
`ffmpeg -i animation.webm -i mate.webm -filter_complex colorkey=0x00ff00:0.7:0.2,hstack chroma.webm`
Más info: obsproject.com/wiki/Getting-S…
¡Y voilà! Resultado final:
clips.twitch.tv/ObliviousFurti…
clips.twitch.tv/ObliviousFurti…
• • •
Missing some Tweet in this thread? You can try to
force a refresh
