Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Videoedición con Blender. Rótulo animado sobre vídeoclip. - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 6 de enero de 2024 por Fernando B.

25 visualizaciones

Realizamos una animación muy simple con footage de pexels video:
https://www.pexels.com/es-es/video/un-perro-mascota-deambulando-por-una-camara-3042471/
Con Inkscape realizamos la franja a la altura del vídeo que queramos y a continuación exportamos el texto que queremos que se mueva.
Abrimos un archivo nuevo de videoedición con Blender, editamos y renderizamos.
Para los que tenéis que entregar la actividad lo comprimís todo en una archivo ZIP y lo subís al Aula Virtual.

Más información Transcripción

Descargar la transcripción

Hola a todos, en este vídeo vamos a realizar esto que estáis viendo, que es una composición editada en vídeo en el que simplemente tratamos de realizar la típica superposición de rotulación, aquí como veis, un texto que se mueva de derecha a izquierda sobre una franja que a su vez está superpuesta sobre el footage de un vídeo cualquiera. 00:00:00
Vamos a ello. Vamos a abrir Firefox, concretamente el navegador, y vamos a entrar en la página de Pexels. 00:00:31
Me saldrá un primer resultado. Dentro de este primer resultado vais a apreciar esta página y vamos a desplegar este menú para entrar dentro de vídeos. 00:00:40
Y para que todos tengamos más o menos lo mismo, voy a poner la UPI como categoría de búsqueda y voy a bajar hasta que me encuentre un determinado vídeo que tiene que ver con un tecl. 00:00:54
Aquí está, este es el tecl. Atención aquí porque vamos a poder descargarlo además en diversos formatos. Aquí, si desplegamos este menú, vais a poder apreciar que lo podemos descargar desde 4K hasta tamaños realmente livianos. 00:01:11
Nos vamos a quedar a medio camino. Mi Full HD vamos a hacerlo en HD que va a ser un peso que nos va a permitir trabajar con cierta soltura incluso en los ordenadores de nuestra aula de informática que son bastante vetustos. 00:01:28
Aquí marcamos HD en cualquier caso y le vamos a descargar el tamaño seleccionado. Véis que ya se está descargando. Muy bien. Vamos a abrir esta carpeta de descarga que es básicamente la carpeta de raíz donde estamos aquí en la luna, es decir, que no tiene carpeta de descargas como tal. 00:01:43
Y lo que vamos a hacer es que vamos a volcar este vídeo a escritorio y dentro de escritorio, que también lo podemos tener aquí, veis, es lo mismo. Este es el escritorio y esta es la carpeta de escritura abierta. De hecho voy a cerrarla aquí. 00:02:02
Lo que vamos a hacer es que dentro de la carpeta de Blender, que va a ser la única carpeta que una vez que reiniciamos el sistema va a conservarse, vamos a añadir aquí una carpeta nueva y lo vamos a llamar nuestro proyecto. Concretamente, proyecto en mi caso, pues Fernando. 00:02:15
¿Y qué es lo que vamos a hacer? Voy a meter dentro de este proyecto, Fernando, el footage que acabamos de descargar. Concretamente, veis ahí el vídeo, para adentro. Ahí está. Lo siguiente que vamos a hacer también es que vamos con el botón derecho a mirar las propiedades de este vídeo que nos hemos descargado y concretamente lo que vamos a hacer es en MediaInfo comprobar la altura y la anchura, es decir, la resolución completa. 00:02:34
Vamos a bajar, bajar, bajar y en algún momento de todos estos datos debería aparecer. Aquí está. Mira, la anchura. 1280x720. Esta sería la resolución ideal para poder trabajar sin demasiados sobresaltos con los ordenadores de los que disponemos en el aula. 00:02:59
Y además, 1280x720, lo vamos a sacar con esa resolución, con esos números. Y además vamos a poder también observar el tipo de formato, la codificación, etcétera. Todo lo que realmente necesitamos. Veis que es un 720p. ¿Por qué? ¿Por qué nos interesa acordarnos de esos dos números? Pues porque lo que vamos a hacer es que le vamos a añadir con Inkscape, vamos a abrir Inkscape, aquí. 00:03:18
Vamos a añadirle un texto con fondo transparente. Vamos aquí a guardar, todo esto nada nuevo, ya sabéis cómo es, documento nuevo. Esto evidentemente no se corresponde con la relación de proporción que necesitamos. ¿Cómo la vamos a cambiar? Vamos a archivo, vamos a propiedades del documento, aquí se nos va a abrir. 00:03:44
Y si bajamos mucho, aquí en página, vais a ver que de hecho tenemos precisamente esa relación de proporción ya disponible y esperándonos. Ahí está. Vídeo HD. Vamos a marcar borde encima del dibujo y lo que es más importante, aquí en color de fondo, vamos a cerciorarnos de que tenemos el canal alfa a cero, es decir, que tenemos el fondo transparente. 00:04:07
Por si acaso no lo estuviera, creo que por defecto lo está. Y ya está, aquí no hay que hacer nada más, no hay que darle a guardar ni nada por el estilo, simplemente cerramos. Y veis que efectivamente esta es la relación de proporción que necesitamos. 00:04:31
Echamos un vistazo al vídeo de nuevo, lo vamos a reproducir. Hago doble clic sobre él y compruebo más o menos a qué altura yo voy a querer que transcurra el vídeo, mejor dicho, el texto que quiero superponer, como si fuera una especie de barra para un telediario. Es como si fuéramos a superponer un rótulo en movimiento. 00:04:44
Así que ya sé que es por la parte de abajo. Eso significa que es por aquí que vamos a añadir primero de todo un rectángulo y voy a procurar que el color de este rectángulo contraste nítidamente con el color del vídeo. Así que lo que voy a hacer es que de nuevo lo voy a reproducir y más o menos a la mitad lo voy a parar. 00:05:10
Y vemos que efectivamente el fondo es bastante clarito, es así una serie de colores asalmonados, pastel, así que en contraste con ese color pues voy a poner por ejemplo algo anaranjado, vamos a ver, algo así, y voy a procurar que el texto a su vez pues tenga un color como amarillo o algo por el estilo, o blanco sobre naranja, me va a parecer bien. 00:05:31
Escribimos cualquier tontería en el texto que nos parezca mínimamente interesante. 00:05:55
Descriptible. Como podéis apreciar evidentemente el texto excede claramente lo que es el tamaño, de hecho incluso lo voy a hacer más grande todavía, ahí está, con control para que se lea perfectamente. 00:06:26
Van a ser dos elementos totalmente separados y diferenciados. Una cosa va a ser lo que es la franja naranja y otra cosa luego va a ser el texto. 00:06:42
Y como así lo voy a hacer, pues lo que hago es primeramente, como veis, voy a exportar solamente lo que es la franja, de hecho la franja la voy a prácticamente meter aquí por aquí debajo, tened en consideración que cuando exportemos solamente se va a exportar todo lo que haya dentro de la página. 00:06:53
Vamos a ello, exportar, exportar imagen png, activamos página y en exportar como nos cercioramos de que lo hacemos dentro de la carpeta de Blende, dentro del proyecto Fernando y aquí esto lo vamos a llamar franja. 00:07:12
Vamos a ello, franja.png, comprobamos que efectivamente tenemos aquí una imagen que tiene el fondo transparente, ¿cómo sabemos que es transparente? Por esta textura cuadriculada que nos indica que el fondo es transparente, esto por un lado. 00:07:27
Y ahora lo que vamos a hacer es el texto como tal. Voy a eliminar o simplemente quitar de en medio la franja y nos vamos a quedar con todo el texto. En este caso en vez de exportar la página voy a exportar la selección. 00:07:45
La selección lo que nos permite es ajustar una imagen que va a ser transparente y que va a tener la anchura justa y necesaria que yo quiero. Así que de nuevo voy a exportar como, a esto lo llamamos texto.png dentro de la carpeta de proyecto Fernando. 00:08:05
Minimizo que no cierro por si acaso quiero cambiar alguna cosa o quiero añadir algo incluso. Y veis que aquí tenemos todo el footage necesario para poder ya por fin producir nuestra animación superpuesta sobre el vídeo. 00:08:23
Así que vamos a abrir. ¿Abrir qué diréis? Blender. Así que subimos un punto, subimos un nivel y nos vamos a Blender. Ahí está. Se va abriendo lentamente como no puede ser de otra manera. 00:08:39
Bien. Vamos a abrir directamente lo que es la interfaz tipo vídeo. Así que vamos a File, New y dentro de New vamos a Video Editing. Ahí está. 00:08:58
Nos interesa aquí en el explorador de archivos entrar dentro de la carpeta donde tenemos todo nuestro footage. Aquí está. Así pues vamos primero a meter el vídeo. Ahí está. 00:09:12
Lo primero que tenemos que tener en consideración es que esto veis que se va moviendo. Vamos a intentar que se ajuste lo más posible sobre todo aquí al principio. Ahí está. Cero. Y veis que tenemos un vídeo que dura 336 fotogramas. 00:09:30
Mientras que la previsualización, estoy haciendo esto con la rueda del ratón, solamente llega hasta 250. Lo tenemos aquí y lo tenemos aquí. 00:09:46
Por tanto, lo que hay que hacer primero de todo, y esto es una peculiaridad de Blender, tenemos que sustituir la visualización del vídeo por el fotograma final de lo que queramos exportar. En este caso, 336. ¿Por qué? Porque es lo que marca aquí, 336. ¿De acuerdo? 00:09:53
¿Qué va a pasar con el audio? Pues que el audio probablemente no sea para nada interesante. Veis que he activado Display Waveform. ¿Para qué? Para comprobar si realmente hay algo que escuchar aquí. Y como veis que no hay ni un solo pico, significa que este archivo de audio lo único que hace es simplemente quitarnos RAM. Así que la vamos a eliminar. 00:10:13
Y nos vamos a quedar solamente con el vídeo. Siguiente paso. Muy rápido. Vamos a añadirle la franja. La franja transparente la vamos a poner justo encima. Me la pone debajo por defecto, pero yo la quiero encima. 00:10:38
Pues no veo nada. No, porque tenemos que poner lo que es la previsualización, aquí lo que es la barra de visualización, allí donde coincidan ambas franjas. Y yo voy a querer que esta franja ocupe todo. Así que me voy a uno de los extremos y lo que voy a hacer es extender, incluso más allá del fotograma 336. Y lo mismo hago aquí con el comienzo. ¿De acuerdo? 00:10:52
Lo que vamos a hacer primero es que vamos a rebajarle a la franja la opacidad para que no sea tan tan saturada y de hecho se pueda apreciar incluso por detrás lo que es las texturas de la alfombra sobre la que está. Y vamos a ponerlo por ejemplo a 0,7. Y veis que efectivamente de esta manera se aprecia bastante bien todo, incluso los detalles. 00:11:20
Y no solamente eso, sino que voy a querer que esta franja aparezca progresivamente al principio del vídeo. ¿Cómo lo hago? Pues con el botón derecho vamos a darle, siempre y cuando tengamos seleccionado evidentemente esta franja, le vamos a dar un Fade In. 00:11:44
Y vais a apreciar, vamos a ir al principio del todo, vamos a darle al Play y vais a ver cómo aparece la franja progresivamente y conserva esa transparencia al 60%. 00:12:01
Muy bien, vamos a añadir por tanto ya el texto, el texto que lógicamente va a estar, vamos a ver si soy capaz de volcarlo, a ver si me deja, vamos a ponerlo en modo aquí de lista, a ver si selecciono, ahí está. 00:12:12
Estas cosas son las que inquietan verdaderamente. La voy a poner encima de todo, veis que ya aparece por aquí el texto y lo vamos a extender de principio a fin, es decir, aquí va a empezar con la rueda y vamos a ver si me deja extenderlo hasta el final. 00:12:26
Ahí está. Muy bien, primero de todo nos llama la atención que evidentemente no lo sitúa en todo el medio, es decir, que no está a la altura de la franja donde yo quisiera, eso lo vamos a cambiar inmediatamente. 00:12:53
¿Cómo vamos a hacerlo? Pues aquí en Transform, veis que tenemos la posibilidad de cambiar en X, en Y, incluso la escala, la rotación, podemos cambiar prácticamente todo. 00:13:06
Lo que vamos a hacer es que vamos a cambiar la altura, en este caso vamos a bajar lo que es la medida de Y y la vamos a situar, ahí está, más o menos a esa altura. 00:13:16
Perfecto. Y luego lo que vamos a hacer es que vamos a animar un deslizamiento en cuanto a la posición en X. Así, por tanto, lo que vamos a hacer es que primero nos vamos al principio del todo, ya bien sea con la tecla avanzar o retroceder página, nos vamos a ir al principio y al final de cada uno de nuestros clips. 00:13:30
Y entonces ahora lo que queremos es que el texto aparezca de derecha a izquierda para que sea elegible. Así, por tanto, en posición X, en el fotograma, en este caso, veis que lo tengo aquí en fotograma 2, lo vamos a situar, veis aquí, a la derecha, no tanto, no tanto, no tanto, me he pasado claramente, vamos a ver si consigo recuperarlo. 00:13:57
Madre mía, vamos a ponerlo a 500 píxeles otra vez, ahí está. Y entonces lo llevo, vamos a ver si soy capaz, lo llevo aquí ahora con mucho cuidadito, ya se me fue, otra vez. 00:14:20
Vamos a ponerlo, por ejemplo, a 2000 píxeles, que está claramente fuera, pero bueno, ahí está, ahí aparece, 2000 píxeles. Y ésta lo vamos a convertir en un fotograma clave, es decir, con el cursor encima, vamos a dar con la letra Y latina, y veis que se pone en amarillo. 00:14:35
Eso significa que en el fotograma 2 hemos fijado como fotograma clave de posición, en cuanto a su situación en X, a 2000 píxeles. Vamos a irnos, por ejemplo, pues donde nosotros queremos que el texto se quede definitivamente fijo, que es aquí, ¿vale? 00:14:52
Y lo que vamos a hacer es que lo vamos a mover, entonces, durante todo ese periodo de tiempo, ve este asediente, ya se me fue otra vez, bueno, vamos a ponerlo a 200 píxeles, ahí está, y simplemente ya manualmente lo voy a ir rebajando, vamos a ponerlo a 150, no, a 100, tampoco, a 50 píxeles. 00:15:12
Todavía sigue sin verse, 0 píxeles, tampoco, menos 50, ahí está, ya que por lo menos se termina con deseándonos un horror indescriptible, vale. 00:15:41
Y estamos hablando del fotograma número 300, así que ahí lo vamos a fijar, letra Y latina, y lo único que vamos a querer es que luego todo esto, a partir de precisamente este fotograma, haya un fade out, vale, entonces vamos a marcar con fade, un fade out, ahí está, y lo mismo vamos a hacer con la franja naranja, un fade out. 00:15:53
Muy bien, vamos a ver que tal nos ha quedado todo en general, ahí está, bestia sedienta, bla bla, bla bla, un horror indescriptible, y ahora todo eso va a desaparecer y el perrito se va. 00:16:17
Esto sería lo que es la edición en sí, vamos por tanto ahora a crear el vídeo en cuestión, para cuando necesitemos reeditar cualquier cosa, recordad que necesitáis quedaros con la carpeta completa, luego lo que vamos a hacer es que vamos a subir la carpeta completa. 00:16:33
¿A dónde, diréis? Pues a la hora virtual, bien, a lo que íbamos, vamos a exportar todo esto, es decir, vamos a renderizar, vamos a renderizar por primera vez nuestro vídeo. 00:16:52
Lo primero es que tenemos que situarnos aquí arriba con el icono de la impresora, vamos a bajar, y donde pone output, esto es esencial, veis que por defecto nos lo pone en una carpeta que es temporal, es TMP, eso no se sabe ni dónde está. 00:17:03
Así que necesitamos situarlo dentro de la carpeta del escritorio, dentro de Blender, y como no puede ser de otra manera, dentro de la carpeta de Proyecto Fernando. 00:17:17
Todo lo que, cada uno tendrá su nombre, evidentemente, todo lo que metamos dentro de Blender no se va a perder, todo se ha dicho, a no ser que alguno de vuestros compañeros decida borrar la carpeta. 00:17:26
En cuyo caso, es preferible que también reforcéis vuestros archivos con un USB o subiéndolo a la ola virtual, pues seguramente también. 00:17:35
Vamos a ello, vamos a llamarlo bestia sedienta de sangre, y le vamos a dar a aceptar. 00:17:46
Le vamos a añadir aquí en encoding, vamos a comprobar que es un MP4, que podría ser cualquier otra cosa, puede ser un MKV, el video codec un H.264, también todo eso es extremadamente estándar. 00:17:56
Y el audio, que no tenemos ninguno, por cierto, podríamos añadirle un audio, pues es un ACC. 00:18:10
Entonces, ¿qué es lo que vamos a hacer? Pues le vamos a ir aquí a Render, y simplemente le vamos a dar a Render Animation. 00:18:18
Y vais a ver que esto parece como que va muy lento, porque de hecho, lógicamente vamos a disponer de muy poca capacidad de procesado para este tipo de cosas, 00:18:32
y es por eso que estamos trabajando preferentemente con archivos livianos y con cosas bastante cortas y pequeñas. 00:18:41
Muy bien, por lo visto, habemos ya el video. Entonces, ¿veis que esta es la ventana donde se ha renderizado? Esta la podemos cerrar. 00:18:51
Si vamos a querer luego continuar con cualquier tipo de edición, vamos a tener que guardar el archivo master, es decir, en File, vamos a darle a Save As. 00:19:17
Se va a guardar con la extensión .blend. Recordad que lo tenemos que guardar todo dentro de Blender, y preferentemente dentro de la carpeta de proyecto. 00:19:26
Este lo vamos a llamar Perrito, .blend, Perrito, vamos a ir incluso a Master, para que quede claro que estamos hablando del archivo que nos va a permitir seguir editando. 00:19:35
Le damos a Save, ¿vale? Es decir, cierro aquí, ahora ya puedo, dentro de la carpeta de Proyecto Fernando, todo esto es lo que deberíamos de tener. 00:19:45
Deberíamos de tener un .blend, deberíamos de tener aquello que hemos exportado, mejor dicho, renderizado, que es lo que termina en .mp4, y, por supuesto, los tres archivos de footage. 00:19:55
El .blproxy, este es una carpeta que nos sirve para poco, incluso hasta la podemos borrar, pero sirve fundamentalmente, a ver, sirve para poco es un decir, sirve para bastante. 00:20:10
Véis que si abrimos aquí vais a encontrar unos cuantos vídeos, que es lo que hace Blender para poder, digamos, facilitar la previsualización de los archivos con los que trabajamos. 00:20:20
En modo de edición, precisamente lo que hace es que genera una serie de vídeos de peor calidad con el que poder trabajar, o sea que, no, no lo borréis, haced el favor, ¿vale? 00:20:30
Bien, ¿cómo vamos a hacer para subir esto a nuestra aula virtual? Bueno, pues lo primero que vamos a hacer, evidentemente, es que tenemos que convertir toda esta cantidad de archivos en uno solo, para poder trabajar con él de manera más cómoda. 00:20:41
¿Cómo vamos a hacer eso? Pues vamos a comprimir la carpeta de Proyecto Fernando. ¿Con qué? Con el propio sistema operativo, botón derecho, y le vamos a dar aquí a comprimir. 00:20:56
Vamos a dar a comprimir, y lo vamos a convertir, atención, aquí esto es importante, en un formato zip, por aquello de que si lo queréis abrir en vuestra casa y tenéis un Windows, pues este va a ser uno de los tipos de compresión que os va a permitir hacerlo. 00:21:06
Lo vamos a crear, no debería tardar gran cosa en hacerlo, y deberíamos de tener, veis aquí, un solo archivo, punto zip, que contiene, si le damos aquí doble clic, nos va a generar, nos va a abrir precisamente el programa de apertura de compresión. 00:21:19
Vamos a ver si nos lo deja, ahí está, veis, con todos los archivos metidos ahí dentro, y esto va a ser, evidentemente, mucho más fácil a la hora de subirlo a cualquier drive, unidad de disco en la nube, etc. 00:21:35
Vamos a ello, vamos a la Ola Virtual, de la Comunidad de Madrid, entramos directamente a Kraus, ahí estoy, voy a acceder con mis credenciales. 00:21:50
Ahí está, las tengo guardadas, vosotros tendréis que ponerlas completamente. 00:22:20
Voy, como no puede ser de otra manera, a mis cursos, todos los que yo tenga, que son un montón, pero que nos interesa es este proyecto de visual tercero, de la ESO, y lo que voy a hacer es que voy a entrar como estudiante. 00:22:25
Esto no tenéis que hacerlo vosotros, más que nada, no podríais, pero para que veáis como vamos a subir si yo fuera un estudiante, voy a entrar aquí en Videoclip, corto contexto, y voy a agregar la entrega. 00:22:45
Ahí está, entonces le damos aquí a agregar, subir un archivo, browser, por si acaso hay alguna duda, voy a entrar en escritorio, Blender, proyecto Fernando, no, lo tengo aquí fuera, proyectofernando.zip, ahí está. 00:23:00
Vamos a abrir y subimos el archivo, y como es un solo archivo, pues ya está, así de simple, le doy a guardar cambios, y eso es lo que tenéis que haber hecho al final de este vídeo. 00:23:17
Pues muchas gracias por vuestra atención y hasta el siguiente ejercicio. 00:23:32
Idioma/s:
es
Autor/es:
Fernando Briones
Subido por:
Fernando B.
Licencia:
Dominio público
Visualizaciones:
25
Fecha:
6 de enero de 2024 - 17:28
Visibilidad:
Público
Centro:
IES ALFREDO KRAUS
Duración:
23′ 37″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
349.82 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid