martes, 30 de junio de 2009

HA903 Contar una historia animada Avance 5

Ya casi dando fin a la actividad final del curso HA903... sólo resta incluir el audio y que coincida con las imágenes...
Ya me di cuenta qué hacer para que mencoder respete el tiempo que le di a cada cuadro desde Gimp! solo tenia que quitar -fts 4 en la configuración que nos pasó Nina.

Procedimiento

1. Accedí a la consola de usuario.
2. Fui a la carpeta donde tengo el gif y el mp3, con el siguiente comando:
cd /home/celi/cursos/HA903/mp3agif
3. Uni el gif al mp3 usando mencoder:
mencoder todos-new2.gif -ovc lavc -o todos.avi -oac copy -audiofile aprender-a-volar-recortado.mp3
Sintaxis de mencoder
mencoder {videos de entrada} [opciones] [-o archivo de salida]

Opciones
-ovc lavc: recodifica el video
-oac copy: copia el video
-audiofile: incorpora audio

Este enlace me ayudó mucho para entender las opciones de mencoder: Uso de mencoder

Aquí encontré cómo convertir el avi en un mpg pero no se escucha bien en todos los reproductores por eso lo subí en formato avi.



Conclusiones

Para mí, el desafío de esta actividad final no sólo consistió en la utilización de distintos programas de software libre para crear una animación gif sino que lo difícil fue comprimir, resumir una idea para poder representarla en formato gif y utilizando un programa que no es específico para crear animaciones complejas.
Lo más importante fue poder establecer:
Qué idea comunicar
Primer estrofa de Aprender a volar de Patricia Sosa, la elegí porque me gusta el mensaje que transmite.
Qué representar de esa idea y cómo representarla:
El mensaje general: a través de un paisaje simple donde se ve un camino que intenta ser difícil de cruzar.
y luego algunos conceptos, palabras, frases:
Duro: a partir de la tonalidad de todo el paisaje: gris y de la tipografía y su color (negra).
Camino: a partir de la tipografía y su color. Resalté el camino aclarando tu color.
y se que no es fácil: resalté la palabra fácil (color blanco) y comencé a destapar el paisaje intentando representar que va avanzando lentamente en el camino.
no se si habrá tiempo: elegí una tipografía que me represente al tiempo y continué destapando el paisaje un poco más.
descansar: a partir de la tipografía y de otro rectángulo blanco transparente sobre el sector descubierto del paisaje para representar.
aventura: a partir del color amarillo (la verdad que no sé con que color representar aventura pero elegí ese color porque es llamativo) tanto de la tipografía como del rectángulo derecho transparente que cubre el paisaje. (quizás aquí podría haber usado más de un color pero el formato gif no los soporta correctamente)
amor: a partir del color rosa-rojo tanto de la tipografía como del rectángulo derecho transparente que cubre el paisaje.
coraje: a partir del color azul (porque asocio al coraje con lo masculino) tanto de la tipografía como del rectángulo derecho transparente que cubre el paisaje.
ojos: elegí el color verde para representar la esperanza que transmite la letra y cubrí todo el paisaje con un rectángulo oscuro transparente para representar cerrar los ojos.
echarse a volar: descubrí el paisaje y modifiqué el color de volar: celeste (libertad). (aquí intente adelantar el paisaje, acercarlo para representar que se va acercando, que avanza pero en fin ese avance lo dejé representado sólo con los colores)
Qué me gustó más
Pensar en cómo representar ideas a través de recursos gráficos.
Usar un comando en consola para unir el gif con el audio.
Investigar la instalación de mencoder y su utilización.
Usar Audacity, por primera vez, para cortar una introducción donde hablaba Patricia Sosa.
Terminar un video y subirlo a youtube (porque tengo mucho material e ideas para hacer videos pero no los hago porque me complico ;) )
Qué me faltó
Reducir levemente el audio y no cortarlo bruscamente.
Incluir en el avi datos de quién realizó la actividad y con qué fines (créditos)
Adelantar levemente el paisaje cuando se escucha echarse a volar
Y otras cosas más :)
.
Ver avances y trabajos de mis compañeras... cuántas cosas diferentes se pueden hacer con una misma propuesta!
Qué cosas me trabaron (en el sentido de enredarse)
Pensar cómo representar las ideas de una manera sencilla para que quede más o menos bien en formato gif.
Hacer que las imágenes acompañen al audio.
Qué soy complicada y detallista, que siempre encuentro cosas que mejorar...

sábado, 27 de junio de 2009

HA903 Contar una historia animada Avance 4

Continuo con la actividad final del trimestre del curso HA903.
Sistema operativo: Debian Lenny.
Programas: Inkscape 0.46 y Gimp

Procedimiento

En Inkscape.
Realicé algunas modificaciones al avance 3:
Primer secuencia
  1. Decidí quitar el desenfoque del dibujo básico para evitar la mala calidad al exportarlo en formato png.
  2. Abrí el primer archivo svg en el que estoy trabajando, que contiene dos imágenes de la secuencia.
  3. Accedí al panel relleno y borde y moví el control de desenfoque para quitarlo completamente.
  4. Quité el redondeado del rectángulo que le da una tonalidad oscura al dibujo, moviendo el control circular ubicado en la esquina superior derecha del rectángulo.
  5. Quité algunos nodos (Ctrl L) a cada forma del dibujo y realicé algunas modificaciones menores como modificar el aspecto de algunas montañas, del camino.
  6. Una vez que estuvo listo, lo copie y lo pegué para utilizarlo en la segunda secuencia.
Segunda secuencia
  1. Aclaré la tonalidad del rectángulo que cubre el dibujo.
  2. Cambié el color del camino, lo aclaré para que resalte un poco y lo ubiqué detrás de dicho rectángulo.
Tercer secuencia
  1. Copié y pegué el dibujo terminado realizado para la primer secuencia.
  2. Reduje el tamaño del rectángulo dejando ver el dibujo original en el sector derecho.
  3. Ubiqué la frase un poco más arriba que la de la segunda secuencia.
Cuarta secuencia
  1. Copié y pegué el dibujo terminado realizado para la primer secuencia.
  2. Reduje un poco más el tamaño del rectángulo.
  3. Ubiqué la frase un poco más arriba que la de la tercer secuencia.
Quinta secuencia
  1. Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
  2. Reduje un poco más el tamaño del rectángulo.
  3. Como quedó a la vista la mitad del dibujo. Le agregué otro rectángulo color blanco transparente para dar sensación de tranquilidad, descanso.
  4. Ubiqué la frase un poco más arriba que la de la secuencia anterior.
Sexta secuencia
  1. Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
  2. Reduje un poco más el tamaño del rectángulo.
  3. Como quedó a la vista más de la mitad del dibujo, le agregué otro rectángulo color amarillo transparente para dar sensación de aventura.
  4. Ubiqué la frase un poco más arriba que la de la secuencia anterior.
Séptima secuencia
  1. Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
  2. Reduje un poco más el tamaño del rectángulo.
  3. Le agregué otro rectángulo color rosa transparente para dar sensación de amor en la zona del dibujo descubierta.
  4. Ubiqué la frase en el mismo lugar que la de la secuencia anterior.
Octava secuencia
  1. Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
  2. Reduje un poco más el tamaño del rectángulo.
  3. Le agregué otro rectángulo color azul transparente para dar sensación de coraje en la zona del dibujo descubierta.
  4. Ubiqué la frase en el mismo lugar que la de la secuencia anterior.
Novena secuencia
  1. Copié y pegué el dibujo terminado realizado para la primer secuencia.
  2. Agrandé el tamaño del rectángulo para cubrir todo el dibujo y aumenté la opacidad para que dar la sensación de ojos cerrados.
  3. Ubiqué la frase en el mismo lugar que la de la secuencia anterior.
Última secuencia
  1. Copié y pegué el dibujo terminado realizado para la primer secuencia.
  2. Eliminé rectángulo para descubrir todo el dibujo para que dar la sensación de libertad, de volar.
  3. Ubiqué la frase en el mismo lugar que la de la secuencia anterior.
Exporté cada secuencia como png.

En Gimp
Aplicando el efecto de fusión entre secuencias
Abrí la primer secuencia y luego la segunda secuencia. Arrastré la miniatura de la segunda secuencia sobre la primera para tener ambas secuencias en un mismo archivo.
Agregué una capa transparente al final porque le filtro fundir necesita 3 capas Ver imagen (1).
Accedí al menú Filtros / Animación / Fundir. Lo configuré (Ver imagen (2)):
  1. Fotogramas intermedios: 3
  2. Radio máximo de desenfoque: 0
  3. Quité el tilde de bucle.
Configuración para el filtro Animaciones / Fundir: Fotogramas intermedios: 3. Guardé el archivo con el nombre 1-2.xcf.
Hice lo mismo para las secuencias 2-3, 3-4, 4-5, 5-6, 6-7, 7-8, 8-9, 9-10.
Creando la animación final
Uní todas las secuencias fusionadas en un mismo archivo. Lo guardé con la extensión xcf.
Accedí al menú Filtros / Animaciones / Optimizar para gif.
Se creó un nuevo archivo optimizado para gif.
Lo exporté como gif, accediendo al menú Archivo / Guardar como... y en al nombre del archivo incluí .gif. Elegí la opción Guardar como animación. Configuré en 700ms el retardo entre cuadros e hice clic en la opción usar el retardo introducido arriba para todos los fotogramas.
Uniendo el gif animado al audio mp3
Primero modifiqué el retardo de ciertos cuadros para que coincidan con el audio, modificando los ms desde la capa de la imagen a modificar.
Lo guardé como gif y descliquié la opcion usar el retardo introducido arriba para todos los fotogramas ya que ahora no todos los fotogramas tenian el mismo retardo.
Así quedó:
Animación gif de una estrofa de la canción aprender a volar de Patricia Sosa
Luego uní el gif al mp3 siguiendo las instrucciones de Nina para crear el archivo avi. Pero me cuesta lograr que las imágenes coincidan con el audio ya que lo modifico en Gimp pero cuando uno el gif animado al mp3 no respeta los tiempos. Voy a tener que cambiar de método para unir el audio al gif. Mañana lo veré ;)

jueves, 25 de junio de 2009

Instalar mencoder

Una de las consignas de la última actividad de cierre del trimestre del curso AH903, consiste en incluir sonido a una imagen gif animada. La conexionadora Nina, explica como hacerlo utilizando mencoder en el portal baidarkas.
Cuando comienzo a hacerlo me di cuenta que no tenia instalado Mencoder en Lenny stable. :(
Buscando en varios lugares y probando lo pude instalar así:
En consola accedí a sources.list para incluir la dirección del repositorio para instalar Mencoder:

1. nano /etc/apt/sources.list

al final del archivo incluí las siguientes líneas:

# Multimedia estable (actual)
deb http://www.debian-multimedia.org stable main

la que tiene # es un comentario y la otra es la dirección del repositorio para debian stable.

Guardé. Salí de nano.

2. Actualicé

aptitude update

3. Instalé Mencoder

aptitude install mencoder



Fuentes:
http://kikuelo.wordpress.com/2008/05/11/mencoder-en-debian/
http://www.esdebian.org/articulos/24469/mis-repositorios-debian
http://www.esdebian.org/wiki/tutorial-aptitude

miércoles, 24 de junio de 2009

Instalar brochas en Gimp

En el foro del curso AH903, surgió la inquietud de cómo instalar pinceles en Gimp.
Para instalar brushes (pinceles, brochas, como quieras llamarlos) en Gimp. Crea una carpeta (en tu carpeta de usuario (Mis documentos , home dependiendo del sistema operativo que uses) y descomprime todos los pinceles que has bajado.

1. Accedes al menú Editar / Preferencias de la ventana imagen o a Archivo / Preferencias de la ventana principal de Gimp.
2. En el panel de la izquierda buscas Carpetas (1) y dentro Pinceles (2), haces clic en pinceles y te apareceran opciones para configurar los pinceles a la derecha.
3. Haces clic en la hojita en blanco (nuevo pincel) (3), esto habilita un recuadro y te permite hacer clic en un boton (4) para buscar la carpeta donde están todos tus pinceles de Gimp. Has clic en Aceptar.
4. Te aparecera la ruta donde estan tus pinceles (5) y luego has clic en Aceptar (6).
5. Deberás re-iniciar Gimp para ver los nuevos pinceles.
Cuadro de dialogo Instalar pinceles en Gimp

sábado, 20 de junio de 2009

HA903 Contar una historia animada Avance 3

Me puse a mirar lo que hice hasta ahora en mi posteo anterior y no me gustó...ademas me estaba complicando demasiado... entonces decidí rearmar todo... comencé mirando las indicaciones de Nina en el blog del curso HA903 y pensando en cómo aplicarlas en mi actividad final...

Descripción

Decidí crear un dibujos simple (antes lo habia intentado pero sin lograr resultados que me agraden), modificarlo levemente de acuerdo al texto y también modificar el aspecto de algunas palabras.

Procedimiento

En Inkscape importé la imagen del paisaje elegida en el avance 2.
Con la herramienta Dibujar líneas a mano alzada, comencé a redibujar el paisaje, más o menos siguiendo algunas formas pero reinventándolo (no puedo dibujar sin una imagen de base).
Lo rellené copiando colores de la imagen utilizando la pipeta (seleccionar colores de la imagen) y luego aclarando u oscureciendo el color o cambiandolo de tono desde el panel de Relleno y borde.
Luego le incorporé el texto: las palabras Duro es el. Duro en mayúscula y con una tipografía sin serif en negrita y "es el" en minúsculas.
Por último, le incorporé un rectángulo color "sucio" con una opacidad al 50% para opacar el dibujo. Sobre el rectángulo, en la esquina inferior izquierda, ubiqué las palabras.
Luego hice las demas (despues explico el cómo y el por qué de los colores y demases aplicados)Imagenes creadas para representar unos versos de la canción Aprender a volar de Patricia SosaMe quedaron un poco desprolijas las terminaciones, quizas por el desenfoque que apliqué, no sé... mañana lo veré otros ojos :P Ahora voy a ver como quedan incorporandolas como gif en GIMP.

martes, 16 de junio de 2009

HA903 Contar una historia animada Avance 2

Continuo con la realizacion de la actividad de cierre del primer trimestre del curso HA903, donde decidí crear un gif animado basándome en la letra de la canción de Patricia Sosa, Aprender a volar.
Aqui está mi primer posteo sobe la actividad: http://softwarelibreenmivida.blogspot.com/2009/06/ha903-actividad-fin-1-trimestre-avance.html
Tengo que reconocer que me da pereza crear animaciones con Gimp, conociendo otros programas para hacerlo más facilmente... pero en fin... me tengo que poner las pilas en simplificar al maximo las ideas de animación que se me ocurren y recordarme que no es una animacion sino solo un simple gif animado...

Descripión

Teniendo en cuenta cuenta las recomendaciones de Nina, decidí seleccionar los primeros versos de la letra:
Duro es el camino
y se que no es fácil
no se si habrá tiempo para descansar
en esta aventura de amor y coraje
sólo hay que cerrar los ojos y echarse a volar.
Secuencia de imágenes y texto representando a la frase Duro es el camino

Procedimiento

Busqué imágenes de caminos en los álbunes de Picasa porque las fotos de caminos que tengo no me gustaron.
Abrí Inkscape para comenzar a tirar ideas:
Importé la imagen elegida. Paisaje con un camino sinuoso y difícil
Comencé a incluir el texto. Primero la palabra duro. La escribí en mayúsculas y busqué una tipografía que represente el significado de la palabra. Luego la ubiqué sobre la imagen y modifiqué su tamaño. Decidí convertir la imagen a grises en el momento que aparezca la palabra duro. Para convertir la imagen a grises, abrí Gimp y accedí al menú Colores/Desaturar: Clic en Claridad. Paisaje en gris con la palabra DuroDespués escribí es el en minúsculas y una tipografía con sanserif, la ubiqué sobre la imagen y modifiqué su tamaño. Paisaje en gris con la frase Duro es el Por último agregué la palabra camino y elegí una tipografía que me recuerde a un camino sinuoso. La ubiqué sobre la imagen.
Paisaje en gris con la frase Duro es el camino
La próxima imagen estará compuesta por el camino resaltado en color.
Resaltar en color el camino
Abrí Gimp, agregué dos capas: en la inferior incluí el paisaje a colores y sobre esta capa, el paisaje en grises.Usé máscara de capa sobre esta última capa y luego comencé a pintar sobre el camino para enmascararlo y que se vea la imagen de abajo. Guarde la imagen como jpg.
Continuar trabajando en Inkscape
Luego continué trabajando en Inkscape, importé la imagen creada, incluí las palabras: Duro, es el y camino. Roté Duro y lo ubiqué mas arriba, luego moví es el y por último, adapté la palabra camino a un recorrido, que sigue más o menos el camino de la imagen. El recorrido lo realicé previamente con la herramienta Dibujar líneas a mano alzada.
Adaptar un texto a un recorrido
Con la herramienta Seleccionar y transformar objetos, seleccioné el texto y el recorrido. Luego accedí al menú Texto / Poner en trayecto. Luego con la herramienta Editar nodos de trayectos, modifiqué el recorrido de acuerdo a mis gustos. Paisaje en gris con el camino a color, los textos rotados y el texto camino adaptado a un trayecto
Conviertiendo la secuencia en animaciones
Estoy conviertiendo las ideas básicas en animaciones a partir de la fusión de al menos tres capas en Gimp y utilizando el filtro Fusion del menú Filtros / Animaciones:
Fusionar: el paisaje en colores, el paisaje en grises y la palabra DURO
  1. En un archivo nuevo en Gimp, importé el paisaje en grises, en colores y escribí la palabra DURO.
  2. Ubiqué como capa inferior la que tiene la imagen en grises, luego la que tiene el paisaje a color y más arriba la palabra DURO.
  3. Accedí al menú Filtros / Animaciones / Fundir. Después de varias pruebas, elegí configuré el cuadro de diálogo fundir de la siguiente manera: Fotogramas intermedios: 10 y Quité el tilde a Bucle.
Cuadro de dialogo de Fusion, configurado en Fotogramas intermedios: 10. Sin tilde en Bucles. Se observa la ubicacion de las capasAsí quedó la primer animación:
Quizás quedó muy rápido, no sé... depende de lo que dure la música... eso después lo veo...
Ya he creado dos animaciones más:
Fusionar: el paisaje en grises con la palabra DURO, texto "es el" y texto "camino"


Fusionar: el paisaje en grises y la frase "Duro es el camino" con la palabra "camino" adaptada a un trayecto
No sé como quedará todo esto unido y con la música de fondo...

miércoles, 3 de junio de 2009

HA903 Contar una historia animada Avance 1

Como actividad de fin de trimestre del curso HA903 tenemos dos alternativas:
1. Contar una historia animada:
- Basarnos en un texto que puede ser: un cuento digital, o un poema, un haiku, un refrán, una frase, o un relato corto.
- Dividirlo en partes
- Crear una imagen que represente cada parte, utilizando Gimp o Inkscape.
- Armar el gif animado en Gimp
2. Hacer el diseño de una Web. Aquí Jesusda nos explica como lo hace utilizando herramientas libres: http://www.jesusda.com/blog/index.php?id=319
Me gustan las dos opciones pero voy a elegir la primera ya que el diseño de este blog lo voy a hacer si o si en algun momento.

Descripción

Para hacer la animación me voy a basar en la letra de Aprender a volar de Patricia Sosa.
No sé aún si voy a describir toda la letra o voy a elegir una parte.

Procedimiento

Recolectando información
1. Busqué el video de Patricia Sosa en youtube.com: aprender a volar
2. Comencé a escucharlo y anotar la letra en un archivo de texto.
3. Fui marcando posibles imágenes a buscar relacionadas con los sustantivos/verbos/adjetivos que aparecen en la letra.
Ventana del navegador reproduciendo el video de Patricia Sosa, Aprender a volar. Archivo de texto donde voy copiando la letra. Carpeta donde voy guardando imagenes que representan la letra de Aprender a volar
4. Comencé a buscar imágenes que voy a utilizar (o quizás utilice) para representar la letra, pudiendo ser de manera:
a. Literal: cuando dice duro es el camino: mostrar un paisaje con camino
b. Metafórica: intentar reflejar un camino duro, usando un camino pero no solo la imagen de un camino
Aprender a volar
Marqué posibles imágenes a buscar.

Duro es el camino (1)
y se que no es fácil
no se si habrá tiempo(2.a) para descansar(2.b)
en esta aventura (3.a) de amor (3.b) y coraje (3.c)
sólo hay que cerrar los ojos (4.a) y echarse a volar (4.b)

[y cuando el corazón (5.b) galope (5.b) fuerte (5.b)
déjalo salir (6)
no existe la razón (7)
que venza la pasión (8)
las ganas de reir (9).

[[Puedes creer, puedes soñar(10)
abre tus alas (11)
aquí está tu libertad (12)
y no pierdas tiempo (13)
escucha (14.a) el viento (14.b)
canta por lo que vendrá,
no es tan difícil
que aprendas (15.a) a volar (15.b) .]] ]

No pierdas la fe, (16)
no pierdas la calma, (17)
aunque a veces este mundo (18.a) no pide perdón (18.b).

Grita (19.a) aunque te duela, (19.b)
llora (20) si hace falta,
limpia (21.a) las heridas (21.b) que cura (21.c) el amor (21.d).

[estribillo]

Y no apures (22.a) el camino (22.b)
al final todo llegará
cada luz (23.a), cada mañana (23.b)
todo espera en su lugar (24).

[[estribillo2]]

Todavía no sé si representaré toda la letra o sólo algunas estrofas.