HA903- Por fin llegamos al audio!!

Bueno, llegaaamos a la etapa del audio!

La semana pasada dejamos pendiente el tema de mezclar sonido con nuestra animación...

El gif es un formato de imagen y no podemos mezclarle directamente un audio como un mp3. ...
Por eso necesitamos un formato contenedor, es decir un formato que acepte ambas cosas, imagen y sonido... como el formato avi por ejemplo.

Esto es posible hacerlo si tienes una máquina con GNU/Linux y el mencoder instalado, los pasos serían aproximadamente los siguientes...

• Primero que nada creamos una carpeta (que no tenga ningún otro cachivache, así no te complicas) solo con el archivo gif y otro archivo de audio mp3

• Luego vamos a la línea de comando y nos ubicamos en esa carpeta... yo la nombré con_sonido en línea de comando, y escribimos todo esto respetando los espacios y donde yo escribí el nombre de mis archivos tu vas a reemplazarlo por los nombres de tus archivos: tu gif, tu mp3, y el archivo nuevo que creará mencoder: el avi
  

mencoder HA903-haiku.gif -ovc lavc -fps 4 -o HA903_audiohaiku.avi -oac copy -audiofile HA903_Haiku_musicalizado.mp3

• le das enter y ya está.... fíjate en la carpeta que creaste debería aparecer un nuevo archivo, creado por mencoder con extensión avi.

para moverte de una carpeta a otra en la linea de comando escribes cd dejas un espacio y el nombre del directorio o archivo donde están el audio y el gif. Sino mencoder no podrá hacerlo, digamos que tienes que estar bien ubicado. Recuerda que debes escribir todo el camino, por ejemplo: nina/Desktop/CURSOS/anim/con_sonido

Entonces tenemos aquí una pequeña multimedia (audio y sonido) que realicé a partir de un guión , el haiku. Pero vuelvo sobre mis pasos para hacer visible el proceso...

• Primero hice unos bocetos en papel para determinar los frames principales o frames claves.

• Del papel fui a la montaña, Inkscape, donde trabajé dibujando vectorialmente las imágenes de una manera rápida y limpia.

• De la montaña fui al lobo: exporté cada imagen como raster, formato png, y las abrí con el lobito, el Gimp. Cada una es una capa de un único archivo xcf, el formato nativo del Gimp.
• Generé un gif animado y usé el filtro fundir para dar la apariencia de transición
  

• Grabé un audio con Audacity y lo exporté a mp3
  

• Finalmente uní ambas cosas, imagen+sonido utilizando un programa GNU/Linux desde la línea de comandos: mencoder.
  

Por supuesto esta es una manera de hacer las cosas. Seguro que encontrarás tus propios caminos dependiendo de los programas con que cuentes y del sistema operativo que utilices; pero la intención de este trabajo es mostrar que con muy pocos recursos se pueden crear pequeñas multimedias con fines educativos.

Vamos a socializar cualquier inquietud en el foro Colgadas, en la plataforma baidarkas.
Espero que disfrutes de hacer esta actividad, te entusiasmes y compartas tanto el proceso como el producto.

Un saludo afectuoso!! Nina

HA903- Paso a paso...y ya empezamos a animar...

Y esto se va poniendo interesante.... ya empezaste a animar a tu frase, haiku, canción, etc...??

Antes de mostrar lo que he estado haciendo quiero decirte tres palabras: no te compliques
Sí, no te compliques, busca algo sencillo, de manera que no te enredes ...
si has elegido una leyenda o un cuento trata de condensarlo en tres o cuatro ideas. Por ejemplo, Maryel ha tomado la leyenda cherokee de los dos lobos, que por otra parte me encanto!!

Bien, no quiero decirte Maryel que hagas tal cual, digo solamente cómo me lo imagino, como lo hubiera condensado personalmente...

"los dos lobos peleando en tu interior
-dijo el anciano al niño-
son el bien y el mal...el amor y el odio,
ganará el que más alimentes".

aquí hay cuatro frases, que pudiera representarse en unas pocas escenas básicas

1-texto: "los dos lobos peleando en tu interior"
2-imagen: dos lobos peleando
3-texto: "-le dijo el anciano al niño-"
4-imagen: de un anciano indio y su nieto... o algo que lo sugiera, (por ejemplo: las manos delatan la edad).
5-texto: "son el bien y el mal... el amor y el odio"
6-texto: "ganará el que más alimentes"
------------------------------
Es una idea, que solamente pretende esclarecer esto .... no te compliques.
En realidad al usar Gimp para una animación GIF estamos tratando de llevar al máximo las posibilidades del gif, y lo estamos logrando con una herramienta de autor que es libre y muy estable.
Una sencilla animación de este tipo puede mostrar con qué pocos recursos haces algo verdaderamente significativo.
-------------------------------
Te muestro algo:
una vez que tienes esas escenas básicas, en Gimp, en formato xcf, en modo RGB...
vas a

• Filtros/animaciones/Fundir. Este filtro te genera capas intermedias (tu eliges cuántas ... a más capas más suave es la transición, pero ojo!! también es más peso). Este filtro además les aplica un desenfoque (tu determinas el grado de desenfoque)


• vas a Filtros/animaciones/optimizar para gif
  


• luego vas a Modo/Indexar
  


• y entonces ya puedes Guardar como gif (no olvides tildar animación)
  

• Una vez guardado como gif puedes reproducirlo con el navegador o dentro del mismo Gimp en Filtros/animación/reproducir.

• ahora mira las capas en que quieres que vaya más lento, que se detenga, a las de texto les di 2000ms, todo es cuestión de probar y probar. Puedes editar la capa o doble click en el diálogo capas, corriges los milisegundos y enter.

Te dejo el xcf original si quieres descargarlo... y si tienes un poco de paciencia, la semana que viene vamos a ponerle sonido. Una cosa que vas a necesitar es tener Linux y el mencoder instalado, un programita encantador que se ejecuta desde la línea de comando.

Un saludo afectuoso!! Nina

HA903 -Un proyecto final... seguimos avanzando

Hola a tod@s!! y seguimos!! a pesar del frío y los resfríos.... :P
¿cómo van las actividades sugeridas? espero continúe el entusiasmo, y estés disfrutando de cada paso y puedas darle una aplicación práctica.

Ahora sigamos con los avances del gif... estás teniendo alguna dificultad en algún punto de tu proceso?

Volvamos sobre lo que dijimos la semana pasada:

• la frase, la descomponemos como si la cortáramos en trocitos...
  
• armamos un guión, una secuencia ... algo útil puede ser que primero dibujes los cuadritos vacíos en papel, y garabatees lo que te sugiere cada uno de esos trozos...
  
• puedes escanear tus garabatos o sacarles una fotografía
  
• y entonces lo importas a Inkscape... y dibujas en vectores sobre tu garabato...
  
• No hace falta que sean demasiados cuadros, porque queremos que la animación sea lo más liviana posible.
  
• Luego exportas cada cuadrito como png.
  

La semana pasada publiqué tres frames... ahora muestro todos los que están en el medio que semejan transiciones....





Aquí ves doce dibujos?! No, no te asustes... no vas a pasar media vida dibujando...es una misma imagen... la fui copiando y modificando gradualmente.... Una vez que tuve todos los cuadros que me parecieron, los exporté a png...

Para empezar el armado una sugerencia es que trabajes en xcf...
para no copiar uno por uno a un archivo nuevo aquí va una idea de hacerlo más rápido:


... de esta manera tendrás un nuevo archivo xcf, con todas las imagenes para tu animación...
una sugerencia más es que no crees demasiadas capas....y que conserves esa versión original y trabajes en copias.

Espero para la próxima poder mostrar cómo se va animando... y me encantará ver tus propios avances... y nos queda también el tema de agregarle sonido, pero eso queda para el final.

En la plataforma de baidarkas, puedes ver en PROYECTO FINAL- primer trimestre por lo menos tres pasos, tres escaloncitos hacia nuestro gif animado.

Un afectuoso saludo!!! Nina