Discover and read the best of Twitter Threads about #00ff00
Most recents (1)
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).
