El software libre en mi vida

Convertir wma a mp3 y a ogg

2011-11-02T21:31:00.005-03:00

Estoy colaborando con el proyecto a de Iris Fernández, Te leo un cuento y necesitaban convertir un archivo wma a mp3 y ogg.

Busqué en Internet y encontré como hacerlo utilizando ffmpeg:

Convertir wma a mp3

ffmpeg -i archivo.wma -f mp3 -ab 192 archivo.mp3

Convertir mp3 a ogg

ffmpeg -i archivo.mp3 archivo.ogg

Fuente:

http://www.guia-ubuntu.org/index.php?title=Conversi%C3%B3n_de_formatos_multimedia#MP3_-.3E_OGG

http://www.chw.net/foro/gnu-linux-y-otros-sistemas-operativos-f18/62229-como-convertir-de-wma-a-mp3.html

Comprimir video

2011-06-07T00:48:00.008-03:00

Hace unos meses atrás tuve que hacer un video, lo hice usando OpenShot, el cual es un editor sencillo y multipista. Utilice imágenes y videos de alta resolución dando como resultado un video muy pesado, especialmente porque tenía que adjuntarlo y había un tope de capacidad máxima.

Busqué en Internet hasta que encontré un post que cito más abajo, donde se explica el uso de FFmpeg para distintas cosas y encontré lo que quería, comprimir un video:

ffmpeg -i video_original.avi -s 320x240 -vcodec msmpeg4v2 video_comprimido.avi

Fuente:

http://morfeox69.blogspot.com/2011/02/aprender-usar-ffmpeg.html

BlueFish: Personalizar teclas rápidas

2011-04-12T23:51:00.013-03:00

Para modificar o agregar una tecla rápida a un comando, hay que acceder al menú donde se encuentra la opción a la que se desea añadir la tecla rápida, luego a la función elegida (sólo posicionar el mouse sin hacer clic) y presionar la combinación de teclas deseada. Listo! Ya está asignada la tecla rápida.

Una vez asignadas las teclas rápidas hay que acceder al menú Edición / Guardar teclas de acceso rápido para guardar la combinación de teclas asignada.

Un detalle a tener en cuenta, si se desea continuar con la manera de asignar teclas rápidas que tiene BlueFish, es que para el menú Etiquetas, combina las teclas Ctrl Alt más una letra, para el menú Diálogos, la combinación es Shift Alt más letra y para Edición es Ctrl más una letra.

En la siguiente imagen se puede observar el menú Etiquetas, el submenú Otras y la etiqueta Div, primero sin tecla rápida asignada, luego con la combinación Ctrl Alt V.

Para eliminar una combinación de teclas hay que acceder al menú y a la función elegida (sólo posicionar el mouse, sin hacer clic) y presionar la tecla supr.

Referencia: Modificando teclas rápidas (en inglés)

Linux es Libre, renovamos el diseño y el contenido

2011-03-10T16:34:00.003-03:00

Hemos actualizado el sitio de Linux es Libre estrenando secciones nuevas: Quienes somos y Migraciones donde iremos publicando casos de éxito a nivel empresa y hogareño.

También hemos reestructurado las barras de navegación y re-organizado los contenidos.

Espero les guste esta cara renovada de Linux es Libre.

Edición de HTML y CSS con BlueFish

2011-03-01T21:39:00.014-03:00

Hace un tiempo que comencé a usar BlueFish como editor de html y css.

También probé Aptana, lo descarté porque está en inglés y prefiero usar programas que están en mi idioma. Me dijeron que hay un parche para español pero no lo tengo...

Por eso le di una oportunidad a BlueFish aunque muchos dicen que Aptana es superior.

Les paso a comentar las características que he probado hasta ahora. Me gustaría conocer las correspondientes a Aptana para comparar ambos editores.

Características

Autocompletado de etiquetas y atributos html.
Teclas rápidas para insertar etiquetas. Me pareció útil y agiliza la escritura.Se pueden personalizar.
Autocompletado de css.
Sangrado automático. Una vez que indicas la sangría deseada la próxima línea de código se posiciona en la misma sangría de la línea anterior.

Bueno, hasta aquí una breve reseña de las características de BlueFish. En futuros posteos voy a publicar la utilización de distintas funciones del programa que estoy probando.

Proyecto Yo si uso software libre

2011-02-07T13:41:00.002-03:00

Leyendo blogs de software libre llegué a yosiuso.tatica.org un proyecto donde se ofrecen botones para difundir la utilización de Software Libre. Son muy lindos! Además quien desea puede colaborar con botones.
Ya agregué varios al sitio. :)

Linux es Libre estrena nuevo diseño

2010-10-11T14:19:00.006-03:00

Al fin después de casi un año de idas y vueltas la comunidad Linux es Libre estrena un nuevo diseño.

Aún no están todas las páginas on-line ni tampoco está completa la barra de navegación pero se irán completando en breve.

Espero les resulte agradable y navegable el nuevo diseño y organización.http://linuxeslibre.com.ar/

Espero comentarios y sugerencias para mejorar el aspecto del sitio.

flor en tonos violáceos

2010-08-21T22:45:00.009-03:00

En esta ocasión voy a contar el paso a paso de la edición utilizando el programa gimp de una flor del jardín de mi madre que saqué para un trabajo para el curso de fotografía. Así quedó la edición:

La imagen

Utilizando la herramienta de recorte encuadré la fotografía original.

Después accedí al menú Colores > Balance de color. Con el objetivo de disminuir la sombre que recae sobre los pétalos configuré:

Rango para ajustar: tonos medios.
Ajustar los niveles de color: magenta-verde: 39

Luego fui al menú Colores->Colorear y para lograr que toda la imagen quede con una tonalidad violácea configuré lo siguiente:

Tono: 263
Saturación: 100
Luminosidad:0

El fondo

No todo el fondo quedó oscuro. Utilizando la herramienta clonar fui copiando sectores oscuros del fondo a sectores claros para que toda el fondo quede homogéneo. La herramienta clonar es como un pincel que en vez de pintar con un color elegido va copiando el sector de imagen que le indiquemos.

El marco

Presioné el botón derecho sobre la capa de la imagen y elegí la opción Añadir canal alfa para permitir transparencias en la imagen.

Luego agrandé el tamaño del lienzo accediendo al menú Imagen > Tamaño del lienzo. En la lista desplegable Redimensionar capas elegí todas las capas. En tamaño del lienzo aumenté los valores de ancho y alto de manera proporcionada. Por último hice clic en centrar. Apareció un borde cuadriculado en la imagen, este cuadriculado representa que es un borde transparente.

Agregué una capa nueva presionando el botón derecho sobre la capa de la imagen y eligiendo Capa nueva. Arrastré la capa nueva para que quede debajo de la imagen.

Con la herramienta Recoge color, hice clic en uno de los tonos violáceos claros de la flor. Luego fui a la configuración de la herramienta (solapa opciones de herramienta) recoge-color y elegí la opción definir el color de fondo. Hice clic en una tonalidad violácea oscura.

Hice clic en la herramienta de mezcla, en su configuración elegí Frente a fondo para pintar con un color degradado que vaya del color del frente elegido al color de fondo. Luego hice clic en la capa recién creada y arrastré la herramienta mezcla de manera diagonal para crear un relleno que va de la esquina izquierda superior de la imagen con un violeta claro a la esquina inferior derecha con un violeta oscuro.

Por último, accedí al menú Filtros > Decorativos > Añadir bordes. En los valores para tamaño de X e Y puse 50. Para el color puse un color violeta claro y en valor delta en el color coloqué 50 para que el borde tenga la misma variación de color que el fondo.

flor con fondo desenfocado

2010-08-04T22:55:00.032-03:00

Hace un mes que comencé un curso de fotografía digital básico. En la clase del miércoles 4 de agosto, el profesor llevó unas flores, creo que se llaman lilium (lirios), para que les tomemos fotografías. Saqué varias fotos y las edité con Gimp. Voy a subir todas las fotos a mi galería en Picasa y/o a mi galería en Flickr!. Para algunas, voy a crear un posteo con el paso a paso. Esta es la primera:

La flor

La recorté utilizando la herramienta de Recorte, que me permitió realizar un mejor encuadre de la imagen enfocándome en la flor y dejando de lado el resto.
Para dar más realce a los colores originales de la imagen, accedí al menú Colores y luego a Tono y saturación. Moví el deslizador de saturación al valor 35.
Luego seleccióné la flor para despegarla del fondo. Para ello utilicé la herramienta selección del primer plano. Esta herramienta permite en pocos pasos tener la selección de un primer plano de la imagen, en este caso: la flor.

Primero, hice una selección rodeando la flor.
Luego pinté dentro de la flor.
Por último, presioné la tecla enter y apareció la selección.
La selección casi nunca es perfecta. Para quitar o agregar zonas a la selección, utilizo la herramienta de selección libre (con forma de lazo) y la configuro Añadir de la selección actual o Extraer de la selección actual. Para más detalles sobre la selección de primer plano ver un trabajo que hice en el año 2009

Una vez seleccionada, corté y luego pegué. Luego de pegar hice clic en Nueva capa para que la flor tenga una capa separada del fondo.

El fondo

Luego hice clic con el mouse en la capa del fondo. Accedí al menú Filtro > Desenfoque > Desenfoque de movimiento. Seleccioné:

Tipo de desenfoque: lineal.
Longitud: 199
Angulo: 215

El marco

Accedí al menú Imagen > Tamaño del lienzo. En Capas: elegí todas las capas. Luego modifiqué los valores para el ancho y el alto de tal manera de obtener un tamaño que me agradó para dejar un marco a la imagen.
Creé una nueva capa con el color de frente. La moví para que quede debajo de la capa del fondo. La rellené con un color de la flor que luego oscurecí. Hasta aquí logré un marco plano de color.
Accedí al menú Filtros > Decorador > Difuminar bordes. Configuré: tamaño: 16 y granulado: 4. Para el color del borde, tomé uno de los colores de la flor.
Pinté de color negro la capa creada en el punto 2. El color dado anteriormente lo utilicé para que el borde difuminado tome ese color.
Teniendo seleccionada la capa del borde difuminado, accedí al men Filtros > Desenfoque > Desenfoque de movimiento. Tipo de desenfoque: Lineal. Longitud: 120. Ángulo: 153. Esto hizo que el borde quede como corrido, con movimiento y produjo que se vean sólo los laterales izquierdo y abajo del borde. Entonces dupliqué esta capa y utilizando la herramienta de volteo hice que la capa duplicada ocupe el lateral derecho y arriba, completando el marco.

Animaciones con Synfig

2010-06-04T00:10:00.005-03:00

Desde que conocí el software libre comencé a buscar programas multiplataforma para crear animaciones al estilo de Macromedia Flash y no encontraba, sólo había para sistemas GNU/Linux.

Este año conocí Synfig que es un programa para crear animaciones exclusivamente, no incluye interactividad por parte del usuario. Está disponible para Windows, GNU/Linux y Mac OS. Tiene mucha documentación en inglés: manuales, tutoriales en formato wiki y en video. La documentación en español está en proceso de desarrollo pero como está en una wiki podemos colaborar fácilmente.

Comencé a probar el programa y me resultó bastante fácil de usar pero no he profundizado aún.

Este es un video donde podemos ver la animación de un ojo usando Synfig.

También hay videotutoriales, este es la primera parte de una serie de 4 videos que explican como crear la animación de una planta que florece.

Texto en relieve

2010-05-08T00:59:00.003-03:00

Siguiendo las indicaciones de Ana Díaz en su blog Diseño Libre realicé el siguiente texto en relieve con el programa Inkscape.

Texto con reflejo

2010-05-03T23:58:00.007-03:00

En marzo comenzó el taller de imagen digital TIDSL103 de baidarkas. Lo voy siguiendo desde afuera, miro que hacen, a veces ayudo pero muy poco.... también he realizado "a medias" algunas propuestas como la de generar una composición op-art...
Hace bastante tiempo que quiero cambiar el banner de mi blog... Hace días mirando los procesos y resultados de mis compañeros y estoy probando con el tratamiento del texto: sombra, reflejo, rellenos... ... Hasta que una combinación de colores me dio más o menos la sensación de reflejo y lo coloqué en un fondo para hacer otro banner, no muy elaborado ni pensado (en cuanto a su significado: que transmite, que quiero transmitir...) pero me gustó y ahí lo puse sin pensar demasiado porque sino lo seguiría modificando.

Procedimiento

Escribí la frase y elegí una tipografía sencilla sin serif.
Le apliqué relleno Gradiente Lineal. Le agregué una parada para tener tres tonalidades. Con la herramienta Nodos, moví el tirador rectangular y lo ubiqué en la parte superior de la letra e de la palabra libre, el nodo circular lo ubiqué en línea recta en la parate inferior de la letra e. Hice clic en cada tirador de control o nodo del relleno e hice clic en un color. Moví el relleno desde el tirador circular que está en uno de los extremos para que quede en posición horizontal lo más simétrica posible. Moví el nodo central del relleno para desplazar el relleno interno (negro) y ubicarlo donde más me gustó.
Dupliqué el texto, lo reflejé verticalmente utilizando el botón para tal efecto ubicado en la barra superior. Moví el texto duplicado y lo ubiqué de tal manera que coincida con el texto original. Volví a hacer clic sobre el texto para que aparezcan los nodos para Inclinar el texto. Desde el nodo del centro incliné levemente el texto y reduje el alto, con la intención de dar la sensación de reflejarse.
Dejé los mismos colores para el reflejo y le apliqué una opacidad del 36%. Luego para el relleno de la parte superior elegí el color de la imagen de fondo (un celeste) utilizando la herramienta con forma de gotero.
La imagen de fondo es una foto vectorizada con Potrace, creada el año 2009 para crear un banner para este blog en el curso HA903. Modifiqué los colores de la imagen original, aclarándolos y borré varios objetos para dejar solamente las formas blancas y grises y el fondo (celeste).
Agrupé y ubiqué del centro para abajo y lo centré verticalemnte utilizando el botón Centrar el eje vertical del Panel Alinear y distribuir.

Aljaba en mosaicos

2010-02-23T14:27:00.008-03:00

Suelo visitar una red de Ning sobre Inkscape y mirando trabajos llegué a un tutorial de Joaclint donde te explica paso a paso la creación de un mosaico para luego aplicar el efecto clip.

En vez de utilizar cuadrados para el mosaico como lo explica en el tutorial, utilicé rectángulos que me pareció la mejor opción después de probar distintas formas.

Subí la imagen original a Wikimedia Commons.

Lirio del Tigre

2010-02-08T23:55:00.004-03:00

Una de las tantas fotos que he sacado a las flores del jardín de mi madre. La edité con Gimp 2.4.7 y la subí a Flickr.

La imagen original la subí a Wikimedia Commons.

Intensifiqué los colores, accediendo al menú Colores > Tono y Saturación. Moví el deslizador de Saturación a 22.

Redondeé las esquinas de la imagen. Primero puse como color de fondo el color de la flor, utilizando la herramienta recoge color que tiene forma de pipeta y en sus propiedades elegí Definir el color de fondo. Luego accedí al menú Filtros > Decorador > Esquinas Redondeadas. En radio puse 15, quité el tilde de Trabajar en copia.

Dupliqué la capa de la flor, presioné el bótón derecho sobre la capa y elegí la opción Duplicar la capa. A la copia que quedó arriba, la convertí en grises accediendo al menú Colores > Desaturar.

Apliqué una máscara de capa a la capa de la imagen desaturada.Presioné el botón derecho sobre la capa e hice clic en la opción Añadir máscara de capa. Luego con el pincel pinté la flor en color negro para permitir que se vez la capa donde está la flor a color. Pinté en blanco cuando deseaba que vuelva a estar en color grises la zona pintada. Una vez que la imagen quedó como deseaba, apliqué la máscara, presioné el botón derecho sobre la capa y elegí la opción Aplicar máscara de capa.

Utilizando la herramienta Texto, escribí mi nombre y mi apellido. Elegí una tipografía sencilla, elegí un tamaño adecuado y le di color blanco para poder aplicar mapa de relieve. Moví la capa de este texto para que quede debajo de la flor con fondo gris.

Hice clic en la primer capa y accedí al menú Filtros > Mapa > Mapa de relieve. Aparece un cuadro de diálogo:
1. En la lista Mapa de relieve: elegí el texto.
2. Tildé la opción Compensar para oscurecer.
3. Profundidad: 4
4. Desplazamiento X y Desplazamiento Y: modifiqué los valores hasta ubicar el texto donde deseaba. Utilicé la vista previa para ir viendo como quedaba
5. Nivel del mar: 173 para que quede lo más tenue posible y a la vez visible.

La exporté con el formato jpg (Archivo / Guardar como...).

Re-diseño del sitio Linux es Libre v4

2009-10-29T17:37:00.012-03:00

Teniendo en cuenta todas las sugerencias que he recibido, decidí probar con otro diseño para Linux es Libre, tanto para el logo como para la pagina principal.
Para crear este nuevo diseño me basé en esta plantilla: http://www.freecsstemplates.org/preview/morningdew

Modificaciones

Enlaces: dividí los enlaces en dos grupos, los más generales en un menú superior y los más específicos en un menú ubicado debajo del encabezado.
El menú general es más alto que el otro menú. También el tamaño de la tipografía es un poco mayor.
Cada elemento del menú está separado del otro por una barra vertical
Encabezado: está formado por el logo, un listado de qué ofrece el sitio Linux es Libre y por un formulario de búsqueda, al cual le quité la opción de elegir entre buscar en la web o el sitio, quedó para buscar dentro del sitio solamente.
Logo: le dí mayor preponderancia al nombre Linux es Libre, utilicé una tipografía sencilla y clara. Coloqué un tux estandar (que tendríamos que modificarlo para que esté relacionado con Linux es Libre). Incluí el slogan del sitio en una tipografía informal.
Contenido: ahora está ubicado a la izquierda, sin utilizar recuadros como en el otro diseño
Enlaces externos, otros formularios: ubicados en el lateral derecho.
Colores: los colores principales de la página son: celeste, blanco y gris casi blanco. La intención es transmitir la sensación de libertad, tranquilidad. Los colores preponderantes en el logo son: azul y anaranjado, el azul está relacionado con lo técnico [1] y el naranja con la calidez y la alegría.[2]

Los invito a ver el nuevo diseño

[1] http://www.mariaclaudiacortes.com/colors/Colors.html

[2] http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php?bol0108-1

Re-diseño del sitio Linux es Libre v3

2009-10-21T14:41:00.004-03:00

De acuerdo a otras sugerencias del grupo Linux es Libre, realicé las modificaciones correspondientes:

Falta de legibilidad del texto en los enlaces de los titulares: me sugirieron cambiar la tipografía elegida, entonces me di cuenta que no había elegido ninguna tipografía y que mostraba la que está por defecto. Para todo el cuerpo de la página elegí la familia Arial, Helvetica, sans-serif que es la que tiene el sitio actualmente...
Falta de un enlace al foro: agregué el enlace debajo de la suscripción al grupo como está actualmente en el sitio http://www.linuxeslibre.com.ar/.

Así está quedando la página principal del sitio Linux es Libre

Espero comentarios, sugerencias...

Re-diseño del sitio Linux es Libre v2

2009-10-21T00:45:00.002-03:00

De acuerdo a algunas sugerencias cambié los colores del sitio, modifiqué el aspecto de los enlaces y re-ubiqué algunos sectores (cajas).
Este es el nuevo diseño (sólo probado en Firefox)

Re-diseño del sitio Linux es Libre

2009-10-19T17:34:00.019-03:00

Estoy colaborando en el re-diseño del sitio Linux es Libre.
En posteos anteriores mostré los bocetos realizados en Inkscape y Gimp. En estos días me puse a crear la página principal en html y css, utilizando al principio Kompozer y luego cssed (un editor css que encontre en el gestor de paquetes Synaptic).

Modificaciones

Al comenzar a dar forma a la página surgieron modificaciones:
- Diseño a dos columnas: con las publicidades ubicadas en una fila debajo de la barra de navegación principal.
- Formulario de búsqueda: incluí las opciones de buscar en la web o en el sitio.
- Colores:

fondo pagina: gris muy claro

fondo contenido: gris claro

fondo de los recuadros: blanco

encabezados de recuadros, encabezado principal y pie: rosa oscuro

fondo de barra de navegacion: rosa oscuro grisaceo

Enlace: rosa oscuro negrita

Enlace visitado: rosa oscuro sin negrita

Enlace sobre el que se pasa el mouse: rosa oscuro tamaño mediano negrita

Maquetando

Al nuevo diseño también lo hice en Inkscape ya que me resulta más cómodo ubicar cada elemento. Luego, en html, creé su correspondiente div y le incluye el formato en una pagina css a través de id y/o class. Ahora para pruebas rápidas, incorporo el css dentro del html directamente.
Para las esquinas redondeadas utilicé las siguientes propiedades, no visibles en IE:

-moz-border-radius-topleft: 15px;

-moz-border-radius-topright: 15px;

-moz-border-radius-bottomright: 15px;

-moz-border-radius-bottomleft: 15px;

Así está quedando la página principal en html y css.
Así se ve en Firefox, no la he probado en otros navegadores:

Estándares y accesibilidad

Si bien ya elegí los colores me interesarían que cumplan las pautas de accesiblidad ofreciendo un buen contraste, pero no sé si lo logro. Todavía no queda bien la página al no tener la hoja de estilos, algunos objetos quedan en cualquier lugar y no se distinguen los tilulos principales, quizas deba utilizar los hx porque utilice estilos de titulos propios.
Algunos enlaces sobre accesibilidad que estoy teniendo en cuenta:
- Pautas de accesibilidad - Grupo DIM
- Documentos para el diseño accesible de contenidos en la Web
- Cómo saber si tu sitio es accesible
Por otro lado también estoy intentando respetar los estándares web de la W3C, dando el formato en un archivo css externo, entre otros.

P.D.: modifiqué la css e inclui hx para que mejore el aspecto de la pagina si no se visualiza la hoja de estilos.

HA903 Creando un banner entre todos Fin

2009-10-03T19:41:00.008-03:00

Concluimos la última tarea del curso HA903, la cual consistía en crear, entre todos los participantes, un banner y un afiche para dos actividades que se desarrollarán en el marco del EDUSOL 2009.
- Porque instalar no es suficiente, curso básico de GNU/Linux para personas no técnicas
- Día de la educación y cultura libre, charlas presenciales previas al EDUSOL.
Después de varios intercambios y participación de algunos compañeros terminamos las dos propuestas:

Porque instalar no es suficiente

Banner

Afiche

Día de la educación y cultura libre

Banner

Afiche

Afiche encuentro Edusol 2009 Dia de la educacion y la cultura libre: Charlas presenciales previas al Edusol"id="BLOGGER_PHOTO_ID_5389289551850588834" />

HA903 Creando un banner entre todos

2009-08-31T19:17:00.012-03:00

Una nueva tarea del curso HA903, nos propone crear, entre todos los participantes, un banner y un afiche para dos actividades que se desarrollarán en el marco del EDUSOL 2009:
- Porque instalar no es suficiente, curso básico de GNU/Linux para personas no técnicas
- Día de la educación y cultura libre, charlas presenciales previas al EDUSOL.

Arme algunas propuestas de banner a partir de los aportes de Amanda y Marcela.
Tomé el banner de Marcela que está hecho en Inkscape y comencé a darle cuerpo a las tipografias, desde mis humildes conocimientos sobre el tema.
También reelabore los textos teniendo en cuenta el banner de Amanda y tomé la frase que ella incluyo en su banner.
Quite la direccion web del curso porque, creo que está de mas ya que al hacer clic en el banner se supone que apuntara a la direccion del curso.
En cuanto a los colores:
- Dejé la tipografía en negro, no se qué color podrá quedar bien...
- Dejé el color de fondo elegido por Marcela porque tampoco sé que color puede ser...
- Para el color de "Edusol 2009" tome el color del logo de Edusol.
- Para el color de las siluetas elegí tonalidades de grises, pero considero que se debería elegir otro color ya que las siluetas hacen referencias a las personas no técnicas posibles participantes y creo que el gris no queda bien, no sé...

Hice varias versiones:
- sólo con texto y el logo de edusol

- con los personajes creados por Marcela pero en silueta:

Espero haber realizado algún aporte en la creación del banner, aunque sea, nuevas ideas para continuar trabajando entre todos...

Guías de introducción a Gimp y a Inkscape

2009-08-23T21:11:00.004-03:00

Para colaborar con los cursos gratuitos de Linux es Libre, armé dos apuntes básicos para comenzar a utilizar Gimp e Inkscape, los cuales incluyen funciones básicas y enlaces para profundizar cada tema (tutoriales, lista, manuales, curso HA903, entre otros). Está orientado para quien tiene muy pocos conocimientos previos sobre cada programa. Están en tres formatos para su descarga: odt, pdf y html comprimido en un archivo tar.gz. Espero opiniones y sugerencias.
Iniciándonos en la edición de imágenes con Gimp:

La instalación de Gimp.
Un recorrido por el entorno de trabajo y cada herramienta.
Caja de herramientas
Capas
Abrir una imagen
Guardar una imagen
Ver propiedades de una imagen
Modificar el tamaño (ancho y alto)
Modificar la resolución
Modificar el peso
Aclarar/oscurecer una imagen
Aplicar algunos filtros
Enlaces para seguir aprendiendo más

Iniciándonos en la edición de gráficos vectoriales con Inkscape

La instalación de Inkscape.
Recorrido por el entorno de trabajo
Crear un documento.
Abrir un documento.
Guardar un documento.
Exportar a mapa de bits.
Manejo básico de objetos.
Crear una tarjeta personal:
- Blanco y negro: Seleccionar y transformar, Texto, Contorno, Alinear y distribuir, Filas y columnas.
- A color: Relleno. Contorno.
- Con objetos: Líneas. Formas. Imágenes.
Enlaces para seguir aprendiendo

HA903 Diseño de una web Version 2

2009-07-31T18:47:00.005-03:00

De acuerdo a las sugerencias de la lista linuxeslibre realicé algunas modificaciones al diseño anterior:

Aclaré el gris de los recuadros,
Oscurecí el azul-verdoso del encabezado de los recuadros. Apliqué este mismo color al fondo del encabezado principal donde está el logo.
Reemplacé los asteriscos por circulos para las viñetas de las noticias.

HA903 Diseño de una web

2009-07-28T21:22:00.025-03:00

Hace diez días más o menos realicé un boceto rediseñando la página principal del sitio web Linux es Libre utilizando Inkscape y Gimp. También hice un rediseño preliminar del logo.
Esta actividad corresponde a la segunda alternativa propuesta como actividad de final de trimestre del curso HA903 y además lo realicé como una manera de colaborar con la comunidad Linux es Libre.
Para el rediseño, me basé en el aspecto de la página principal del sitio del día 17 de Julio del 2009, lo aclaro porque el sitio web Linux es Libre está en continuos desarrollo y actualización.
Así quedó el boceto del nuevo diseño:

Descripción

Al mirar la página principal de Linux es Libre, considero que se necesita una reorganización de la informacion para que sea más fácil la navegación por parte de los usuarios, como dice jEsuSdA en su artículo: "que los usuarios encuentran lo que buscan, navegan con comodidad y soltura por la página".
Una vez que decidí dividir la información en tres columnas, me puse a buscar diseños en las plantillas para Blogger y encontré tres, que me sirvieron de guía para crear mi propio diseño del sitio.
1. Fervens
2. Magzmo
3. o2

Procedimiento

En Gimp, realicé una captura de la pagina, recorté cada contenido y los guardé como imágenes independiente, es decir, documentos, logo, fecha, bienvenidos, anillo, búsqueda de Google, Grupos Google, páginas amigas, enlaces horizontales, enlaces verticales, etc.
En Inkscape, importé cada imagen creada en Gimp. Comencé a re-ubicarlas, a distribuirlas en la primera, segunda y tercer columnas, a decidir qué contenido descartaría por considerarlo duplicado, etc.
En otro documento nuevo, comencé a crear el boceto:
- Utilizando rectángulos modificados con la herramienta Editar nodos... para ubicar la información.
- Incorporando nuevamente el texto con la herramienta texto.
- Re-diseñando los formularios para la búsqueda y el grupo de Google. En Gimp: recorté los botones Buscar y Suscribirse y al logo de Google le quité el fondo. Los guardé como imágenes png independientes. En Inkscape, las importé, las ubiqué en su lugar y les agregué el texto.
- Para las páginas amigas, consideré que sería mejor y más sencillo, crear los enlaces sólo de texto.
- Modifiqué el aspecto para "Averigua tu actual IP y tu velocidad de conexión", donde alargué el color de fondo en Gimp, lo guardé como imagen. La importé y le incorporé texto en Inkscape.
- Rediseñé el logo (en otro posteo lo explico)
- Elegí y apliqué colores a los recangulos y al texto plano y a los enlaces.

Espero haber aportado en facilidad de lectura de la página.

Ahora sólo resta que la comunidad de Linux es Libre lo vea, opine, realicemos los cambios que se soliciten y podamos implementarlo utilizando CSS.

Cursos de autoformación: Moodle y Squeak

2009-07-20T23:10:00.014-03:00

El lunes 22 de Julio me inscribi en un curso de autoformacion en Moodle creado por Iris Fernández.
También estoy haciendo otro curso de autoformación Squeak, creado por ella. No recuerdo cuando lo comencé, pero hice varias cosas interesantes, puesto que no tenia ni idea de Squeak. Actualmente he abandonado un poco a Squeak pero pronto lo retomaré.

Curso de Autoformación de Moodle

Lo que hice hasta ahora, utilizando las guías creadas por Iris y leyendo la ayuda de Moodle. Aquí los enlaces:

1. Ingresar a la plataforma del curso:

Plataforma del curso

Pasos para ingresar al Grupo de autoformación: Moodle

2. Crear una plataforma moodle en un hosting gratuito
Crear plataforma en Key to School

3. Modificar el idioma por defecto: inglés.
Cambiar el idioma de una plataforma Moodle en Key to School

4. Crear categorías para organizar los cursos

5. Crear un curso en Moodle

6. Configurar un curso

5. Modificar el tema de la plataforma:
Accedí a Administración / Apariencia / Temas / Selector de temas
y elegí un tema que me agradó.

6. Ahora me interesa aprender a modificar este tema. Algunas puntos que me interesa hacer son:
a. Modificar el logo de la cabecera
b. Modificar el diseño de la página principal

Estos dos enlaces aun no los he leido en su totalidad ni los he puesto en práctica.

Gimp - Manejo de ventanas

2009-07-09T00:00:00.005-03:00

He notado que las personas que recién se inician con Gimp, tenga experiencia en otros programas del mismo tipo o no, les ocurre que se pierden o se desconciertan cuando al tener una imagen abierta y luego abrir otra, ésta se ubica detrás de la que ya está abierta... lo más cómodo sería que se ubique delante...
Me puse a buscar soluciones en Archivo / Preferencias, accedí a la Gestión de la ventana y en Hints del gestor de ventanas, tanto en Hints para la caja de herramientas y Hints para otros empotrables, seleccioné Mantener por encima. Reinicié Gimp. Probé y no hubo cambios en cuanto a las ventanas, sólo que la caja de herramientas y cualquier cuadro de diálogo queda siempre arriba, inclusive cuando acciono otra ventana que no es de Gimp, por ejemplo el navegador web.... :(

Pregunté en la lista de GImp y me dan la misma solución alegando que funciona... quizás la versión que tengo de Gimp, 2.4.7 que es la que Lenny tiene en los repositorios tiene el problema...

Aquí una imagen de cómo abre las ventanas:

HA903 Contar una historia animada Avance 5

2009-06-30T18:48:00.033-03:00

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...

HA903 Contar una historia animada Avance 4

2009-06-27T00:24:00.031-03:00

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

Decidí quitar el desenfoque del dibujo básico para evitar la mala calidad al exportarlo en formato png.
Abrí el primer archivo svg en el que estoy trabajando, que contiene dos imágenes de la secuencia.
Accedí al panel relleno y borde y moví el control de desenfoque para quitarlo completamente.
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.
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.
Una vez que estuvo listo, lo copie y lo pegué para utilizarlo en la segunda secuencia.

Segunda secuencia

Aclaré la tonalidad del rectángulo que cubre el dibujo.
Cambié el color del camino, lo aclaré para que resalte un poco y lo ubiqué detrás de dicho rectángulo.

Tercer secuencia

Copié y pegué el dibujo terminado realizado para la primer secuencia.
Reduje el tamaño del rectángulo dejando ver el dibujo original en el sector derecho.
Ubiqué la frase un poco más arriba que la de la segunda secuencia.

Cuarta secuencia

Copié y pegué el dibujo terminado realizado para la primer secuencia.
Reduje un poco más el tamaño del rectángulo.
Ubiqué la frase un poco más arriba que la de la tercer secuencia.

Quinta secuencia

Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
Reduje un poco más el tamaño del rectángulo.
Como quedó a la vista la mitad del dibujo. Le agregué otro rectángulo color blanco transparente para dar sensación de tranquilidad, descanso.
Ubiqué la frase un poco más arriba que la de la secuencia anterior.

Sexta secuencia

Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
Reduje un poco más el tamaño del rectángulo.
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.
Ubiqué la frase un poco más arriba que la de la secuencia anterior.

Séptima secuencia

Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
Reduje un poco más el tamaño del rectángulo.
Le agregué otro rectángulo color rosa transparente para dar sensación de amor en la zona del dibujo descubierta.
Ubiqué la frase en el mismo lugar que la de la secuencia anterior.

Octava secuencia

Copié y pegué el dibujo terminado realizado para la segunda secuencia (con la tonalidad del camino más clara).
Reduje un poco más el tamaño del rectángulo.
Le agregué otro rectángulo color azul transparente para dar sensación de coraje en la zona del dibujo descubierta.
Ubiqué la frase en el mismo lugar que la de la secuencia anterior.

Novena secuencia

Copié y pegué el dibujo terminado realizado para la primer secuencia.
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.
Ubiqué la frase en el mismo lugar que la de la secuencia anterior.

Última secuencia

Copié y pegué el dibujo terminado realizado para la primer secuencia.
Eliminé rectángulo para descubrir todo el dibujo para que dar la sensación de libertad, de volar.
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)):

Fotogramas intermedios: 3
Radio máximo de desenfoque: 0
Quité el tilde de bucle.

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ó:

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é ;)

Instalar mencoder

2009-06-25T23:45:00.012-03:00

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

Instalar brochas en Gimp

2009-06-24T17:30:00.006-03:00

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.

HA903 Contar una historia animada Avance 3

2009-06-20T02:37:00.028-03:00

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)Me 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.

HA903 Contar una historia animada Avance 2

2009-06-16T23:08:00.040-03:00

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.

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.
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. Después escribí es el en minúsculas y una tipografía con sanserif, la ubiqué sobre la imagen y modifiqué su tamaño. Por último agregué la palabra camino y elegí una tipografía que me recuerde a un camino sinuoso. La ubiqué sobre la imagen.

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.

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

En un archivo nuevo en Gimp, importé el paisaje en grises, en colores y escribí la palabra DURO.
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.
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.

Así 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...

HA903 Contar una historia animada Avance 1

2009-06-03T17:09:00.003-03:00

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.

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.

HA903 Recorriendo nuestro país en moto

2009-05-30T05:30:00.002-03:00

Hace bastante tiempo que estoy haciendo esta actividad, que consiste en crear una animación simple con Gimp, corresponde a la actividad Nº 4 de la unidad Nº 2 de Gimp del curso HA903.

Versión de GIMP utilizada: 2.4.7
Sistema operativo: Debian Lenny

Descripción

La idea es poner una foto de primer plano donde manejo una moto e ir intercambiando los paisajes.
El problema que tengo es que no me gusta como queda la seleccion de la imagen donde estoy en la moto, queda dentada, desprolija.... he probado varias herramientas de selección.... Mi preferida las tijeras, queda muy dentada no se porque y se me complica corregir detalles porque son muchos... Luego con la mascara de capa me ocurre lo mismo... no se si será la imagen o estoy más detallista que nunca...
Ahora estoy probando la selección de primer plano... a ver como queda...

Procedimiento

Seleccionandome

Seleccioné la herramienta selección de primer plano:
1. Remarqué sin mucho detalle mi imagen manejando la moto. Quedó de color azul oscuro el fondo.
2. Ahora, la herramienta se transformó en un pincl. Pasé el pincel por las zonas más importantes: casco, campera.
3. Presioné Enter. Y la selección quedó mejor de lo que imaginaba... detectó ciertas zonas del manillar de la moto bastante bien. Aquí se puede observar la selección:
Luego, con la herramienta de selección libre (icono con forma de lazo), configurada de la siguiente manera:
- Seleccionada la opción Agregar a la selección actual
- Alisado
- Difuminar bordes: 10
y con el zoom bastante alto comencé a revisar las zonas de la imagen que no habian quedado seleccionadas y las seleccionaba con esta herramienta.
Luego para quitar ciertas zonas de la imagen que no debian quedar seleccionadas elegí la opción Extraer de la selección actual y comencé a recorrer nuevamente la imagen para quitar selecciones no deseadas.
Aquí una imagen de la configuración elegida y de las opciones utilizadas para añadir y extraer de la selección.
Finalmente me quedó la selección así (...no le busco más detalles...):Guardé la selección en un archivo nuevo con extensión xcf.

Buscando paisajes

Comencé a buscar paisajes con caminos, rutas, pasajes que coincidan con el sentido de la imagen elegida.
Encontré dos paisajes tomados por mí:
1. Sierras Bayas. Olavarría. Bs As. Argentina
2. Aguas Verdes. Partido de la Costa. Bs As. Argentina
y otros 9 paisajes tomados por un amigo en su viaje por el Sur de la Patagonia Argentina y por Chile.

Modificando el paisaje de Lapataia

Al paisaje de Lapataia le hice algunas modificaciones:
1. Modifiqué la orientación de la imagen, para que vaya en el mismo sentido que la moto. Utilicé la herramienta Volteo y la configuré Horizontal.
2. Al voltear la imagen, el cartel de Lapataia quedó en espejo:
a. Seleccioné el texto "Lapataia" del cartel en la imagen original. Copié y pegué la selección en una nueva capa de la imagen volteada.
b. Moví esa selección sobre el cartel.
c. Utilizando la herramienta Escalar, disminuí el tamaño del texto para que coincida con el original.
d. Utilizando la herramienta de inclinación, incliné el texto del cartel para que coincida con la incinación del cartel.
e. Combiné la capa del texto con la capa donde esta toda el paisaje.

Incorporando cada paisaje

Abrí el archivo donde habia guardado la selección en la que estoy manejando la moto. En este archivo voy a ir incorporando cada paisaje elegido, de la siguiente manera:
Abro cada paisaje elegido y arrastro la capa del paisaje sobre la ventana donde iré armando la animación.
El paisaje que deseo que aparezca primero debe estar abajo en el orden de las capas y así hasta que el paisaje que aparecerá último queda en primer lugar en el apilamiento de capas.

Modifico el tamaño de la capa en la que estoy manejando la moto para que quede acorde con los paisajes.

Incorporandome a la animacion

Duplico la capa en la que estoy manejando la moto tantas veces como paisajes haya incorporado (11 en total) utilizando el botón derecho y haciendo clic en la opción Duplicar capa.
Luego ubico cada capa duplicada arriba de cada paisaje.

Incorporando el nombre de cada paisaje

Utilizando la herramienta Texto, escribo el nombre del último paisaje, utilizando las propiedades modifico color y tamaño del texto. Luego ubico el texto en la esquina inferior derecha.
Para que cada texto quede alineado, incorporo dos líneas guía arrastrando desde cada regla, como sacando la línea de la regla.
En la siguiente imagen, se pueden observar las líneas guías, son líneas punteadas de color azul.

Para el siguiente texto:
1. Duplico la capa de texto recién creada. Utilizando la herramienta texto, le hago doble clic y modifico el nombre del paisaje.
2. Oculto las capas correspondientes a mi imagen, la del paisaje y la del texto recién incluido para poder ver el otro paisaje.
3. Si es necesario, modifico la ubicacion del nuevo texto de acuerdo a las líneas guía.
Realizo el mismo procedimiento con cada paisaje.
Así quedaron las capas (no se alcanzan a ver todas):

Combinando las capas correspondientes a cada paisaje

Combiné las tres capas de cada paisaje para que quede sólo una capa correspondiente a cada paisaje:
- Presioné el botón derecho sobre la capa que está más arriba en la pila de capas, elegí la opción Combinar hacia abajo para que se una con la capa que se encuentra por debajo.
- Luego, sobre estas capas combinadas, presioné el botón derecho y elegí la opción Combinar hacia abajo para que se una con la otra capa que está abajo.
- Quedó una sola capa de las tres que eran antes.
Realicé lo mismo con capa paisaje y su correspondiente nombre e imagen donde voy manejando.
En total me quedaron 11 capas:

Creando la animación

Accedí al menú Filtros/Animación/Optimizar (para gif).Creó otra ventana con la imagen optimizada para gif.
Modifiqué los 100ms entre capa y capa por 300ms. Modificando 100 por 300 en el nombre de cada capa.

Accedí al menú Archivo/Guardar como y en nombre de archivo escribí el nombre seguido de .gif e hice clic en Guardar. En el cuadro de diálogo que apareció elegí la opción Guardar como animación e hice clic en Exportar.
En el otro cuadro de diálogo hice clic en Guardar.
Probé la animación y quedó muy rápida. Modifiqué los 300ms por 1000ms.

En la próxima entrega :P modifico la imagen del espejo ;)

Instalando KDE en Lenny

2009-05-26T18:59:00.001-03:00

Siguiendo a mi manera el curso básico de Linux es Libre me puse a instalar el escritorio KDE, actividad propuesta en la Lección Nº 2 "Primer contacto con nuestro nuevo S. O. ya instalado".
Instale el escritorio KDE en Lenny asi:

aptitude install kde-desktop

Me pidió el CD de instalación de Lenny y después estuvo como 3-4 horas. Luego apareció una ventana titulada "configuración de paquetes" donde debia elegir entre:
- gdm
- kdm
Busque que son y encontre que "GDM y KDM son "gestores de inicio" (o mejor dicho "display managers") del sistema y permiten arrancar cualquier entorno gráfico instalado en tu sistema. No son específicos de un escritorio en particular. Obviamente, GDM sigue el look de las aplicaciones Gnome"

Elegi gdm... porque me gusta GNOME!

Al iniciar la sesión y elegir KDE aparece el escritorio KDE pero en otro idioma que no es ingles.... como lo cambio? Hice esta pregunta en el foro de debian-ar y AlbertoV me dijo que debía:
1. Instalar el idioma español y así lo hice: aptitude install kde-i18n-es
2. Acceder al centro de control. Lo hice desde consola porque como no entiendo el idioma en el que está KDE... en consola: kcontrol. Accedí a Regional y accesibilidad -> País/Región e idioma -> pestaña Configuraciones locales y agregué el idioma español y elegí Argentina en País o Región... Tuve que reiniciar la sesión para notar los cambios... y así lo hice con resultados negativos... es decir no cambió el idioma de KDE pero la configuración en Regional y accesibilidad del centro de control de KDE continua aplicada como se podrá observar en la imagen.... entonces no se qué hacer... sigo usando GNOME? ¿Qué estoy haciendo mal?

SOLUCIÓN: Desde Synaptic desinstale el otro idioma y solo deje el paquete español. Estoy feliz porque funciona pero KDE es feooo... :D

HA903 Una gallina a todo color

2009-05-19T19:54:00.002-03:00

Esta actividad es la Nº 4 y consiste en convertir una imagen en escala de grises y, utilizando la máscara de capa, resaltar en colores un objeto. Corresponde a la unidad Nº 2: mapa de bits donde utilizamos Gimp del curso HA903.

Versión de GIMP utilizada: 2.6.5
Sistema operativo: XP

Descripción

Busqué varias imágenes para realizar esta actividad pero no me gustaron como quedaron: un paisaje, una flor...
Hasta que recordé a la gallina más linda (?) del gallinero de mi vieja. Para ella es una "linda" gallina... para mi son todas iguales.

Procedimiento

Abrí la imagen de la gallina linda. Dubliqué la capa presionando el boton derecho del mouse sobre la capa de la gallina, hice clic en Duplicar la capa.

Hice doble clic sobre el nombre de la nueva capa y la llamé "grises".

Luego seleccioné la capa y accedí al menú Colores/Desaturar, en el cuadro de diálogo, bajo el título Seleccionar un poco de gris basado en: elegí Media.
Presioné el botón derecho nuevamente sobre la capa llamada "grises" y elegí Máscara de capa y dejé la opción Blanco (Opacidad total).
Elegí la herramienta de ampliación (la lupa) e hice un recuadro seleccioando a la linda gallina para poder verla en mayor tamaño. Luego pasé a usar la herramienta Pincel. Controlé que el color de frente fuese negro y comencé a pintar sobre la gallina con una escala de pincel (bastante grande) acorde a lo que pinto.
Luego para los detalles, en espacial los bordes, aumenté más el zoom y disminuí el tamaño del pincel. A veces cambiaba el color de frente por el blanco si daba color a una zona que no deseaba.
Al terminar guardé el trabajo como gallina.xcf. Luego hice una copia como gallina.jpg y es la que muestro a continuación. Como podrán comprobar es una Gallina Muy Linda :P

HA903 Iara, mi perra mariposa

2009-05-14T07:00:00.004-03:00

Me quedé con ganas de ubicar una selección en otro contexto y crear una composición un poco más fantástica...

La actividad Nº 3 correspondiente a la unidad Nº 2 de Gimp del curso HA903 consiste en utilizar la herramienta de selección máscara rápida para seleccionar un objeto y luego ubicarlo en otro contexto.

En este caso utilicé la herramienta de selección Tijeras de selección. Me resultó más fácil y práctica que la máscara rápida...

Aquí está mi mariperra Iara, un poco meláncolica contandole sus penas a una flor...

Un comentario que se me ocurrió recién ahora.... nunca aclaro que versión de Gimp uso: es la 2.6.5 tanto en XP como en Debian... porque realizo las actividades tanto en un sistema como en el otro inclusive modificando el mismo archivo.

Procedimiento

Utilizando la herramienta Tijeras de selección fui contorneando a mi perra. Esta herramienta detecta los bordes, entonces se puede seleccionar un objeto con solo hacer clic en distintos puntos o vértices de la forma que deseemos seleccionar (Prestar atención donde se realizó el primer clic ;)). A veces, no selecciona el contorno deseado pero se puede mover la selección a partir de los nodos que se agregan con cada clic realizado.

Cuando se termina de seleccionar se debe hacer clic sobre el primer nodo agregado y luego un clic dentro de lo seleccionado y en ese momento aparecerán las marcas de selección.

Abrí la imagen de la flor, luego fui a la selección de la perra, la copié y la pegué en la imagen de la flor.
Utilizando la herramienta Escalar, modifiqué el tamaño de la perra para que coincida con las dimensiones de la flor. Con la herramienta Mover, ubiqué la perra sobre la flor. Probé distintas ubicaciones hasta que elegí una posición. Pero me pareció que quedaba mejor la perra orientada hacia la derecha, entonces con la herramienta de volteo seleccionada, hice clic sobre ella y la reflejé hacia esa dirección.Luego con la herramienta Clonar, eliminé las hojas secas y césped que tenía en las patas y en la cola. Esta herramienta se utiliza como un pincel que pinta copiando el sector de la imagen indicado. Se hace un clic con la tecla Ctrl presionada sobre la parte de la imagen que se desea copiar y luego se comienza a pintar donde se desea copiar esa zona elegida. Por ejemplo, hice Ctrl Clic sobre una zona blanca de la cola y luego comencé a pintar sobre los pastitos que están sobre la cola copiando el color y aspecto del sector de la cola elegido. Se recomienda utilizar la herramienta clonar con un zoom generoso ;) y configurar el tamaño del pincel de acuerdo a lo que se desea copiar y donde se desea copiar. En el caso de la cola el pincel es más o menos del tamaño del cesped a eliminar con el clonado. Luego, para retocar y unificar colores se puede utilizar la herramienta de emborronado. Además utilicé la herramienta borrador para eliminar ciertos "dientes" en algunos bordes de la perra.
Luego modifiqué el brillo y el contraste de la perra para asemejarlos a los de la flor. Seleccioné la capa de la perra y accedí al menú Colores / Brillo y contraste.

...continuará...

HA903 Mi perro Charol se fue de camping

2009-05-06T22:09:00.003-03:00

La actividad Nº 3 correspondiente a la unidad Nº 2 de Gimp del curso HA903 consiste en utilizar la herramienta de selección máscara rápida para seleccionar un objeto y luego ubicarlo en otro contexto.

Descripción

Para esta actividad pensé inmediatamente en una foto que saqué a Charol, cada vez que voy a la casa de mi vieja y saco fotos él siempre me persigue y parece que quiere que le saque fotos porque siempre está en pose mirando a la cámara...
Lo voy a ubicar dentro de la foto de la carpa que usamos para estas vacaciones en Aguas Verdes.

Procedimiento

Seleccionando a Charol

Abrí la imagen original donde está Charol:
Activé la máscara rápida, comprobé que el color de frente sea blanco y el de fondo, negro y comencé a pintar. Pero la tonalidad roja de la máscara no me permitia distinguir los límites de Charol.
Entonces presioné el botón derecho sobre el icono de la máscara rápida e hice clic en configurar el color y la opacidad. Elegí un color amarillo y aumenté la transparencia para que me permita distinguir claramente al perrito :)
Seleccioné la herramienta pincel y comencé a pintar lo que me interesaba seleccionar, o sea al perro. Fui modificando el tamaño del pincel y disminuyendo y aumentando el zoom de acuerdo a lo que iba pintando. Para los detalles aumentaba el zoom y disminuia el tamaño del pincel.
Aquí una imagen de como fui seleccionando desde el interior con un pincel grande y luego los detalles con un pincel de menor tamaño y con mucho zoom... también se puede apreciar el cambio de la configuración de la máscara...Así quedó la selección de Charol:Esta es la imagen de la carpa:

Incluyendo a Charol dentro de la carpa

Para pasar a Charol a la imagen de la carpa lo que hice fue ubicar ambas ventanas a la vista (de cada imagen) y después arrastré la capa de Charol y la solté en la carpa.
Luego modifiqué el tamaña para que coincida en proporción con la carpautilizando la herramienta Escalar y ubiqué a Charol dentro de la carpa utilizando la herramienta Mover.
Utilizando la herramienta Borrador, eliminé la punta de la oreja izquierda y las patas delanteras para que parezca que está adentro de la carpa.
Así quedó cuando agregué a Charol:

Agregando sombra a Charol

Le falta un poco de sombra al cuerpo de Charol ya que si está dentro de la carpa debería tener un poco de sombra...
Seleccioné la capa de Charol, accedí a Filtros / Luces y sombras / Sombra arrojada. Dejé la configuración por defecto:

Desplazamiento en X: 8
Desplazamiento en Y: 8
Radio de desenfoque:30
Opacidad: 80

La sombra quedó detrás de Charol, la necesitaba sobre el perrito. Entonces arrastré la capa de la sombra para que quede ubicada arriba de todo.
Luego presioné el botón derecho sobre la capa de la sombra e hice clic en (1)Añadir máscara de capa y luego seleccioné la opción: (2)Blanco (Opacidad Total).

Esta herramienta permite ocultar y/o mostrar partes de la imagen al "pintar" con la herramienta Borrador utilizando como color de frente al blanco para ocultar y al color negro para recuperar lo que está oculto.
En este caso voy a pintar con la herramienta borrador utilizando como color de frente al color blanco para ocultar ciertas partes de la sombra y simular que en algunas partes del cuerpo de Charol hay sombra y en otras, no.
Si al pintar me equivoco y oculto una zona que no deseo, elijo como color de frente al negro para recuperar esa zona, es decir hacerla visible nuevamente.
Seleccioné la herramienta Borrador y comencé a ocultar la sombra de la cara de Charol y de la parte superior del lomo. En ocasiones tuve que recuperar ciertas partes que oculté porque quedaban mal.
Finalmente así quedó Charol con una sombra en ciertas partes del cuerpo:

¿Es creible la sombra? no estoy segura.... ahora me parece que la cara tiene mucha luz...

HA903 Tarjeta Feliz Dia de la Primavera

2009-05-05T20:20:00.003-03:00

Comencé con la actividad Nº 2 de la unidad Nº 2 de Gimp del curso HA903 porque la primer actividad es algo que realizo cotidianamente se podría decir.
La actividad Nº 2 consiste en utilizar la herramienta selección de primer plano y aplicar la selección realizada en alguna tarjeta, invitación o alguna tarea administrativa.

Descripcion

En esta actividad voy a usar las fotos que saco cuando voy a visitar a mi vieja... me la paso sacando macros a las flores, insectos de su jardín, a paisajes, etc...

Ya habia utilizado antes esta herramienta pero no la tenia incorporada a mis herramientas mas usuales. Al principio probé con varias imágenes (especialmente insectos, flores con insectos) pero sin poder remarcar la figura de primer plano de una manera fácil, en esos casos me convenía utilizar la herramienta tijeras de selección.
Luego probé con una flor de casi la misma tonalidad y ahí si! vi la utilidad de esta herramienta...

Procedimiento

Margarita silvestre

Utilizando la herramienta de selección del primer plano, dibujé un círculo alrededor de la margarita. El fondo pasa a tener una tonalidad azul (o la que elijamos en la solapa Opciones de herramientas). Luego con la misma herramienta seleccionada pinte las zonas de la flor.

Presioné la tecla Enter. Aparece la flor seleccionada. No quedó tan mal salvo algunos detalles... pero aclaro que hice varias pruebas antes de lograrlo buscando la imagen que sirva para aplicar este tipo de selección.

Utilizando la herramienta de selección libre y las opciones de esta herramienta: Añadir a la selección y Extraer de la selección perfeccioné la selección realizada con la herramienta de selección de primer plano.

La margarita seleccionada:

La rosa seleccionada. Con esta flor no necesité retocar la selección.

El clavel chino seleccionado. Con esta flor no necesité retocar la selección.

Otra flor seleccionada. Con esta flor tuve que retocar muy poco la selección.

En Gimp distribuí las cuatro flores, exporte el archivo como png. Luego en Inkscape importé el archivo con las flores, le incorporé el texto y lo exporté como png. Así quedó:

HA903 Creando un banner Avance 1

2009-04-21T18:00:00.003-03:00

La actividad corresponde a la Unidad Nº 1: La imagen vector, del curso HA903.
Consiste en exportar un dibujo realizado en Inkscape, importarlo en Gimp y crear un banner para nuestro blog utilizando este dibujo. Es una actividad para comenzar a curiosear Gimp e integrarlo con Inkscape.

Hace dos años que uso Gimp pero no lo conozco enteramente ya que todavia no me doy cuenta fácilmente como resolver ciertas cosas y las sigo pensando al modo CorelPhotoPaint que lo usé durante años... el camino más fácil para mí es buscar en Internet cuando quiero hacer algo y no sé bien cómo... está lleno de tutoriales y ayudas para utilizar Gimp.

Así que el logo es un lobito! la verdad que no sabía que animal era y nunca encontraba una explicación ;)

Descripción

Primero pensé un poquito en que quería representar... la idea es hacer algo que intente representar el título del blog "el software libre en mi vida", para eso pensé en dos imágenes al menos:
- el logo de Debian: que es mi sistema GNU/Linux actual y además me encanta el logo.
- un paisaje que me represente y además que represente "libertad" (más o menos, es un delirio ;)): elegí un paisaje del sur de nuestro país, fotografía tomada por un amigo. Elegí este paisaje por dos motivos:
a. Por un lado tiene mucho cielo representando libertad,
b. Por otro lado tiene zonas blancas, zonas oscuras, llanura, montañas, hielo, tierra: abarcando distintos puntos de mi personalidad que se pueden representar con cada aspecto mencionado.

Procedimiento

En Inkscape

1. Busqué un logo de Debian en mapa de bits y lo importé a Inkscape (Archivo/Importar).

2. Comencé a probar distintas opciones de Potrace para vectorizarlo (hacer clic en la imagen, acceder al menú Trayecto / Vectorizar mapa de bits).
Elegí la siguiente configuración:
Reducción de colores. Colores: 53. Invertir imagen. Suave. Apilar pasadas.

Me quedó así:

3. Descombiné el dibujo vectorizado para poder acceder a cada una de sus partes accediendo al menú Trayecto / Descombinar.
4. Utilizando el mouse y la tecla Supr. Eliminé las partes que no me interesaban. Quedó así:

5. Seleccioné el dibujo y accedí al panel Relleno y borde.
Elegí la opción Gradiente Radial y seleccioné un color violeta. Luego hice clic en el botón Editar para poder agregar más colores. Hice clic en Añadir parada y elegí otra tonalidad de violeta. Hice esto mismo otras dos veces y fui eligiendo tonalidades que se iban acercando al gris partiendo del violeta.

Tengo que aclarar que no tengo muy dominado al tema de elegir más de una tonalidad en un gradiente, porque a veces puedo hacer lo que deseo y otras veces no. :(
6. Seleccioné todas las partes y las agrupé. Hice clic en el botón Agrupar los objetos seleccionados.
Quedó así listo para llevarlo a Gimp!:

En Gimp

1. Accedí al menú Archivo / Nuevo. En ancho y alto le di las medidad propuestas: 700x177. Elegí color de fondo Transparente.

2. Guardé el archivo: Archivo / Guardar.
3. Abrí la imagen del paisaje elegida. Archivo / Abrir.

4. Utilizando la herramienta Recortar. Seleccioné el sector de la imagen que me interesaba mostrar. Hice doble clic dentro del sector elegido y se recortó la imagen. La guardé con otro nombre.
5. Accedí al menú Imagen / Escalar imagen y le di el ancho del banner: 177. No queó bien, quedó muy pequeña.
6. En este momento probé varias cosas:
- volver a recortar la imagen
- reducir el tamaño
y así hasta que quedó a la vista el sector que me interesaba.
7. Arrastré la imagen, desde la miniatura de la capa, al archivo del banner.
8. Utilizando la herramienta mover, la ubiqué en el centro.
9. Abrí la imagen del logo de Debian y la arrastré al archivo del banner.
10. Reduci su tamaño utilizando la herramienta Escalar y la ubiqué donde me interesaba utilizando la herramienta Mover.
11. Decidi hacer algún retoque al paisaje para resaltar ciertos sectores.

Un ida y vuelta

Volví a Inkscape.
Importé el paisaje y probé vectorizarlo de distintas maneras. No me gustó porque reconocía muy pocas líneas del paisaje.

Volví a Gimp.
1. Abrí el paisaje.
2. Probé varias opciones del menú Colores que resalten e intensifiquen los tonos del paisaje. Opté por Colores / Balance de color. Quedó así:

Volví a Inkscape.
Probé distintas configuraciones de la herramienta Potrace.

..... Continuará....

HA903 Vectorizar mapa de bits con Potrace

2009-04-16T20:05:00.003-03:00

Hace mucho que hice esta activdad pero recién ahora mi conexión a Internet me permite hacer el posteo...ya habia vectorizado antes tanto en CorelDraw como en Inkscape pero no le habia dedicado mucho tiempo para ver las distintas configuraciones...
Esta actividad es la Nº1 y corresponde a la Unidad Nº 1: La imagen vector, del curso HA903.
Consiste en vectorizar un mapa de bits utilizando el complemento Potrace.

Procedimiento

Probé con tres imágenes distintas... por supuesto que primero me puse a vectorizar a mi pera Yeñé a ver como lo hacía Potrace... a mi que me está constando tanto tiempo vectorizarla ;)...
Después probé con un guepardo y un paisaje con motos...

Importé la imagen de mi perra, la seleccioné, luego accedía al menú Trayecto y elegí la opción Vectorizar mapa de bits. Fui probando distintos configuraciones...aquí van:

1. Mi perra Yeñé

a. Primer seteo: Corte de luminosidad 0.450 - Suave - Apilar pasadas

Comentario: me gustó pero quedó una mancha negra muy grande en el hocico..

b. Segundo seteo: Pasos de luminosidad Pasadas 8 - Suave - Apilar pasadas

Comentario: queda muy real casi como el mapa de bits, salvo por el color...

c. Tercer seteo: Colores - Suave - Apilar pasadas

Comentario: le dio un tratamiento bastante interesante... salvo que unio la nariz con la parte de abajo... lo demás un MB! para Potrace! Es interesante ver cómo crea cada pasada, cada vectorización que va apilando para lograr la vectorización completa..

d. Cuarto seteo: Pasos de luminosidad Pasadas 8 - Suave - Apilar pasadas - Eliminar color de fondo

Comentario: no me gusta mucho porque quedaron partes transparentes que supongo que para Potrace formaban parte del fondo...son algunos sectores más claros...

e. Quinto seteo: Pasos de luminosidad Pasadas 256 - Suave - Apilar pasadas - Eliminar color de fondo.

Comentario: con este seteo se colgó pero al final lo lo hizo...quedó completamente igual al original...parece una fotografía no una vectorización... estaría bueno ver cada capa creada pero el archivo quedó muy pesado y casi no puedo hacer nada...

2. Un guepardo

a. Único seteo elegido: Corte de luminosidad Umbral: 0.340 - Suave - Apilar pasadas

Me gustó el efecto de la vectorización sobre el mapa de bits!!

Comentario: me gustó mucho este trabajo de Potrace: destacar algunos rasgos característicos del guepardo y oscurecer los demás... Me gustó mucho jugar con la imagen vectorizada y el mapa de bits!!

2. El túnel motero

a. Primer seteo: Corte de luminosidad Umbral: 0.350 - Suave - Apilar pasadas.

Comentario: me gustó mucho este trabajo de Potrace donde genera planos con ciertas zonas de la imagen, especialmente el efecto producido al superponer la imagen vector y el mapa de bits.

b. Segundo seteo: Detección de bordes Umbral: 0.120 - Suave - Apilar pasadas.

Comentario: me encantó la capacidad de Potrace de detectar bordes...Me gustó mucho como queda la imagen vector superpuesta al mapa de bits.

Conclusión

Teniendo presentes las preguntas planteadas por Nina:
Qué me permite hacer?
Qué parámetros puedo manejar?
Cuándo dibujar en vectores y cuándo vectorizar?
Qué posibilidades creativas tiene la vectorización?
Qué limitaciones tiene?

Me gustó probar la herramienta Potrace... se pueden lograr resultados interesantes y nos facilita la tarea en el momento de vectorizar... además luego, podemos hacer los retoques necesarios para lograr la vectorización que queremos pero ya tenemos la base generada por Potrace... Está bueno como genera la vectorización, siempre creando como capas que las va superponiendo, no sé si con otros seteos hace otra cosa.... CorelDraw, al vectorizar, al menos lo que he probado, crea pequeños objetos, demasiados para mi gusto porque me hacían perder en el momento de intentar modificarlos...
La vectorización manual tiene su encanto también... pero usar Potrace ayuda mucho! inclusive para después realizar la vectorizacón dibujando...

Inkscape - Exportar como mapa de bits

2009-04-14T18:36:00.001-03:00

En Inkscape se puede generar archivos de mapa de bits. El procedimiento que sigo es el siguiente:

Con el mouse selecciono el dibujo que quiero exportar.

Accedo al menú Archivo / Exportar mapa de bits

Aparece un cuadro de dialogo y hago clic en el botón Examinar. Tambien se pueden configurar otras cosas como tamaños y resoluciones.

Luego aparece el cuadro de diálogo para elegir la ubicacion donde guardar el archivo e ingresar el nombre del archivo.

Hago clic en el botón exportar.

Listo! sonrisa Ya se debería haber creado el archivo.

Crea un archivo con extensión png con el fondo transparente.

Inkscape - Aplicar perspectiva a texto

2009-04-06T17:21:00.001-03:00

En la lista de Inkscape preguntaron como aplicar perspectiva a un texto... pasaron el enlace a este video http://www.youtube.com/watch?v=GMbIPleMiZ0

Los pasos serían:

1. Clic en el texto, ir al menu Trayecto / Objeto a trayecto
2. Con la herramienta Bézier dibuja la perspectiva que deseas que tengo tu texto.
3. Selecciona primero esta forma y despues el texto.
4. Accede a Efectos / Modificar trayecto / Perspectiva

Tendria que funcionar pero a mi no me funciona, entonces probe seleccionando primero el texto y despues la forma... en este caso funcionó.

Texto convertido a trayecto y la perspectiva que deseo aplicar dibujada con la herramienta Bézier.

Una vez aplicada la perspectiva:

El texto con la perspectiva:

HA903 Calcando una fotografia Avance 4

2009-04-04T20:31:00.001-03:00

Otro avance en el dibujo de mi perra... ya me falta menos :).
Esta tarea corresponde a la actividad Nº1 de la materia imagen vector del curso HA903.

HA903 Copiando colores de una imagen

2009-04-02T17:03:00.001-03:00

Esta es la actividad Nº 1 de la Unidad Nº 3: Color, del curso HA903.
Consiste en colorear un dibujo a partir de las tonalidades de una imagen a elección, preferentemente un paisaje.
Entonces tenemos que importar una imagen a Inkscape. Por otro lado crear un dibujo simple en vectores como lo venimos haciendo en la actividad Nº 1 o vectorizar una imagen. Luego vamos seleccionado partes del dibujo y utilizando la herramienta Seleccionar colores en la imagen vamos copiando los colores de la imagen.

Procedimiento

Como dibujo, decidí utilizar la función vectorizar mapa de bits del menú Trayecto para convertir en vectores a mi moto Honda Storm. Elegí la opción Pasos de luminosidad pasadas: 8.

Luego hice varias pruebas con distintas imágenes. Y voy a seguir haciendo otras :). Me encanto!!

He realizado algo similar cuando tengo que pensar y elegir los colores para un sitio web, los elijo a partir de un logo o de una imagen... pero nunca habia coloreado un dibujo como lo propone Nina en esta actividad.

Así quedaron:

1. Un ciervo de un camping de Aguas Verdes:

La moto con las tonalidades de la imagen:

2. El paisaje del fondo de la casa de mis padres en la que viví en mi niñez-adolescencia. Sierras Bayas, Olavarría. Bs As. Argentina:

En este caso hice dos versiones una tomando las tonalidades del cielo y la otra, del campo:

3. El paisaje del campo que da al frente de la casa de mis padres en la que viví en mi niñez-adolescencia. Sierras Bayas, Olavarría. Bs As. Argentina. ( La vaca está posando ;) ).

En este caso tomé tonalidades del campo y de las curiosas vaquitas :) :

4. Un taco de reina con una langosta.

La moto con las tonalidades de la imagen.

HA903 Calcando una fotografia Avance 3

2009-04-02T00:27:00.002-03:00

Continuo trabajando en el dibujo de mi perra... Estoy, más o menos, dándole forma al resto de la cara... esta consigna corresponde a la actividad Nº1 de la materia la Imagen Vector utilizando Inkscape del curso HA903.

Procedimiento

Conntinuo creando planos por color con la herramienta Dibujar líneas a mano alzada. Aplico color de relleno utilizando la herramienta Seleccionar colores en la imagen y quito el borde. Para lograr un color de relleno más o menos similar al original, según el caso utilizo Gradiente lineal, gradiente radial o color uniforme.
Desenfoco cada plano, cada vez aumento más el desenfoque para que no se produzca un cambio abrupto entre plano y plano. En ocasiones también aplico un poco de transparencia. Todas estas opciones se encuentran en el panel relleno.

Aquí una imagen de mis avances. Este fue un primer intento de darle forma a la cara. Lo subo para poder ver como va quedando en su totalidad. Ya estoy notando cosas que no me gustan porque algunos planos no están tan integrados... en fin, mañana continuo :)...

Writer - Hipervinculo a una parte del documento

2009-04-01T23:14:00.001-03:00

Hace dos años o más que utilizo Writer... hoy necesité crear un enlace dentro del mismo documento y no encontraba como hacerlo... sabia que tenia que insertar un marcador (o algo similar) y luego hacer el enlace a ese marcador. Pero no encontraba la opcion para insertar.

Busqué en Internet y encontre la solución en este archivo http://tecnologiaedu.uma.es/materiales/oowriter/archivos/ManualOOWriter_Cap5.pdf

En resumen, seguí los siguientes pasos:

Ubiqué el cursor en el lugar de destino del enlace, en mi caso en un título ubicado en la tercer página.
Accedí al menú Insertar / Marca de texto.
En el cuadro de entrada que aparece escribí la primer palabra del titulo en el que estaba posicionada. Hice clic en Aceptar.
Ubiqué el cursor en el inicio de la página donde deseaba hacer el enlace, seleccioné el texto que tenia destinado al enlace.
Accedí al menú Insertar / Hiperenlace.
Hice clic en el botón Documento. Luego en el Destino, hice clic en el icono Destino en documento (Ver imagen, resaltado con un círculo rojo).
Aparece otro cuadro de diálogo (Ver imagen, resaltado con un rectángulo rojo).
Buscar Marcas de texto, desplegar y hacer clic en la marca deseada, es decir el mismo texto ingresado en el punto 3. Hacer clic en Aplicar. (Ver imagen, resaltado con (1) rojo).
En Otras opciones, en Texto escribir el texto que deseas que se vea en el enlace. (Ver imagen, resaltado con un (2) rojo)
Hacer clic en Aplicar. (Ver imagen, resaltado con un (3) rojo).

HA903 Calcando una fotografia Avance 2

2009-03-27T11:35:00.001-03:00

Continuo dibujando a mi perra Yeñé. Más o menos le di forma a las orejas, no es fácil lograr un dibujo creible, es decir que no quede tan dibujo :) ...

Procedimiento

Utilizando la herramienta Dibujar líneas a mano alzada fui dibujando planos por color.
Luego los rellené utilizando la herramienta Seleccionar colores en la imagen. Hay que seleccionar la forma y luego hacer clic en el color que se desea copiar. Para copiar el color del contorno se presiona la tecla SHIFT y se hace clic en el color.
Por último, apliqué un poco de desenfoque. Esta opción se encuentra en el Panel Relleno.
Así va quedando el dibujo:

HA903 Calcando un huevo de Pascuas

2009-03-25T17:41:00.002-03:00

Ayer recibí vía Facebook un huevo de pascua, entonces me puse a mirar los diseños y como no me gustaron porque son muy simples... busqué imágenes en Google y me puse a calcarla con Inkscape.
Esta es la imagen original:

Realización

Comencé dibujando las cintas. Luego las flores y hojas. Después continué con el contorno del huevo y con el huevo. Por último el papel de envolver, que me quedó bastante mal porque es muy difícil de realizar.

Procedimiento

Cintas

Dibujando

La figura predominante en cada "rulito" de las cintas es un rectángulo por esta razón utilicé la herramienta Crear rectángulos y cuadrados. Hice un rectángulo más o menos que coincida con el rulito más grande y central. Después fui al menú Trayecto y elegí la opción Objeto a trayecto. Esto me permite convertir a la figura geométrica en una forma fácil de modelar.
Ahora le toca el turno a la herramienta Editar nodos de trayecto o tiradores de control. Con esta herramienta muevo cada vértice de mi rectángulo para que coincida con el rulito que estoy copiando. Con la misma herramienta, acerco el mouse a cada línea horizontal y las curvo para que coincidan con lo que estoy calcando. Con 4 vértices me quedó formado el rulito. Esta es una imagen de muestra:

Rellenando

Después corrí mi dibujo de la imagen original para ver como quedó y además para poder copiar los colores que lo forman. Elegí la herramienta Crear y editar gradientes. Presioné el mouse sobre el lateral izquierdo de mi rectángulo y lo arrastré hasta llegar al otro extremo. Aparece un segmento con el extremo izquierdo con forma de cuadradro y el derecho con un círculo. Quedó un relleno que va de negro a transparente. Aquí una imagen de muestra:
Hice clic en la herramienta Seleccionar colores en la imagen. Hice clic en el rectángulo del segmento del degradado para indicar que el color que elige será aplicado ahí. Luego hice clic en una de las zonas oscuras pero no tanto de rulito que copié. Ese color se translado a mi rectángulo. Luego hice clic en el círculo final del segmento del degradado y luego hice clic en un color oscuro (pero más claro que el anterior color) en el rulito de la imagen y este color también se transladó a mi dibujo. Aquí una imagen de muestra:
Ahora me falta el brillo central. En el panel de Relleno, hago clic en el botón Editar.
Para acceder al editor de gradiente. Hago clic en el botón Añadir parada. Se agregó un nodo central (en forma de rombo) en el segmento del degradado. Hago clic en este nodo, luego en el color del brillo del rulito que estoy copiando para que se translade el color. Me quedó muy claro. Moví ligeramente para adentro cada nodo lateral del segmento para oscurecer un poco cada lateral. Así quedó más o menos el rulito. Para que quede mejor se pueden añadir más paradas con colores intermedios, también se pueden mover los nodos para indicar donde va cada color.

Detalles finales

Hice clic en la herramienta Seleccionar y transformar objetos. Quité el color de contorno, utilizando el panel Color de Trazo. Hice clic en la X.Luego fui al panel Relleno y le apliqué un poquito de desenfoque.

Todas las cintas

Para el segundo rulito, copie y pegué el primero. Lo ubiqué sobre el próximo rulito a copiar. Con la herramienta Editar nodos de trayecto o tiradores de control, moví los vértices para que coincidan con los vértices del nuevo rulito. Listo! En caso de ser necesario, giré el degradado para que coincida con el original, moviendo el círculo del segmento de degradado.
Para el fondo de las cintas que es oscuro pero con cierto cambio de color, hice una forma irregular utilizando la herramienta Dibujar líneas a mano alzada. Haciendo clics en cada inicio y final de línea a copiar para que queder rectas. Luego lo rellené de la misma manera que al rulito y lo ubiqué atrás. Aquí una imagen de muestra:
Luego la cinta terminada:

El resto del dibujo

Para el resto del dibujo, utilicé la herramienta Dibujar líneas a mano alzada y redibujaba directamente sobre la imagen, siempre utilizando capas. Cuando se creaban muchos nodos, los borraba, seleccionándolos con la herramientas Editar nodos de trayecto o tiradores de control y lo suprimo con la tecla Supr.
Para el relleno seguí el mismo procedimiento de copiar el color y agregar nodos en caso de necesitar más colores para formar el degradado o gradiente.
Así quedó el huevo de pascua sin envolver:

Así quedó el huevo de pascua con el papel de envolver, principalmente los brillos, primer intento:
Así quedó el huevo de pascua con el papel de envolver, segundo intento. No me gustó pero lo muestro igual, a ver si alguien me ayuda a mejorarlo:

HA903 Calcando una fotografia Avance 1

2009-03-22T00:12:00.001-03:00

Descripción

La actividad consiste en comenzar a explorar Inkscape y la creación de una imagen vector calcando una fotografía a elección.
Esther da unas indicaciones excelentes para calcar el rostro de una persona. Buenísima la opción desenfocar.

Realización

Estas excelentes indicaciones me estan permitiendo hacer lo que siempre quise: dibujar animales lo más reales posibles :).
Que me interesa hacer en esta primera actividad:

Dibujar a mi perra Yeñé
Dibujar a Brad Pitt

Avance 1

Comencé a calcar a mi perra Yeñé.

Me está quedando bastante aceptable teniendo en cuenta mis intentos de años anteriores, sólo he "calcado" los ojos, la nariz y estoy comenzando con la oreja...
Quizás me lleve toda una vida hacerlo, pero me encanta :))

Curso HA903 Herramientas de Autor

2009-03-21T23:59:00.002-03:00

El viernes comenzó el curso conectivo HA903, a cargo de:
* Conexionador: Esther Armato
* Conexionador: Pablo José Acuña

cuyos contenidos son:
* Herramientas de autor para docentes
* Generación de imágenes con Gimp 2.6.1 e Inkscape 0.46
* Producción de material educativo con eXelearning 1.04
* Gestión de cursos en la plataforma Moodle 1.9.3 y edublogs
* Calendario: 20 de marzo a 26 de septiembre

Comenzamos con Inkscape 0.46.

Debian 5

2009-03-15T21:20:00.002-03:00

El 10/3/2009 instalé Debian. Tenia pensado instalarlo antes pero tuve algunos inconvenientes al descargarlo de www.debian.org porque no presté atención al enlace y primero bajé una iso para alpha un tipo de arquitectura... después con la ayuda de integrantes de la lista Linux es Libre me indicaron que debía elegir la [i386]. Claro! esa es la arquitectura pero en ese momento ni cuenta me había dado...

Para guiarme con la instalación fui leyendo los documentos de instalacion que se encuentran en el CD. Una vez que lo descargué, inicié el sistema para arrancar con el CD.

Aparece una pantalla con el Menú de Instalación:

Modo de instalación: Elegí Graphical install.

Luego continua con el asistente solicitando la siguiente información:

Idioma: Español
País: Argentina
Distribución Teclado: Español
Configuración de red: detectó tres placas de red: eth1: la de internet Eth0: la de la red local y eth2 es un puerto que se encuentra en la placa madre que no utilizo.
Elegí eth1 para que configure automaticamente. Dio error porque utiliza el protocolo DHCP. Elegí la opción Configurar la red manualmente y coloqué los datos corresponientes a la IP, máscara, pasarela, DNS, nombre de máquina y el dominio lo dejé en blanco.
Particionado de discos: elegí manual, elegí la partición correspondiente a mi disco (tengo dos discos y uno particionado en 3). Luego elegi la opción Particionar de manera automática el espacio libre. Elegí Separar la partición /home. Procedió a realizar el particionado y quedó dividido en tres partes: raíz, home e intercambio.
Usuarios y contraseñas: tuve que ingresar clave de root, nombre real, nombre de usuario y clave.
Gestor de paquetes:

Solicitó si tenia más CDs de instalación para chequear los paquetes a instalar. Elegí la opción NO, ya que habia bajado el primer CD.
¿Desea utilizar réplica de red? SI
País de réplica: Estados Unidos
Información del proxy: en blanco
Configuración de popularity-contest: para enviar estadisticas anónimas de paquetes más usados. Elegí NO. Se puede cambiar esta opción en la consola dpkg-reconfigure popularity-contest.
Programas a instalar: Elegí: entorno de escritorio, servidor web, servidor impresoras y sistema estandar.
como detectó que tenia dos S. O. instalados, ¿Instalar cargador de arranque GRUB?: SI

Comenzó a instalar, le llevó bastante tiempo, 3 hs aproximadamente.

Luego quité el CD para que reinicie desde el disco rígido.

Inicio

2009-03-15T20:00:00.001-03:00

Después de casi un año (abril 2008) de haberlo creado, hoy voy a comenzar a dejar un blog-registro de mis experiencias con el software libre y a publicar información relacionada.

¿Por qué comienzo recién ahora?

Siempre me ha gustado escribir pero me cuesta retomar la costumbre de hacerlo y de hacerlo en un blog. El unirme al curso HA903, participar de sus foros y el artículo ¿Y para qué quiero yo un blog si no tengo nada que decir? fueron los motivadores de retomarlo.