Publicado en Edición de Vídeo, Kdenlive

Títulos y Textos en Kdenlive. Capítulo 6: Usando el Efecto Rotoscopía con Textos

06_Bnr_Rotoscopía.png

En esta entrada veremos algunos aspectos del uso del efecto de Rotoscopía para animar textos en Kdenlive.

Kdenlive. Efecto Rotoscopía

Las aplicaciones de este efecto son muy diversas. Ya hemos visto en esta serie de tutoriales algunos aspectos de su uso. En una entrada se uso para trazar una ruta circular en un mapa y en otro artículo para hacer una máscara de ocultación muy precisa e incluso con formas diversas que pueden cambiar a lo largo del tiempo.

Ya vimos que es un efecto muy potente, con el que se pueden hacer muchas más cosas de las que hemos visto y veremos en este tutorial y totalmente animable pero requiere un poco de práctica y conocer bien el efecto y su modo de trabajo para sacarle partido.

El efecto “Rotoscopía” se encuentra en la familia de efectos de “Manipulación del canal alfa”

Su manejo es muy sencillo:

  1. Lo insertamos en el clip de video, imagen o título al que queremos aplicarlo.
  2. Nos aseguramos de tener activado, en el monitor de proyecto, el botón de modo de edición, para poder dibujar directamente en el monitor la máscara del efecto de rotoscopía.03 boton.png
  3. Dibujamos la máscara deseada con los puntos necesarios, es importante pensar bien la inserción de estos puntos puesto que una vez cerrada la máscara a esta no se le pueden añadir ni quitar puntos. Para cerrar la máscara una vez insertado el último punto pulsamos el botón derecho del ratón y se trazará una línea recta entre este último punto y el primero.00.png
  4. Justo en el momento que cerramos la máscara se nos crea el primer fotograma clave. 01.png02.png
  5. Si no animamos esta máscara podremos modificar su forma a partir de los puntos insertados y esta quedará estática, estos valores se añadirán al único fotograma clave.
  6. En caso de desear animar esta máscara deberemos insertar nuevos fotogramas clave y modificar la máscara a nuestro antojo.
  7. Estos puntos tienen tiradores Bézier, muy usados en gráficos vectoriales, por lo que podemos curvar la líneas ente puntos. Cada punto tiene un tirador Bézier a cada lado.03.pngSi movemos estos puntos Bézier las líneas rectas entre puntos se curvan.04.pngEn la imagen de arriba solamente he movido los puntos Bézier a partir del rectángulo que muestro con los puntos encuadrados en rojo.
  8. Lo mejor de los puntos Bezier, se pueden animar insertando claves y modificando su posición.
    05.png
    Inserto un fotograma clave.

    sec_01.gifEn esta animación los únicos puntos que he movido del rectángulo inicial han sido los puntos Bézier. Para esta animación he usado 10 fotogramas, pero esta ralentizada para que se vea bien como podemos cambiar una forma con solo modificar los citados puntos.
    A continuación la animación a tiempo real en un clip de un segundo de duración, recuerdo que la animación dura 10 fotogramas.SEC__00001.gif

Algunos ejemplos prácticos del uso del efecto de Rotoscopía con títulos en Kdenlive.

Práctica 1. Frase de una línea que aparece y desaparece mediante el efecto de Rotoscopía

Con un texto de una línea es muy sencillo.

  1. Insertamos el efecto al clip de título.
  2. Dibujamos una máscara de cuatro puntos haciendo de marco a dicho texto

    06.png

  3. Ahora ponemos el valor de “Operación alfa” en “Sustraer”08.pngY obtenemos este resultado, una transparencia total en el recuadro que enmarca la máscara de cuatro puntos07.png
  4. Ahora procedemos a animarla, creamos una clave de fotograma en el valor temporal que deseamos que tarde en aparecer el texto y en dicha clave desplazamos los dos puntos de la izquierda hacia la derecha hasta que se haga visible toda la frase.
    09.png
    Yo le dado un segundo de tiempo de entrada a esta frase.

    10.pngDetalle de como queda la máscara en la clave en que se ha descubierto la frase. El texto tiene un fondo semitransparente negro para que se lea cómodamente sin que el color blanco del mismo se difumine con los colores claros de la imagen de fondo. En la siguiente imagen he quitado este fondo para que se vea la importancia de poner este elemento para dar claridad al texto. De hecho es un error muy común el no ponerlo y esto hace a veces difícil la lectura.11.png

  5. He realizado una entrada de texto de un segundo ahora voy a realizar una salida de un segundo también sobre este mismo clip y en la misma dirección que entró. Veamos este proceso por partes:
    1. creamos una clave a un segundo menos un fotograma del final, este clip dura 4′ 24 Fotogramas por lo que inserto la clave en el segundo 3′ 23 fotogramas.
    2. Avanzo un fotograma (3′ 24) e inserto una nueva clave, y en esta desplazo la máscara, los 4 puntos a la izquierda de la frase. Lo que he hecho es cambiar de sitio la máscara en un fotograma.12.png13.png
    3. Ahora insertamos una clave al final del clip y estiramos los dos puntos de la derecha de la máscara hasta que cubran la frase.14.png15.png

A continuación un gif con el resultado de esta práctica con fondo negro y a tiempo real, 5 segundos. Con una introducción de tres segundos.16GIF.gifSi el tiempo del proceso de hacer aparecer la frase se hace más lento el resultado es muy parecido al que se obtiene con los efectos que emulan la escritura a tiempo real.

Práctica 2. Frase de varias líneas que aparecen de manera secuencial en orden de lectura

El objetivo es hacer una breve frase de tres líneas (si se entiende con tres podemos hacer las que deseemos) que aparecerán de manera secuencial por letras línea a línea.

Estas líneas van a aparecer en un segundo cada una se mantendrán otro segundo y se ocultarán en la misma dirección que han aparecido durante un segundo cada una, por lo que el tiempo será de 3+1+3=7 segundos.

Este proceso lo haremos con dos clips, uno de 4 segundos que serán los de aparición más el segundo estático y una copia exacta de este clip de 4 segundos que se cortará a 3 segundos + un fotograma y de una manera muy sencilla nos permitirá hacer la salida… Bueno veamos el proceso detallado, ya que es un poquito laborioso, para entender como haremos esto de la manera que me ha parecido más sencilla y ver el porque de este citado fotograma de más.

Partimos de la base que tenemos el clip de título inicial, de 4 segundos, insertado en la línea de tiempo, con los ajustes de vemos en la siguiente imagen;

16.png
Resalto que aparte de centrar el texto he aumentado el espaciado entre líneas para facilitar la construcción de la máscara

el texto que voy a usar es el siguiente:17.png

Y ahora que ya tenemos el guión y elementos para crear la animación vamos a ello.

  1. Insertamos el efecto “Rotoscopía” al clip de título.
  2. Acto seguido dibujamos la máscara del siguiente modo;
    18.png
    Cuando cerramos la máscara se nos crea el primer fotograma clave al principio de la línea de tiempo del efecto (al principio del clip)

    * Como consejo quiero decir que si un punto no queda exactamente donde deseamos no intentar corregirlo hasta que la máscara este cerrada y si la máscara se complica y no sale como deseamos lo mejor es eliminar el efecto y volver a comenzar.

  3. Ponemos el efecto en Modo “Alfa” y el valor del Operador de alfa en “Sustraer” y el texto desaparecerá.19.png
  4. Ahora nos desplazamos a un segundo del inicio del clip e insertamos una clave en el efecto de rotoscopía y desplazamos los puntos 1 y 2 hacia la derecha.20.png21.png* A partir de la inserción del segundo fotograma clave ya solo podremos editar la máscara cuando el cursor este encima de una de las claves o insertando de nuevas.
  5. Nos desplazamos al segundo 2 del clip insertamos una nueva clave y en esta ocasión movemos los puntos 4 y 5 al igual que el 1 y 2, hasta descubrir totalmente la línea.22.png23.png
  6. Nos desplazamos al segundo 3 del clip insertamos una clave y en esta ocasión movemos los puntos 7 y 8.24.png25.png

Ya tenemos la animación de entrada terminada, ahora nos falta hacer la animación de salida.

  1. Nos dirigimos a la línea de tiempo y copiamos el clip de título que acabamos de animar. Botón derecho sobre el clip o “Ctrl+C” con este seleccionado.26
  2. Pulsamos botón derecho del ratón en el espacio vacío tras el clip que acabamos de animar y elegimos pegar o pulsamos “Ctrl+V”. Seguro que no quedará perfectamente ajustado pero lo arrastramos para ajustarlo con el anterior si que queden ningún espacio vacío entre ellos.2728.png

    29.png
    OK
  3. Ahora tenemos un clon del clip de entrada y de manera muy sencilla haremos el de salida, pero primero eliminaremos de este clip el segundo que sobra, para ellos nos situamos en la tercera clave y una vez aquí avanzamos un fotograma;30.pngPulsamos “May+R” para dividir el clip y borramos la parte final.

    31.png
    Primero pulsamos “May+R” y luego Suprimir (Delete) para borrar el clip sobrante.
  4. Llegados aquí seguimos teniendo la misma animación que el clip de entrada por lo que para realizar la salida del texto lo único que tenemos que hacer es poner en el efecto la Operación del alfa en “Mínimo”32.pngY ya está, tan sólo con este ajuste el texto se hace visible en la primera clave de este segundo clip y va desapareciendo mediante la animación de la máscara que ya hemos realizado en el primer clip.

Adjunto un gif a continuación de como se ve la máscara a lo largo de la animación, el gif está ralentizado para que se vea bien el proceso.Gif_preview.gif

A continuación gif a tiempo real de esta práctica:sec_r.gif

Observaciones: Se puede decir que esta animación va rápida, el objetivo era que se viera como se hacía este efecto, pero la velocidad es cosa de cada proyecto, genéricamente se puede calcular la duración de un segundo (más o menos) cada dos palabras como referencia de velocidad media, por lo que en este caso serían tres segundos lo que tardaría cada línea en descubrirse, pongo un gif a continuación de como se vería esta animación con 3 segundos por línea, solo voy a realizar la entrada, puesto que la salida si puede ser rápida o igual pero ya sabemos como hacerla.

lento_.gif

Con esta velocidad parece que emulamos el efecto de máquina de escribir, aunque para hacer este efecto se calculan 3 fotogramas por palabra, espacios incluidos, para una escritura rápida y 5 fotogramas por palabra para una escritura lenta. Con estos cálculos vemos que la primera línea tiene 30 caracteres contando los espacios por lo que un una escritura lenta tardaría 6 segundos y en una rápida tardaría 3 segundos + 15 fotogramas.

Práctica 3. Texto que va cambiando de color en secuencia, tipo karaoke

En esta práctica emularemos el efecto de un texto que será negro en su inicio y se va coloreando progresivamente.

Para que este efecto sea funcional sobre un vídeo o imagen precisaremos de dos clips de título, uno para el fondo y otro con el texto.

En el clip de título que lleva el texto este deberá ser del color que deseamos que se vaya transformando a partir del negro o para que pase de este color al negro, según queramos.

A continuación pongo una imagen de ejemplo de la composición para este efecto en la que tenemos un vídeo o imagen de fondo, un clip de texto que hace de fondo para el texto, en este ejemplo de color naranja semitransparente, y un clip de título con el texto, en este caso de color verde claro.33.png53.png

Bueno vamos a ello, partimos de la base que tenemos los clips en la línea de tiempo con las duraciones necesarias.

  1. Insertamos el efecto de rotoscopía al clip de título con el texto y dibujamos el rectángulo que abarcará el texto.34.png
  2. Ahora tenemos que ajustar los parámetros del efecto para conseguir que el texto quede de color negro para irse coloreando de verde. Lo que hacemos es simplemente poner el Modo en “RVA” (este término significa RGB, Rojo (Red), verde (Green), Azul (Blue)) y activamos la casilla de “Invertir” quedando el efecto como se ve en la siguiente imagen.
    35.png
    La casilla Operación del alfa solo afecta al resultado con el modo Alfa.

    36.png
    Ya tenemos la máscara y el efecto ajustado para empezar la animación.
  3. Insertamos una clave en el segundo 3 que es lo que queremos que dure este proceso y movemos los dos puntos de la izquierda de la máscara a la derecha.37.png38.png

Gif que emula el resultado de esta animación, he quitado el vídeo de fondo quedando este negro para que el gif sea más ligero.39.gif

Práctica 4. Mascará para un texto circular

Ahora realizaremos una práctica que es similar a la que se realizó para trazar una línea circular en un mapa.

El texto que voy a usar es el siguiente en la disposición que se ve a continuación.39.png

La animación va a durar 4 segundos, uno por lado del cuadrado. Partimos de la base que ya tenemos el clip de título insertado en la línea de tiempo.

  1. Insertamos el efecto de Rotoscopía y dibujamos la máscara como indico en la siguiente imagen.40.png
  2. Ajustamos en efecto en modo alfa y la operación del alfa en sustraer.08
  3. Insertamos la segunda clave (la primera se inserta automáticamente al cerrar la máscara) a un segundo del inicio del clip y movemos los puntos 1 y 10 ilustrados en la anterior imagen del modo que se muestra a continuación42.png41.pnghe tenido que retocar también los tiradores Bézier para hacer un ajuste correcto.
  4. Insertamos el tercer fotograma clave en el segundo 2 y ajustamos la máscara como vemos a continuación, haciendo las correcciones necesarias también en los tiradores Bézier.43.png44.pngLos puntos se van amontonando a medida que vamos encogiendo la máscara.
  5. Seguimos con la inserción de la siguiente clave en el segundo 3 y movemos la máscara del siguiente modo.45.png46.pngComo se observa en la imagen se van colocando los puntos de manera que se vaya descubriendo la frase del manera correcta.
  6. Y ahora ya sólo falta el tramo final, insertamos el fotograma clave en el segundo 4 y ajustamos la máscara.47.png48.png
  7. CORRECCIONES: Llegados aquí hacemos la comprobación para ver si la máscara cumple con su cometido de manera correcta.
    • Observo que en el segundo 1 con 15 fotogramas la máscara no tapa de manera correcta por lo que voy ha hacer en principio una corrección en la clave siguiente a este punto para ver si puedo corregir este problema.49.png50.png43.pngAntes de la corrección:51.pngDespués de la corrección:52.pngCon este retoque en la clave correspondiente ya he solucionado este tramo por lo que no es necesario insertar una nueva clave.
    • Compruebo el resto y veo que todo funciona a la perfección.
  8. SALIDA EN LA MISMA DIRECCIÓN QUE HA ENTRADO: Para hacer la salida hacemos exactamente lo que hemos hecho en la práctica 2.
    1. Copiamos este clip y lo pegamos a continuación cuidando de eliminar el espacio en blanco entre los dos clips
    2. Recortamos lo que nos sobra tras la última clave, acordarse de avanzar un fotograma más de esta última clave.
    3. Y ajustamos el valor de Operación alfa a Mínimo.54.png

Y ya tenemos la práctica realizada, adjunto un gif con el resultado.53_secP4.gif

En esta entrada solo hemos trabajado con textos, pero este efecto se puede usar también para los fondos de los textos, tanto en clips donde texto y fondo van juntos como en clips separados. Las posibilidades de este efecto son muy extensas en todos los campos de edición.


Descargar los archivos kdenlive de las prácticas realizadas.



Ver_Vídeo_G

ImgFinal_Textos06.jpg

Anuncios

Un comentario sobre “Títulos y Textos en Kdenlive. Capítulo 6: Usando el Efecto Rotoscopía con Textos

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s