Vídeo de animación.
Una animación 3D del animador Rael del Fraile, que representa una divertida escena con los muñequitos de los carteles de las puertas de los baños.
A continuación algunas capturas del vídeo Animación: Monigotes de WC :
Mostrando entradas con la etiqueta edicion de video. Mostrar todas las entradas
Mostrando entradas con la etiqueta edicion de video. Mostrar todas las entradas
Stumble
Time remapping preciso de precomposición en After Effects.
Cuando arrastramos una composición dentro de otra, podemos remapear el tiempo de esta precomposición arrastrada, con ella seleccionada en la línea de tiempo, pulsamos Ctrl + Alt + T, o menú Capa/Tiempo/Activar remapeo de tiempo. Y ahora podemos añadir, mover y copiar claves para pausar, reducir, estirar, o crear bucles jugando con el tiempo de esta precomposición.
Pero ojo, aún cuando ambas composiciones tienen el mismo número de fotogramas por segundo, podríamos encontrarnos con que algunas claves del remapeo de tiempo no muestran lo que realmente nosotros tenemos dentro de esa precomposición en el segundo que le estamos marcando.
Para evitar esto, y asegurarnos de que el tiempo que le marcamos coincide con el que realmente hay dentro de esa precompo, vamos a sus ajustes (haciendo clic derecho sobre ella en la ventana de proyecto), vamos a Ajustes de composición, y luego en la pestaña Avanzado, tenemos que tener marcada la casilla Conservar velocidad de fotogramas cuando estén anidados o en la cola de procesamiento.
Con esto nos aseguramos de que el tiempo al que le llamemosm con el time remapping en la otra composición donde la habíamos arrastrado, coincide con el tiempo correcto.
Recordemos que también tenemos expresiones para crear bucles de remapeo de tiempo.
Relación de fotogramas en píxel estirado y píxel cuadrado en diferentes formatos.
Tabla para relacionar el tamaño del fotograma de vídeo cuando está en píxel estirado o en píxel cuadrado, en diferentes formatos de vídeo:
| Formato | Dimensión de fotograma en pixel estirado | Proporción de aspecto de píxel Pixel Aspect Ratio (PAR) | Dimensión de fotograma en píxel cuadrado |
| PAL SD 4:3 | 720 x 576 | 1,07 | 768 x 576 |
| PAL SD 16:9 | 720 x 576 | 1,42 | 1024 x 576 |
| NTSC SD 4:3 | 720 x 480 | 0,9 | 720 x 534 |
| NTSC SD 16:9 | 720 x 480 | 1,2 | 854 x 480 |
| HDV | 1440 x 1080 | 1,33 | 1920 x 1080 |
| HD 720p | 1280 x 720 | 1,0 | 1280 x 720 |
| HD 1080p | 1920 x 1080 | 1,0 | 1920 x 1080 |
Valores de codificación H.264 para dispositivos móviles con iOS.
No todos los vídeos en MP4 reproducidos en HTML5 se ven siempre en todos los dispositivos, sobre todo en los móviles con sistemas iOS antiguos, para ello hay que especificarle unos valores.
Al exportar un vídeo de un programa de edición o codificarlo con el códec H264, hemos de tener en cuenta los siguientes valores:
Multiplexador:
Multiplexación: MP4
Compatibilidad de flujo: Estándar
Compatibilidad de flujo: Estándar
Vídeo:
Códec: MainConcept H.264 Vídeo
Perfil: Línea de base
Nivel: 3.0
Perfil: Línea de base
Nivel: 3.0
En Ajustes de la velocidad de bits, podemos poner tanto CBR (constante) como VBR (variable).
A tener en cuenta que con el Perfíl Línea de base en Nivel 3,0 del compresor H.264 hay unas limitaciones de tamaño, que varían dependiendo del Píxel Aspect Ratio (PAR) del vídeo y de su velocidad de fotogramas por segundo (fps).
Por ejemplo, en vídeos con PAR 1,00 (píxel cuadrado) y de hasta 25 fps, la resolucion del vídeo está limitada a 720x540 en el caso de 4:3, y 746x420 en 16:9.
En H.264 Levels de la Wikipedia, algunos ejemplos de limitación son 720×480@30.0fps y 720×576@25.0fps para salidas en PAR 1,00 de vídeo procedente de PAR 1,09 (píxel estirado DV PAL).
Vídeo 3D Frikimusical.
De la mano de uno de nuestros redactores y diseñadores Rael del Fraile, nos llega este vídeo 3D del pequeño robot cabezudo de Star Wars, bailando al Rey del Pop:
Bien, ya podéis comentar por ahí que vosotros habéis visto a R2D2 bailando a Michael Jackson.
Secuencias con repetición en bucle.
Si queremos hacer que un clip/secuencia se repita en bucle, podemos, desde el menú proyecto, dar botón derecho sobre el material de archivo interpretar material de archivo / Principal (Ctrl+Alt+G), y en la parte inferior del menú que sacamos, en "otras opciones" viene por defecto: Bucle 1 Tiempos, donde pone 1, ponemos el número de repeticiones que queremos que tenga por defecto esa secuencia.
Si lo que queremos es hacer hacer un loop con los fotogramas que hemos animado mediante claves (keys) sobre una clip o capa, sin tener que copiar y pegar manualmente esos keys, tendremos que usar expresiones:
Expresiones en After FX para hacer bucles con claves (keys) animadas.
En la capa en la que tenemos las claves, seleccionamos el parámetro que hemos animado en la linea de tiempo (Posición, Escala, Rotación, Remapeo de tiempo.... etc), y con él seleccionado, vamos al menú Animación / Agregar Expresión [ Alt + Shift + + (tecla "+" del teclado normal, no del numérico)], esto nos abrirá un cuadro de texto junto al parámetro seleccionado en la línea de tiempo, donde introduciremos una de estas expresiones:
loop_out("cycle",0)
loop_out("pingpong",0)
loop_out("offset",0)
loop_out("continue")
Ha de introducirse la expresión en cada valor que queremos que repita en loop. Pudiendo controlar individualmente cada uno de ellos.
Estas expresiones sirven para valores de animación en parámetros de Transformación como Posición, Escala, Rotación, Opacidad... Como para Remapeo de Tiempo, y valores individuales en filtros (Desenfoque, Granulado, Resplandor... etc), en éstos, las expresiones han de ser introducidas siempre por cada valor individual animado, no en todo el filtro.
No sirve para todos los filtros, como por ejemplo la mayoría de los de corrección de color, donde estas expresiones no surten efecto. Y algún otro.
- loop_out("cycle",0) Repite continuamente del primer al último fotograma animado, de manera exacta, saltando al primero en cuanto acaba el último.
- loop_out("pingpong",0) Reproduce del primer al último fotograma animado, vuelve a reproducirlo en orden inverso hasta regresar al principio, y repite el proceso continuamente.
- loop_out("offset",0) Reproduce del primer al último fotograma animado, y vuelve a reproducirlos de manera exponencial, de tal manera que si tenemos un objeto cuyo valor animado va de 0 a 10, en la siguiente reproducción partirá del punto en que acabó e irá de 10 a 20, de 20 a 30, y así sucesivamente. Sumando de manera global sus valores animados en local.
- loop_out("continue") Reproducirá los fofogramas animados una única vez, y al acabar, continuará reproduciendo la secuencia alargando el valor del último fotograma animado, con la inercia del valor que adquiere de esa última clave.
- - -
Para eliminar cualquiera de estas expresiones, hay que seleccionar el texto de la expresión en la línea de tiempo y dar a suprimir.
Qué es el códec de vídeo H.264?
Aunque no lo crea, ya conoce H.264. Este códec de vídeo está presente en los vídeos de YouTube, en los discos Blu-ray, y en numerosos otros vídeos que ofrecen una muy buena relación entre calidad y factor de compresión.
Lo que probablemente no supiera es que este estándar de compresión de vídeo creado por el grupo MPEG no es gratis. Es decir, H.264 es un algoritmo de software patentado (en las legislaciones que permiten este tipo de patentes tan controvertidas). Con lo que las aplicaciones que utilicen H.264 deben pagar a quien posee los derechos de la patente.
Así que, desde este punto de vista, H.264 ha pasado de ser un gran códec de vídeo a ser uno de los mayores obstálos para llegar a tener un buen estándar de vídeo común y de código abierto que pudiera incluirse como estándar en el vídeo de HTML 5.
Esto permitiría por fin utilizar un códec común en todos los navegadores web que soportasen HTML 5. Y el vídeo podría integrarse en HTML sin necesidad de utilizar tecnologías propietarias externas, sin coste adicional alguno para el desarrollador del navegador.
El códec On2 puede ser la alternativa
Hace ya más de 5 años, los vídeos mostrados en Flash consiguieron una relación de calidad y compresión tan buena que maravilló a los usuarios gracias a un códec de vídeo propietario llamado Sorenson Spark. Y gracias a él empezamos a ver pequeños vídeos integrados en las páginas web.
Pero los días de gloria del códec de Sorenson terminaron pronto cuando el códec de On2 (especialmente, en su versión On2Vp6) llegó al mercado.
On2Vp6 es el códec que más frecuentemente se ha utilizado para comprimir los vídeos Flash disponibles hasta la fecha. Las características más sorprendentes de este códec radican en que permite mostrar vídeos casi a pantalla completa y con una calidad decente sin necesitar más que una conexión ADSL de gama media, prácticamente en streaming a tiempo real.
Google tiene la oportunidad de hacer On2 código abierto
Ahora bien, la parte más interesante de todo esto es que On2 fue comprada por Google. Y Google es también el propietario de YouTube, el mayor sitio de vídeo del mundo. Con lo que Google tiene una oportunidad de oro de tomar la última versión del códec de On2 (On2Vp8) y convertirlo en un códec de vídeo de código abierto.
De hecho, Google podría comenzar a usar este códec de inmediato en todos sus vídeos de YouTube, convirtiéndolo en un estándar de facto en un abrir y cerrar de ojos.
Si Google llevara a cabo esa iniciativa de código abierto, eliminaría la necesidad de utilizar tecnologías propietarias para la compresión de vídeo - especialmente en Internet. Y el uso de vídeo en Internet es tan elevado que el códec On2Vp8 acabaría imponiéndose en otros sectores.
No hay que olvidar que Flash Player no puede ser 100% código abierto puesto que contiene otras partes de código propietarias (en parte debido a estos problemas de encontrar un estándar gratuito de compresión de vídeo). Y que, por supuesto, H.264 no es gratis al ser un algoritmo software patentado.
Así que si Google finalmente convirtiera el códec de vídeo On2Vp8 en código abierto, podríamos alcanzar un nuevo estándar de vídeo común. Y eso sería progreso.
Trucos de YouTube: opciones de URL
¿Sabía que era posible cambiar opciones avanzadas (y algo restringidas) de YouTube escribiendo ciertos parámetros en la URL de los vídeos?
Con estos trucos es posible ver e incrustar en una página web vídeos de YouTube en alta calidad, descargar directamente vídeos de YouTube, iniciar automáticamente la reproducción del vídeo desde un punto concreto, desactivar que se muestren otros vídeos relacionados, entre otras funciones.
O incluso es posible saltarse las restricciones regionales de contenidos (que impiden ver a usuarios de ciertas partes del mundo determinados vídeos). Me pregunto si será posible para los usuarios de Reino Unido saltarse las restricciones de las discográficas que impedían ver videoclips musicales de alta calidad en YouTube.
Activar estos trucos es tan sencillo como copiar y pegar ciertos valores en la dirección de cada vídeo. Puede consultar la lista de parámetros para las URL de YouTube en el artículo original en makeuseof.com.
Convertir vídeos de YouTube en alta calidad en 1 solo paso
¿Sabía que con sólo añadir &fmt=18 al final de una URL de un vídeo de YouTube podrá ver ese vídeo de YouTube en Alta Calidad?
He aquí un ejemplo de cómo sería una URL de un vídeo de YouTube en alta calidad:
http://www.youtube.com/watch?v=W6nppcKOYGo&fmt=18
¡Y eso es todo! Es así de fácil.
Análisis en detalle de la calidad del vídeo de Youtube: comparación de calidad de vídeo
Echemos un vistazo en detalle a cada uno de los 2 formatos de vídeo de YouTube, para comprobar cuánto mejora la calidad del vídeo de YouTube con sólo añadir &fmt=18:
Vídeo de YouTube de calidad normal:
- Formato de Vídeo: Vídeo Flash (.flv).
- Códec de Vídeo: FLV1.
- Frames por segundo: 15 fps.
- Resolución de vídeo: 320 x 240 píxels.
- Audio del vídeo: MP3 a 22050 Hz
Vídeos de Alta Calidad en YouTube:
- Formato de Vídeo: MPEG-4 (.mp4).
- Códec de Vídeo: AVC1.
- Frames por segundo: 29.97 fps (como en NTSC).
- Resolución de vídeo: 480 x 360 píxels (¡un 50% mayor!).
- Audio del vídeo: MP3 a 44100 Hz, 2 canales, 1411 kbps.
El vídeo de YouTube de alta calidad pesa aproximadamente el doble que el vídeo de calidad normal. Sin embargo, la mejora de la calidad final del vídeo merece la pena: las dimensiones reales de pantalla del vídeo son mucho mayores, la tasa de bits del vídeo es mucho más elevada, y visualmente, se observan muchos menos artefactos de compresión.
El formato de vídeo de Flash es probablemente el mejor formato de vídeo para optimizar consumo de ancho de banda. Sin embargo, el códec de vídeo MPEG-4 utilizado por YouTube hace un trabajo magnífico preservando la calidad del vídeo original.
¡Compruébelo usted mismo! He aquí un vídeo de YouTube en calidad normal, y aquí el mismo vídeo de YouTube en alta calidad.
Por desgracia, este truco aún no funciona para incrustar un vídeo de YouTube en alta resolución en un sitio web externo. Las buenas noticias son que nuestros viejos trucos para incrustar vídeo Flash de alta calidad siguen funcionando.
En definitiva, parece que YouTube ya está comenzando a aprovechar las ventajas de las rápidas redes modernas, y este &fmt=18 es un gran paso hacia un YouTube con vídeos en alta definición. ¡Quizá estemos muy cerca de un YouTube en Alta Calidad!.
Más que compresión: vídeo Flash con ancho de banda optimizado
Incluir vídeos Flash de alta calidad en su sitio web es una gran idea. Pero hay que tener en cuenta que, cada vez que un vídeo de alta calidad se reproduce por completo, consume bastante ancho de banda del servidor. Si no se tiene cuidado, se puede llegar a obtener un molesto mensaje de bandwidth limit exceeded (límite de ancho de banda rebasado), que desembocaría en un corte de la página durante el resto del mes, o incluso en un cargo monetario adicional según el ancho de banda excedido.
Así pues, la clave es conseguir un equilibrio adecuado entre calidad de vídeo (la cantidad de compresión aplicada al vídeo) y el tamaño total del archivo de vídeo en bytes (es decir, la cantidad de ancho de banda total consumida tras descargar por completo el vídeo).
El truco es crear un archivo de vídeo Flash con un bitrate moderado y un tamaño de vídeo pequeño (en cuanto a dimensiones en pantalla del archivo de vídeo .FLV). Luego sólo habría que aumentar el tamaño de vídeo a la hora de incrustar el vídeo Flash en el sitio web.
Estos son los pasos que debería seguir para ahorrar ancho de banda de vídeo Flash sin que la calidad del vídeo se resienta:
- Convierta el vídeo a Flash Video (.FLV) especificando un ancho de banda de vídeo alrededor de 400 kbps.
- Necesita reducir el tamaño de vídeo del nuevo archivo .FLV. Las dimensiones en pantalla del archivo de vídeo .FLV pueden ser tan pequeñas como el tamaño deseado final dividido entre 1,25.
- Configure el tamaño de vídeo Flash deseado (no el tamaño real del archivo de vídeo FLV) como las dimensiones del vídeo especificadas en los controles de reproducción de vídeo a la hora de incrustar el vídeo en la página web. Si necesita algunos consejos para configurar los controles de reproducción de vídeo Flash, he aquí algunos trucos para incrustar vídeos Flash de alta calidad.
Y eso es todo. Las dos ideas principales de este truco de vídeo son así de sencillas y eficaces:
- Utilizar un ancho de banda de vídeo moderado con un archivo de vídeo de tamaño en pantalla pequeño para obtener una buena calidad de compresión.
- Cambiar el tamaño de vídeo, aumentando el vídeo Flash al incrustarlo, configurando el reproductor para que el vídeo se muestre al tamaño deseado.
Las redes modernas pueden reproducir un vídeo de 400 kbps en streaming a tiempo real, o con un tiempo de precarga muy pequeño. La calidad del vídeo Flash será alta puesto que las dimensiones del archivo de vídeo original son pequeñas. Con una compresión de vídeo configurada para alta calidad se tendrán pocos artefactos de compresión en el vídeo Flash. Incluso los subtítulos del vídeo, y cualquier otro texto incluido en el vídeo, serán fácilmente legibles.
Por otro lado, la distorsión causada por aumentar el tamaño de vídeo resulta menos molesta a la vista que los artefactos introducidos por la compresión. La clave es nunca cambiar el tamaño de vídeo a más de un 125% del tamaño real del archivo de vídeo, o podrían aparecer efectos excesivos de pixelación en el vídeo.
El resultado final es un vídeo Flash que en pantalla tendrá el tamaño deseado con escasos artefactos de compresión: un vídeo de alta calidad con un consumo de ancho de banda optimizado.
Incluir vídeo en Blogger: vídeos FLV con controles Flash
Resulta muy interesante introducir contenidos de vídeo en un blog. De hecho, incrustar vídeos de YouTube en Blogger es muy sencillo. Sin embargo, utilizar vídeos de YouTube presenta ciertos inconvenientes:
- La resolución real de los vídeos de YouTube está limitada a 320 x 240 píxels.
- El vídeo sufre una fuerte compresión (está limitado a 250 kbps).
- La marca de agua de YouTube puede superponerse al vídeo.
- La personalización de los controles de reproducción del vídeo es limitada.
El formato de vídeo FLV (Flash Video) proporciona una magnífica relación entre compresión y calidad, dando lugar a vídeos de alta calidad que ocupan muy poco. Por ello, recomendaría crear vídeos en formato FLV, almacenar estos vídeos en su propio servidor web, e incluir vídeo FLV en Blogger. Siga estos pasos para incrustar vídeo de alta calidad en su blog:
Paso 1 - Convertir el vídeo en FLV
El primer paso es convertir el vídeo a FLV. El entorno de edición de Adobe Flash posee una función de Importar Vídeo que permite convertir rápidamente un archivo original de vídeo en FLV. Sin embargo, el entorno de desarrollo de Flash es una aplicación cara. Por ello mi consejo es utilizar un conversor de vídeo gratuito que permita convertir el archivo de vídeo original (.avi, .mpg, .mov, ...) en un archivo de vídeo Flash (.flv).
SUPER es el conversor de vídeo gratuito que yo elegiría para convertir el vídeo a FLV.
No tiene más que pasar su vídeo a formato FLV y subir el archivo .FLV resultante a su servidor web. Sólo hay que tener cierto cuidado con el consumo del ancho de banda, puesto que el contenido en forma de vídeo suele ocupar bastante.
Paso 2 - Crear los controles de reproducción
Una vez que se dispone de un vídeo en formato FLV es necesario crear los controles de reproducción, necesarios para arrancar el vídeo, pausarlo, detenerlo, comprobar cuánto vídeo se ha precargado, controlar el volumen, etc.
El entorno de desarrollo de Flash permite incluir controles de vídeo predefinidos, pero esto no resultará de gran utilidad para incluir el vídeo en Blogger: Flash no permite incluir una ruta absoluta al archivo SWF que contiene los controles del vídeo, el cual se encontrará en su propio servidor web (y no en el servidor de Blogger, con lo que no valdrán las rutas relativas).
La solución consiste en utilizar un reproductor de vídeo FLV de código abierto que pueda incrustarse dentro del código HTML del blog. El reproductor de vídeos FLV que recomiendo es OS FLV Player, el cual es completamente código abierto, personalizable, fiable y permite la incrustación en el blog. Y ni siquiera hace falta tener el editor de Flash para utilizar este programa: sólo es necesario subir el archivo precompilado que incluye los controles de reproducción a su servidor (player.swf).
En los próximos pasos le enseñaré a configurar OS FLV Player para que pueda incluir vídeo Flash en Blogger de forma sencilla.
Paso 3 - Incrustar vídeo Flash en Blogger
OS FLV Player proporciona código PHP que genera automáticamente el código HTML necesario para incrustar el vídeo FLV en una página web.
Pero, puesto que tendremos que almacenar los controles de reproducción en un servidor web diferente del de Blogger, necesitaremos escribir el código para incluir el vídeo en el blog a mano. He aquí el código HTML que deberá incluirse en el post del blog para incrustar el vídeo en el blog:
<object width="[Ancho del vídeo]" height="[Alto del vídeo]" id="flvPlayer">
<param name="movie" value="[Ruta absoluta de player.swf]" />
<param name="FlashVars" value="&movie=[Ruta absoluta al vídeo .FLV]">
<embed src="[Ruta absoluta de player.swf]" flashvars="&movie=[Ruta absoluta al vídeo .FLV]" width="[Ancho del vídeo]" height="[Alto del vídeo]" type="application/x-shockwave-flash">
</embed>
</object>
Sólo hay que sustituir los parámetros señalados:
- Usar el mismo alto y ancho que tenga el vídeo .FLV original.
- Usar la ruta absoluta al archivo SWF que tenga los controles de reproducción de OS FLV (ejemplo: http://www.midominio.com/player.swf).
- Usar la ruta absoluta al archivo de vídeo FLV (ejemplo: http://www.midominio.com/miVideo.flv).
Paso 4 - Personalizar el aspecto del vídeo en el blog
En este punto, puede ser necesario personalizar el aspecto de los controles de reproducción, de manera que el archivo de vídeo Flash incluido en el blog haga juego con la plantilla de Blogger seleccionada.
Puesto que OS FLV Player es un reproductor de código abierto, se permite editar el archivo de código fuente .FLA (player.fla), de manera que pueda crear unos controles de reproducción con el aspecto que prefiera. No obstante, para editar el archivo fuente .FLA es necesario tener el editor de Flash.
Por otra parte, hay una forma muy sencilla de personalizar los colores de la interfaz del vídeo, sin más que cambiar los valores de un par de parámetros. He aquí el código fuente de ejemplo:
<object width="640" height="480" id="flvPlayer">
<param name="movie" value="http://www.midominio.com/player.swf" />
<param name="FlashVars" value="&movie=http://mydomain.com/miVideo.flv&fgcolor=0x333333&bgcolor=0x999999">
<embed src="http://www.midominio.com/player.swf" flashvars="&movie=http://mydomain.com/miVideo.flv&fgcolor=0x333333&bgcolor=0x999999" width="640" height="480" type="application/x-shockwave-flash">
</embed>
</object>
Los parámetros que debería ajustar son los siguientes:
- El color principal (fgcolor, puesto a 333333 en el ejemplo).
- El color de fondo (bgcolor, puesto a 999999 en el ejemplo).
Conclusiones
Incluir vídeos FLV en Blogger no es difícil. Sólo necesita convertir sus archivos de vídeo originales a FLV e incrustarlos en un reproductor de vídeos FLV dentro del blog. Este procedimiento ofrece múltiples ventajas:
- Puede incluir vídeo de alta resolución en su blog.
- Puede controlar la compresión del vídeo, con lo que puede incluir vídeos Flash de alta calidad.
- Puede evitar que aparezcan marcas de agua de terceras partes en sus vídeos FLV.
- El aspecto de los controles de reproducción es totalmente personalizable, de manera que puede adaptarlo al aspecto de su blog.
¡Aproveche estos trucos y comience hoy mismo a incluir vídeo FLV de alta calidad en su blog!
Suscribirse a:
Entradas (Atom)
