.Ejercitando Imagen Digital.

Animación "Quemado" - Gif animado

2011-12-17T00:32:00.008-03:00

La animación “Quemado” se realiza con dos capas en las que se pueden colocar imágenes o texto.

Se aplica un filtro que hace que la imagen de la capa superior vaya apareciendo sobre la imagen inferior.

Este efecto se usa para que un título vaya apareciendo sobre una imagen o para que una imagen sustituya por completo a otra.

Si queremos que lo que aparezca sobre una imagen sea un texto el camino es el siguiente:

Texto Transparente

2011-11-19T00:20:00.024-03:00

Pasos a seguir:

1- Abrir una imagen.
2- Escribir un texto.
3- Clic botón derecho sobre la capa del texto, del diálogo de capas, y clic en “Texto a selección” o en “Alfa a selección” .
4- Clic sobre la capa “fondo” . Seguidamente ir a Editar /Copiar (o hacer Ctrl +C).
5- Clic sobre la capa del texto. Ir a Editar/ Pegar ( o hacer Ctrl + V ) .
6- Ir a Filtro /Luces y sombras / Sombra arrojada. Clic en Aceptar.
7- Ir a Filtro /Luces y sombras / Efecto Xach . Clic en Aceptar y luego anclar la selección.
8- Cerrar el ojo de la capa Drop Shadow.
9- Seleccionar la capa fondo.
10- Finalmente ir a Seleccionar / Nada, hacer clic allí y listo.

Quienes lo deseen pueden observar el paso a paso con capturas de pantalla y ver más detalladamente la tarea explicada:

Ejercitando tutoriales: Puzzle con Gimp

2011-11-05T01:38:00.004-03:00

Ejercité este tutorial: Hacer un puzzle con Gimp. Llegué a él desde: Todo Gimp

Resumen de lo realizado:

1-Abrir una imagen.

2-Crear una capa nueva y pintarla de blanco.

3-Ir a Filtros / Renderizado / Patrón / Puzzle... Graduar el puzzle y Aceptar.

Ejercitando tutoriales: Efecto Comic

2011-10-31T00:30:00.004-03:00

Estuve ejercitando este tutorial. Resumo los pasos que seguí:

1-Abrir la fotografía y luego duplicar la capa.

2- Seleccionar “Copia de fondo” e ir a Colores / Umbral.

Ejercitando Tutoriales: Ruta con texto opuesto.

2011-09-18T20:44:00.019-03:00

Ejercitando Tutoriales

Ejercité este tutorial: Ruta con texto opuesto que publica Misaani en uno de sus sitios web.

Dejo aquí un resumen de lo realizado:

1-Abrir un archivo nuevo y con la Herramienta de selección elíptica seleccionar una zona circular. Abrir la ventana Rutas y clic en Selección a ruta.

2-Escribir el primer texto y clic en Texto siguiendo una ruta.

Fotografía Fuera de Límites o Fuera del Marco.

2011-07-17T01:10:00.003-03:00

Esta actividad la hice siguiendo el tutorial de : conocelafotografia.com. Allí encontrarán un video muy detallado y también un archivo pdf que contiene los pasos a seguir.

Dejaré aquí un resumen de lo realizado por mí:

Para lograr esta imagen:

1- Abrir la foto.

Diseño Gráfico Digital en Software Libre

2011-07-08T20:48:00.028-03:00

Navegando encontré esta presentación que me pareció muy clara e interesante , por ello deseo compartirla con quienes visiten este blog.

Diseño Gráfico Digital en Software Libre v3.21

View more presentations from Leonardo J. Caballero G.

Saludos a todos.

Incrustar imagen

2011-06-19T01:10:00.004-03:00

Primero busqué una Bandera Nacional Argentina.(Llamé Bandera, al archivo)

Luego compuse en el Gimp la imagen que luego incrustaría en ella. (Llamé Belgrano, al archivo)

He tenido presente que ambas tengan el mismo tamaño.

Retoque de imagen aplicando Filtros / Distorsiones / IWarp...

2011-05-10T00:46:00.023-03:00

Estuve ejercitando; este tutorial de retoque de imagen. Básicamente el filtro que se aplica modifica una zona de una imagen.

Los pasos a seguir son los siguientes:

a) Abrir la imagen. ( Por lo general duplico la capa de fondo y trabajo sobre la segunda imagen. Si me equivoco o no me gusta la suprimo y no pierdo la primera.)

b) Seleccionar el área a modificar ( con la herramienta de selección de rectángulos ) .

Fundido de imágenes - Fotomontaje

2011-04-29T01:10:00.019-03:00

Este tema también lo aprendí en el curso CEFIRE de Valencia

Para hacer el fotomontaje trabajé con dos imágenes.

Los pasos a realizar son:

1- Abrir la imagen que irá abajo , es decir la que tiene las bicicletas.

2 - Aparte abrir la segunda, la del Gral. San Martín. (Héroe de la independencia de la Rca. Argentina, de Chile y de Perú . )

Bandera con mástil , flameando al viento.

2011-04-29T00:05:00.003-03:00

Para realizar la Bandera inclinada con asta y fondo celeste partí de la Bandera rectangular que pueden observar abajo.

Abrí la imagen y uego agrandé el tamaño del lienzo. Fui a Imagen / Tamaño del lienzo. Con el candadito cerrado ( para mantener las proporciones ) elevé la anchura y altura y centré la imagen .

Donde dice : “Redimensionar capas” hice clic en “Todas las capas” y finalmente clic en “Redimensionar".

Creación de un gif animado, en forma automática: efecto ondulación.

2011-04-20T15:00:00.010-03:00

Hasta ahora he realizado gif animados de forma manual.

Gracias a Todo Gimp tuve oportunidad de dar una mirada al curso CEFIRE de Valencia .

Fue así que ejercité hacer un gif animado en forma automática. Existen otras variantes. Futuramente las abordaré.

En este caso apliqué el efecto de ondulación a una bandera, según lo explica el curso mencionado.

A continuación les relataré el paso a paso.

a) Abrir la imagen

Plugin Resynthesizer: Borra y rellena automáticamente una zona de una imagen, con parte de ella.

2011-04-10T17:08:00.074-03:00

Acabo de instalar en el Gimp el plugin Resynthesizer.

Él borra una zona de una imagen y luego la rellena automáticamente con partes de ésta.

Es muy sencillo de usar. Leer más...

Texto sobre una imagen.

2010-12-28T19:35:00.008-03:00

Antes de hacer esta imagen ejercité el tutorial de Memhet que está aquí. Luego realicé el presente trabajo que lleva unas pequeñas variantes.

1.Abrimos la imagen. Ésta se llamará “capa de fondo”.

2.Escribimos texto sobre la imagen ( con al herramienta de texto) Elegimos tamaño y tipo de letra. Luego hacemos más pequeño “el interlineado” y “el espaciado” entre caracteres.

Sombras con Gimp

2010-10-28T23:47:00.011-03:00

Para hacer una sombra a una figura dada debemos seguir los siguientes pasos:

a) Importante: Es necesario tener la figura sin el entorno, o sea sin fondo alguno.

b) Primero duplicamos la capa de la figura.

Trabajando con " rejilla "

2010-10-17T04:20:00.010-03:00

Pensé que para que el cubo saliera más proporcionado sería mejor trabajar con una rejilla.

Para que apareciera la rejilla, en la ventana de la imagen , fui a “Editar / Preferencias”.

Herramienta de rutas - Gimp : Trazar un cubo.

2010-10-09T21:28:00.004-03:00

Para hacer esta tarea consulté este tutorial.

Las acciones a realizar son las siguientes:

1- Poner fondo.

2- Crear capa nueva. ( No es necesario, pero yo siempre elijo trabajar separando por si quiero variar algo no necesito empezar de cero).

3- Trazar las rutas comenzando con una de las caras del cubo.

4- Para concluir la cara anterior hacer Ctrl +clic en el punto 4 y 1 y se unen los extremos.

Planeta imaginario con Gimp utilizando: Filtros / Distorsiones

2010-10-03T02:39:00.019-03:00

Después de leer el descubrimiento del exoplaneta “Gliese 581 g”, que al parecer podría ser habitable, recordé un tutorial que leí sobre cómo hacer un planeta imaginario con Gimp.

El tutorial que les relato está aquí.

Fue así que resolví hacer uno a partir de la siguiente foto:

A mi trabajo le apliqué algunas variantes del aconsejado en el tutorial citado .
El camino fue el siguiente:

1- Busque la fotografía.

Tuve presente alguno de los consejos leídos:

- La imagen debe tener una clara marcación del horizonte: donde se note la diferencia de la tierra o el mar, del cielo.

- En el espacio del horizonte, tenemos que tratar que se vean edificios, o algún objeto que recorra toda la línea del horizonte.

- En la parte superior es bueno que hayan pocos detalles. Es importante procurar que los detalles se concentren sobre todo en la parte central de la imagen.
- Otro punto a tener en cuenta, es que las esquinas de la imagen coincidan entre sí .

- Es importante que los dos extremos de la imagen no tengan mucha diferencia de tonalidades.

2-Redimensioné y roté la imagen.

Modifiqué el tamaño: Imagen / Escalar la imagen

Modifiqué los parámetros de altura y anchura, para que quedase un cuadrado perfecto. Activé la interpolación cúbica. La imagen quedó deforme.

Luego la roté 180º : Imagen/Transformar/ Rotar 180 grados.

3-Apliqué el filtro

Leer más...

Texto en perspectiva

2010-09-04T03:43:00.006-03:00

1) Primero abrimos Inkscape y escribimos el texto deseado.

2) Luego lo seleccionamos y vamos a Trayecto/ Objeto a Trayecto . En este paso lo hemos convertido en un trayecto.

3) A continuación trazamos la perspectiva que deseamos que tenga el texto, con la herramienta para dibujar Curvas Bézier. En este paso es importante la dirección y sentido del trazo que se dibuja ya que de ésto depende la perspectiva que tendrá el texto.
Yo seguí el siguiente orden:

Texto siguiento una Ruta (o Path)

2010-08-15T02:49:00.006-03:00

Para poder dibujar un texto siguiendo una ruta (o Path), lo primero que tenemos que hacer es abrir el Gimp e ir a “Archivo/ Nuevo”.

Luego vamos a la caja de herramientas, buscamos la “herramienta de rutas” y hacemos clic sobre ella.

Seguidamente dibujamos la ruta que deseamos y para ello realizamos distintos clic en la ventana de edición de imagen. Es así que se van generando los trazos.

Después colocando el cursor sobre la línea y manteniendo pulsado el botón izquierdo, así podemos ajustar la curvatura de la misma.

Cuando obtenemos la ruta deseada hacemos clic en “Trazar Ruta”.

A continuación se abre una nueva ventana donde se puede ajustar el tamaño de línea.

Si deseamos que la línea de la ruta no se vea colocaros "tamaño de la línea 0”.

Después pulsar el botón “Trazo”, de la esquina inferior derecha. Ya tenemos la ruta hecha.

Ahora debemos escribir el Texto. Para ello hacemos clic sobre la “Herramienta de Texto” y escribimos el texto deseado.

Luego pulsamos sobre el botón “Texto siguiendo una ruta"

Aparecerá el texto siguiendo la ruta que creamos anteriormente.

TIDSL103 - Gif animado sencillo: Molinete

2010-06-22T00:05:00.001-03:00

Lo prometido es deuda. Les detallaré los pasos para llegar al gif animado que acaban de ver. Éstos son :

a) Importar la imagen inicial .

b) Duplicar la capa . (Clic en Capa/Duplicar la capa.

c) Clic en Seleccionar/ todo.

d) Clic en la “herramienta de rotación”. Clic en la imagen y rotar.

e) Luego duplicar la capa rotada.

f) Clic en Seleccionar/ todo.

g) Clic en la “herramienta de rotación”. Clic en la imagen y rotar.

Se tendrán tres capas. Dos de las imágenes estarán rotadas.

h) Ir a Filtros/ Animación / Optimizar para gif.

Se crea un nuevo archivo:

TIDSL103 - Jugando con los modos de capa

2010-06-21T17:59:00.008-03:00

Para realizar esta tarea elaboré las figuras en Inkscape con la herramienta para hacer estrellas.

Luego cree un archivo png y lo importé al Gimp.

A continuación modifiqué sus colores en el Gimp, con el baldecito.

El fondo lo pinté con el baldecito haciendo clic en “ relleno con patrón”.

El programa muestra un patrón . Si hacemos clic sobre él se despliegan varias opciones. Yo seleccioné: “Maple Leaves”

Luego cree una segunda capa del color que se ve en la siguiente captura de pantalla.

TIDSL103 - Textos con sombras y brillos. Gimp

2010-06-21T16:39:00.021-03:00

Con Gimp se pueden crear diferentes logotipos.
El camimo en la nueva versión de Gimp es el siguiente: Archivo/ Crear/ Logotipos.

Tengo instalada una versión de hace algunos años, la 2.4.6 , y como no se encuentran allí los logotipos, los busqué y los encontré en : Exts/ Logotipos.

Les dejo la captura de pantalla que hice al respecto, por si a alguien le es útil.

Trabajé con varias de las opciones que brinda el programa. En algunos casos les cambié el fondo o el color de las letras.

El cartel que inicia este post lo realicé en el Inkscape.

Cree el rectángulo verde del fondo y a continuación arrastré los logotipos elaborados en Gimp.

A algunos logotipos les hice pequeñas modificaciones con la herramienta "seleccionar y transformar objetos", (la flecha).

Hasta aquí lo ejercitado.
Saludos y ... seguimos aprendiendo.

TIDSL103 - Enfoque - Desenfoque

2010-06-21T15:04:00.009-03:00

La foto sobre la que trabajé es la siguiente:

Para seleccionar la paloma usé la máscara rápida. Ésta se encuentra en el lienzo en el rincón inferior izquierdo, bajo la regla.

Seguí los pasos que aconseja Nina:

pincho en la máscara... y todo se tiñe de rojo

verifico que los selectores de color (los dos cuadritos de color en la caja) estén en BLANCO Y NEGRO, es decir en máximo contraste.

elijo un pincel y busco una brocha de bordes difusos

comienzo a pintar

con blanco selecciono

con negro (que en realidad es rojo) dejo fuera de la selección

pincho el botón de máscara para ir testeando cómo va mi selección

Luego fui a edición/copiar. Seguidamente pegué en una segunda capa ( que cree previamente) la paloma.

Volví sobre la imagen importada y seleccioné con la herramienta de “selección libre” la parte inferior de la foto. La que represente el piso que está adelante y alrededor de la paloma y que tiene una pluma suelta. La copié (clic con botón derecho : edición/ copiar) y la pegué en una tercera capa.

Las capas quedaron así :

Después les aplique desenfoque: Filtros/ Desenfoque/Desenfoque gaussiano a la capa que contenía la imagen importada ( mayor desenfoque ) y a la capa que tenía el piso y la pluma ( desenfoque menor ).

De esta forma logré que se destaque la paloma de adelante.

TIDSL103 - Esperando el 25 de Mayo

2010-05-24T18:05:00.024-03:00

Algunos personajes de la Argentina de ayer, de hoy y de siempre también se preparan para festejar el Bicentenario del la Revolución de Mayo de nuestra Patria ( Argentina) .

Aquí los pueden ver:

La animación de los que ya se convocaron está realizada con el Gimp.

Patoruzito está elaborado en dieciocho capas. A la bandera que porta la fui trabajando con las herramientas de rotación , inclinación y escalado.

Esta tarea la comencé hace tiempo y quedó archivada. Ahora lo recordé y la concluí.

El Tux con la bandera en el pecho lo encontré en el Google. Lo que hice es importarlo al Gimp. Luego dupliqué la capa. A una le pinté el centro de los ojos todo blanco para que los cerrara y pudiera pestañear. Fui a "guardar como" y guarde este nuevo archivo, de dos capas ,con la extensión xcf.

Luego fui a "Filtro/ animación/ optimizar para gif. Se formó otro archivo y a este tercer archivo lo guardé con extensión gif. Para mayores detalles aconsejo hacer clic en la etiqueta de este blog llamada " gif animado" y allí estarán más detalladas las explicaciones.

Al segundo Tux lo busqué entre varios que tengo guardados ( Una serie de 600, que hallé hace tiempo en un sitio web ) Tenía en la mano un bastón que acomodé, con la herramienta de rotación, para que ahora fuese el palito que sostiene la Bandera.

Como tenía guardado un archivo xcf de Patoruzito, en el que está en unas capas la Bandera ( con sus respectivas transformaciones) y en otras el cuerpo de Patoruzito abriendo y cerrando los ojitos; lo que hice es cambiar las capas de Patoruzito por los del Tux . Donde estaba Patoruzito con los ojos abiertos puse al Tux con los ojos abiertos y donde estaba Patoruzito con los ojos cerrados puse al Tux con los ojos cerrados.

Es así que no fue tanto trabajo. Sólo tuve que aplicar las herramientas sobre el Tux y no sobre la Bandera. Tampoco fue necesario calcular los tiempos para producir los movimientos de los ojos porque esa tarea ya estaba realizada en el primer archivo. Finalmente lo guardé como archivo gif.

Relato lo anterior porque en esta oportunidad me fue útil haber guardado el archivo. Siempre voy trabajando con copias y varias de ellas las conservo. quizás este comentario le sirva a alguien.

¡Uy...! sobre la hora llegaron más:

Espero les resulten tan simpáticos como a mí.

Saludos a todos.

TIDSL103 - Bicentenario

2010-05-22T15:24:00.004-03:00

Si bien este video no lo he realizado con aporte de las herramientas de los programas Gimp e Inkscape quería compartirlo con quienes ingresen al Blog.
El mismo contiene imágenes de las distintas provincias de nuestra querida Argentina.
Espero sirva para la reflexionar sobre el gran territorio que tenemos, más que para el festejo.

Saludos a todos.

TIDSL103 - Gimp - Inkscape y el Bicentenario

2010-05-16T18:06:00.017-03:00

Las fotos que forman parte de este gif animado las comencé a trabajar hace tiempo, pensando presentarlas en el grupo de "Flickr" que mensiono en la entrada anterior.

Como los gif animados me agradan mucho resolví realizar uno en la ocasión del Bicentenario de nuestra Patria. Vaya con él un saludo a todos los que tienen en su corazón a este hermoso "Suelo Argentino".

La imagen compuesta que se observa en la foto la trabajé en el Gimp, igual que la detallada en el post anterior.

El trabajo en su totalidad lo fui realizando de a poco. Algunas cosas las hice en el Inkscape y otras en el Gimp. Es así que hay palabras y números escritos en Inkscape y otros en Gimp ...

El proceso para darle animación al gif está trabajado en treinta y siete capas en el Gimp. Para transformar el archivo xcf. en archivo gif. seguí los pasos que detallo aquí.

Espero les agrade.

Saludos y hasta la próxima. Seguimos ejercitando.

TIDSL103 - Usando las herramientas de GIMP

2010-05-08T01:32:00.013-03:00

Como estoy algo recargada de trabajo y no dispongo de mucho tiempo aprovecho la oportunidad para mostrarles una imagen que hice a fines del 2009 y que es el resultado de la composición de dos fotos.

La misma la realicé después de conocer " un grupo de Flickr" cuyo objetivo es mostrar fotos de un mismo lugar relacionando el pasado con el presente. Este grupo se llama “ Looking Into the Past ”. Me pareció interesante que también estuviera allí algo de nuestro país. (Portones del Parque Gral. San Martín - Provincia de Mendoza - Argentina )

Las fotos iniciales fueron éstas:

:
Realicé los siguientes pasos:

a)Inicie el programa, el GIMP, y fui a archivo abrir . Se abrió una ventana y busqué en la computadora el archivo de la foto del pasado. Lo abrí.

b)Arrastré la segunda foto, la del presente, arriba de la ya abierta. Quedó ubicada en una segunda capa.

c)Para que la foto de arriba, la del presente quedara proporcional a la primera y para que coincidiera lo más posible en tamaño, inclinación, perspectiva... le hice un pequeño recorte.

d)Después la trabajé con las herramientas de : escalado, rotación, inclinación, perspectiva..

Estoy trabajando, de la misma forma , con otras fotos. En cuanto las pueda concluir las subiré.

Saludos a todos.

TIDSL103 - 2º Texto con efecto tridimensional, reflejos y brillos

2010-05-01T00:29:00.015-03:00

Seguí los consejos de "Supa Mario" expresados en el comentario de la entrada anterior . Fue así que me puse a tratar de hacer la ejercitación del post anterior con fondo negro y texto de color vivo.

Después de varios intentos fallidos..., ¡al fin salió!

Aconsejo hacer clic sobre la imagen para ver mejor el efecto reflejo.

Saludos y seguimos comunicándonos.

TIDSL103 - Texto con efecto tridimensional, reflejos y brillos

2010-04-29T19:56:00.009-03:00

Para hacer la leyenda anterior seguí los pasos que Nina nos indicó.

La única diferencia está en que varié los colores aconsejados por ella y que usé como fondo de la imagen creada el tono que actualmente tiene mi blog. Probé tomarlo con el goterito (de Inkscape) directamente del blog, pero no fue posible. Entonces hice una captura de pantalla del blog. La importé donde estaba trabajando y entonces sí con el goterito copié el color deseado.

Como estoy con poco tiempo les dejo el link al blog de curso TIDSL103 donde figuran los pasos realizados.

Lo que más me costó es trabajar la línea final, pues no quería que se viese muy fuerte. Espero cumpla la función deseada.

Me llevó varias horas hacerlo. Personalmente me agrada como ha quedado. Espero que el texto de abajo dé la impresión de reflejo deseado.

Saludos a todos. Seguimos aprendiendo.

TIDSL103 - Recortar una imagen y formar dos imágenes separadas.

2010-04-25T18:35:00.013-03:00

Elegí la siguiente imagen para realizar este ejercicio. Al ser una silueta de un solo color resulta más fácil. Creo, para empezar es más aconsejable elegir imágenes simples, de pocos colores y trazos.

Seguí los pasos que indicó Ángel y luego Pablo. Ellos son:
1) Subí la imagen a vectorizar.
2) La vectoricé . Para ello fui a Trayecto (o Trazo en Inkscape 0.46 ) / Vectorizar mapa de bits .

3)Luego seleccioné el objeto resultante y lo desagrupé.

4) Elegir uno de ellos.
5) Con la Herramienta Bézier marqué una línea de corte.

6) Seleccioné la línea de corte y fui a Trayecto (Trazo en Inkscape 0.46) / borde a trayecto.

7) A continuación Seleccioné las dos cosas es decir la línea de corte y el objeto a cortar.

8) Fui a Trayecto (Trazo en Inkscape 0.46)) / Cortar trayecto. Se desaparecieron los objetos.

9) Inmediatamente fui a “Relleno y borde” y pinté las figuras que estaban invisibles.Es importante hacerlo a continuación teniendo los objetos aparentemente “ invisibles” seleccionados.

Quedaron separados el gato y el perro formando dos objetos . En este caso particular no es necesario reagrupar elementos de cada objeto. Probando con otras figuras de varios colores o compuestas de muchos trazos he observado que es necesario agregar un décimo paso ( Como lo indica Ángel en su sitio web) : Seleccionar uno de los objetos resultantes e ir a “Objeto/ agrupar para tener todas las partes juntas.

Después de aplicar el proceso detallado a uno de los objetos que obtuve de la vectorización le hice lo mismo a los otros dos objetos Fue así que quedaron tres gatos y tres perros, todos separados. Con todos ellos compuse la imagen que inicia este post.

Hasta aquí lo ejercitado.

Saludo y seguimos aprendiendo.

TIDSL103 - Clipear o recortar.

2010-04-23T18:41:00.028-03:00

Para realizar esta tarea elegí las siguientes fotos y las importé a Inkscape.

Para lograr las imágenes finales trabajé así:

Primer imagen

a) Dibujé sobre la foto importada un polígono de siete lados y le varié los valores de redondez. A continuación pueden observar dichos parámetros.

b) Seleccioné las dos imágenes e hice clic en “ Objeto /Clip /Aplicar “
c) Le agregué un fondo. Con el goterito tomé el color del centro de la flor y lo pinté.

Segunda imagen

d) Dibujé sobre la foto importada una estrella de veintisiete esquinas. Le varié ciertos valores según se ve:

e) Realicé los pasos que indico en los puntos b y c detallados anteriormente.

Tercera imagen

f) Ahora dibujé sobre la foto importada una estrella de nueve esquinas y luego de realizarle el mismo tratamiento que detallo anteriormente le agregué una tercer capa para obtener el borde elíptco que se observa.

Cuarta imagen

g) Tracé un espiral y lo engrosé. Después le apliqué lo detallado en el ítem b y le agregué un fondo verde.

Finalmente para agregar el texto hice lo siguiente:
1) Escribí el texto.
2) Tracé con la herramienta lápiz o Bézier el trayecto deseado.
3) Fui a a “ Relleno y borde “ y le saqué el color de relleno ( clic en la cruz ) .
4) Seleccioné a ambos ( Curva y texto ) e hice clic en Texto / Poner en trayecto.
5) Volví a seleccionar la curva . Clic en “Relleno y borde / Color del trazo " y saqué el color haciendo clic en la cruz. De esta forma no se ve la curva.

Hasta aquí lo realizado. Saludos a todos, seguimos en contacto.

TIDSL103 - Imágenes vectorizadas

2010-04-19T19:38:00.025-03:00

En esta ocasión se me ocurrió cambiar el color del vestido de Mafalda.

Les cuento los pasos que seguí:

1) Importé la imagen que ven a continuación.

2) Luego la seleccioné y vectoricé. Para ello fui a Trazo/Vectorizar mapa de bits. Al abrirse la ventana de diálogo hice clic en “ Pasos de luminosidad ” e indiqué 8 pasadas. Clic en actualizar / Aceptar.

3) Después mantuve seleccionada la imagen y la desagrupé (Clic en Objeto/ Desagrupar). Se desagruparon los ocho objetos que se habían formado.

4)Seguidamente separé los ocho objetos que se formaron. Los fui arrastrando y colocando en hilerita uno al lado del otro. Tuve en cuenta el orden. Saqué primero el de arriba, luego el siguiente y así sucesivamente . Descarté uno.

5) A continuación los fui pintando . Tuve en cuenta en pintar los de abajo más claro y los de arriba más oscuros. Me pareció que así se vería mejor la imagen.

6)Luego los coloqué nuevamente uno arriba del otro formando así una nueva Mafalda de color distinto al de la imagen importada. Mantuve el cabello y los zapatos negros porque mi intensión era cambiar el color del vestido.

El primer vestido fue el siguiente:

7)Trabajé ídem a lo anterior para que nuestra querida Mafalda pudiera probarse otros colores de vestido. Así obtuve las otras imágenes.

Resulta que las imágenes que había obtenido de Mafalda no mantenían el color de su piel, como sí lo lleva la imagen importada.

Fue así que lo logré haciendo clic en “ Colores ” en lugar de “ Pasos de Luminosidad” , en la ventana de diálogo que se abre al hacer la vectorización.

Después seguí trabajando con los nuevos ocho objetos igual a lo indiqué en los puntos 3 al 6.

He de aclarar que no fue fácil la tarea. Probé con diversos tipos de imágenes, pero no todas se veían bien al cambiarle los colores. Es difícil elegir los que favorecerán la visualización del dibujo.

No obstante haberme resultado algo difícil el tema, estoy muy contenta con los resultados obtenidos.

Y... Como decía nuestro querido Tejada Gómez :

Todo es pequeño
sin un empeño,
pequeño el hombre,
pequeño el sueño.

Entonces, ¡¡¡ Con mucho empeño, seguimos ejercitando Inkscape !!!

TIDSL103 - Ventanas con vitraux ( Inkscape )

2010-04-16T20:18:00.017-03:00

Después de realiza los vitraux con Inkscape pensé que quedarían bien ubicados en una ventana . Fue así que busqué modelos de ellas y elegí una.

Realicé la tarea de la siguiente forma:

a) Importé el modelo de ventana y el archivo png. del vitraux.

b) Agrandé la ventana para que cupiesen los vidrios.

c) Utilicé varias herramientas para obtener la imagen deseada. Dibujé en diferentes capas las distintas partes que elaboré.

d) Para lograr el dibujo semicircular que se ve en la parte de arriba de cada ventana utilicé un pedazo de vitraux. Es así que repetí las acciones que detallo en el post del 11 abril para usar solamente un trozo de un dibujo dado ( la manzana) .

Pasos:

Duplicar el vitraux y seleccionarlo.

Mantener la seleccionada e ir a Objeto / Patrón / Objetos a Patrón

Hacer un rectángulo con la herramienta "Dibujar curvas Bézier y líneas rectas".

Seleccionarlo con el cursor y hacer click derecho. Elegir Relleno y Borde y hacer click...

Ubicar la opción Patrón en la ventana que se abre. (es un cuadrito relleno con rombitos) y hacer click... Buscar el archivo del vitraux y hacer click.

Se observa que en el rectángulo apareció un nuevo vitraux con nodos en el contorno.

Ahora acomodar, arrastrar los nodos y/o crear nuevos, formando el semicírculo que necesitamos.

Espero les agrade lo realizado.

Saludos y seguimos ejercitando.

TIDSL103 – Vectorizar mapa de bits - Vitraux

2010-04-15T21:50:00.022-03:00

A continuación les detallo los pasó que seguí para hacer los anteriores vitraux.

1- Importé la imagen que ven a continuación.

2-La seleccioné y fui a Trazo/ Vectorizar mapa de bits. Se abre una nueva ventana. Fui variando los valores hasta lograr los que se ven a continuación e hice clic en Actualizar/ Aceptar .

3- Arriba de la figura importada se creó otra imagen producto de la vectorización realizada. La arrastré hacia afuera.

4- Después la seleccioné ; seguidamente con la herramienta de relleno y borde le varié el color y el ancho del trazo.

5- Tomé el baldecito y pinté el interior del vitreaux. Luego seleccioné cada una de las zonas pintadas e hice clic en relleno, gradiente lineal. Seguidamente acomodé los tiradores de los gradientes para que la figura se vieransimétrica.

6-Finalmente seleccioné uno a uno los vitraux y los exporté: (Archivo/ Exportar mapa de bits.)

Aquí no terminará la tarea , ésta es una parte de ella. En el próximo post les contaré como sigue.

Hasta pronto.

TIDSL103 - Calidoscopio virtual .

2010-04-13T20:26:00.010-03:00

Nina dijo al leer el post anterior: " el trabajo de formas se me ocurre que se vería bien en un Gif animado, como un calidoscopio". Es así que, decidí regalarle un calidoscopio virtual. ¡¡¡Se lo merece ampliamente!!!

Las imágenes fueron elaboradas con Inkscape y el calidoscopio se logró con el Gimp.
Espero le guste el regalito.
Saludos a todos.

TIDSL103 - Jugando con las herramientas: estrellas y polígonos - espirales

2010-04-11T03:15:00.030-03:00

Éstas son las figuras que realicé con la herramienta " crear estrellas y polígonos ". Para darles las diferentes formas les varié los valores : esquina ,longitud de radio y redondez que aparecen en la barra de esta herramienta. Luego las pinté. La que se observa abajo, en la parte central, la pinté eligiendo entre las posibilidades que da el cuadradito que dice " patrón " de la ventana relleno y borde.

Seguidamente se me ocurrió colocar una imagen en el centro y recurrí a los consejo que nos dio Ana para poder usar un pedazo de una imagen determinada.

La que ven a la derecha ( en el dibujo de abajo) es la imagen que elegí para sacar de ella solamente la manzana . La de la izquierda es la que elaboré con Inkscape.

Recordemos los pasos:

Inserta la imágen.
Mantenla seleccionada e ir a Objeto / Patrón / Objetos a Patrón
Hacer un rectángulo con la herramienta Dibujar curvas Bézier y líneas rectas.
Seleccionarlo con el cursor y hacer click derecho. Elegir Relleno y Borde y hacer click...
Ubicar la opción Patrón en la ventana que se abre. (es un cuadríto relleno con rombitos) y hacer click...
Ahora arrastrar los nodos y/o crear nuevos, según la necesidad, alrededor del trozo de figura que deseamos usar.

Les dejo el link con la explicación detallada que da Ana.

Aquí tienen otros ejemplos de lo que se puede hacer con las estrellas.

Lo siguiente lo realicé con la herramienta " crear espirales ".

Lo trabajé variando los valores vueltas, divergencia y radio interior que aparecen en la barra de esta herramienta. Luego lo pinté

Observarán que también aproveche la oportunidad para usar la herramienta para escribir texto.

Aquí de nuevo la manzana.

Les dejo la siguiente captura de pantalla para que observen en la barra de la herramienta " crear espirales" con qué parámetros se logró.

He podido observar que son infinitas las posibilidades que brindan las dos
herramientas citadas. ¡Me resultó divertida la tarea!!

Saludos a todos. Seguimos en contacto.

TIDSL103 - Ejercitando herramientas varias de Inkscape .

2010-04-09T21:43:00.028-03:00

El fin de la tarea realizada fue ejercitar diferentes herramientas de Inkscape.

A continuación les comentaré cómo trabajé:

1) Importé la siguiente imagen.

2) Tracé un rectángulo rojo en una capa nueva . Lo pinté “del mismo color” que el fondo de la imagen importado.

Las figuras citadas ( imagen inicial y rectángulo) estaban en distintas capas. Para que resulten de colores “iguales” se hace lo siguiente:

Se dejan abiertos los candaditos de las dos capas ( la del color que queremos copiar y la de la imagen que queremos pintar ) . Si hubiese más capas hay que ”cerrar” los candaditos de todas ellas.

Se selecciona, con la herramienta correspondiente, la imagen que deseo pintar.

Se cierran “todos” los ojitos “menos” el de la capa que tiene el color deseado . Tomar el cuentagotas (haciendo clic en él ) y seguidamente hacer clic arriba del color que se quiere copiar. Listo, Se abren los ojitos de ambas capas y se ve pintada la figura del color que el cuentagotas tomó.

3) Luego dibujé el jarrón con la herramienta para hacer curvas Bézier, le acomodé el contorno trabajando con los nodos y los tiradores de éstos. Lo pinté de negro copiando el color del original con el “cuentagotas” nuevamente.
4) Después le agregué las formas que adornan el jarrón trabajando también con la herramientas anteriormente detalladas.

5) Para hacer el reflejo blanco que bordea al jarrón dupliqué el mismo y le saqué el color negro del relleno. Después pinté el trazo que quedó de color blanco, lo engrosé y acomodé.

6) La sombra del piso del jarrón lo hice dibujando una elipse, la pinté de negro y la desenfoqué.

7) La luminosidad que se refleja en el centro del jarrón y arriba la hice trazando y “desenfocando” pedacitos pequeños de figuras blancas ( alguna tiene más de un pedacito superpuesto) .

8) Por último los jarrones que se ven delante y detrás del jarrón negro los realicé copiando y pegando, en diferentes capas, el primer jarrón que dibujé. Les cambié el color de relleno y le bajé la “opacidad”.

Espero les agrade lo realizado .
Saludos y seguimos ejercitando.

TIDSL103 – Unión de dos nodos extremos de diferentes trazos.

2010-04-05T17:34:00.029-03:00

Es oportuno dispersar las dudas que tengamos sobre el tema planteado ya que al avanzar en el dibujo de imágenes a veces se presenta la necesidad de unir los extremos de trazos diferentes .

Hemos de acordar, que una cosa es un trazo y otra es un trayecto.

Inskscape habla de trazo como un concepto geométrico (formas) en cambio trayecto es un concepto matemático (vectores).

Ejemplificaré con los siguientes trazos:

Para lograr que los dos trazos se unan es necesario “combinar” las dos figuras.

Para ello seleccionamos un trazo , apretamos shift y lo mantenemos apretado. Seleccionamos el otro trazo y vamos a : trayecto/combinar( Inkscape versión 0.47) o trazo/ combinar ( versión 0.46)

A esta altura están los dos trazos combinados pero... sus extremos no unidos.

Ahora queda unir los nodos de los extremos de los diferentes trazos para que la figura sea un solo trazo.

Entonces apretamos shift , seleccionamos los nodos finales del los extremos que deseamos unir y hacemos clic en la barra de arriba donde dice: “unir los nodos finales seleccionados”.

Ahora sí queda un solo trazo.

Resumiendo:

Primero, “ combinamos los trazos ( Seleccionamos los dos trazos y vamos a: trayecto/combinar, o a: trazo/ combinar, según la versión de Inkscape con la que trabajamos.

Segundo , unimos los nodos finales de cada extremo.

Investigando en Google hallé la respuesta en Wikipedia al final de la siguiente página bajo el título: ¿Como unir dos nodos extremos de trazos diferentes?

Les dejo este link que también habla sobre "parte" del tema.

http://joaclintistgud.wordpress.com/2010/01/12/inkscape-convertir-trazos-en-trayectos/

Saludos y hasta la próxima.

TIDSL103 - Ejercitando las herramientas de Inkscape

2010-04-05T04:23:00.071-03:00

Es un gusto poder participar del Taller de Imagen Digital organizado en baidarkas.net.

Para realizar la primera actividad elegí el siguiente dibujo.

Lo trabajé de la siguiente forma:

Copié en distintas capas las diferentes partes que lo componen haciendo uso de varias herramientas . Elegí trabajar cada parte en una capa distinta porque así me resulta más ordenado y al seleccionar una parte no se confunde con otra. Estuve atenta en abrir y cerrar ojitos y candaditos según fuese necesario.

Dibujé primero lo que se observa en los planos de atrás y por último lo que está en primer plano.

Después fui seleccionando cada parte y la fui pintando según me pareció más conveniente.

Finalmente le agregué un fondo a la hoja.

Les relataré el paso a paso:

1-Importé la imagen elegida.

2-Cree una capa y con la herramienta curva de Bézier tracé las montañas. Luego hice clic en la herramienta de editar nodos y con la flechita acomodé la línea alrededor de la montaña.

Después hice clic en el lapicito que está en la barra de arriba y las pinté de color marrón.

3-Cree otra capa, cerré el candado y el ojito de la capa de las montañas y dibujé el elefante, la jirafa y el humo. Trabajé ídem que con la montañas.( Herramienta curva de Bézier...) He de aclarar que cuando fue necesario para curvar la línea cree nodos naciendo doble clic sobre ella. Estos me permiten curvarla más fácilmente ( ver jirafa).

Podemos observar que la montaña está atrás y los animales y el humo delante de ésta.

4-Después en otra capa y dibujé la chimenea. Para lograr mayor precisión del dibujo trabajé con la barra de nodos ( clic en...: “suavizar nodos”, “convetir segmentos seleccionados en líneas”, “mostrar los tiradores” , “insertar nodos”, “suprimir nodos” ...

5-A continuación cree otra capa y dibujé; de igual forma que las anteriores, la locomotora del tren. Para poder observar mejor la imagen transportada inicialmente le quité opacidad a la capa creada.

Una vez conforme con lo dibujado volví la opacidad a 100%

6-En otra capa dibujé el primer vagón. En la siguiente imagen se ven los tiradores de los nodos y el cambio de opacidad de la capa.

7-Al segundo vagón lo hice en otra capa. Es importante aclarar que cuando trabajé en una capa mantuve cerrado candaditos y ojitos de las anteriores.

8-En una octava capa hice las ruedas con la herramienta de crear círculos.Primero dibujé uno y para que mantuviese la forma circular apreté Ctrl. Luego copié, pegué y ubiqué las otras ruedas de igual tamaño. Para lograr la rueda mayor copiey pegué una quinta rueda.l La seleccioné, apreté Ctrl y tiré de las flechitas para agrandarla. El apretar Ctrl permite que no varíe su forma circular.

9-Con la herramienta de crear rectángulos y cuadrados hice el rectángulo que ven sobre las ruedas.

10-Seguidamente apretando Shift seleccioné las dos ruedas de la locomotora y el rectángulo y los uní ( trazo /unión , con Inkskape 0.46) También se puede hacer trayecto/unión con Inkscape 0.47. Quedó así.

11- Acomodé el pie de la montaña ya que incorrectamente ocupaba el lugar del camino. Observar que el candado está abierto sólo en la montaña, así se evita que por error se modifiquen otras capas.

12-El dibujo quedó así:

13-Para hacer el triángulo trabajé con la herramienta de “hacer estrellas y polígonos” Clic en ella y fui a la barra que aparece arriba . Clic en el polígono que hay allí e indiqué “ de 3 esquinas”.

Luego hice clic en triángulo y tirando de las flechitas le fui dando la forma ídem al dibujo inicial. Lo realicé en una novena capa que denominé formas. Allí coloqué las formas que aparecen adelante.

14-También hice las otras figuras que se ven.

15-A esta altura me di cuenta que me faltaba dibujar el cielo y el piso. Cree una décima capa y la ubiqué abajo de la capa de las montañas.

16-Seguidamente abrí todos los candaditos y ojitos. Con cuidado fui seleccionando y pintando las distintas partes de él según me pareció más apropiado.

18- Finalmente agregué un fondo al dibujo creando una última capa. La pinté y le agregué una estrella y un espiral haciendo uso de las herramientas correspondientes..

Para “exportar “ el dibujo fui a : archivo/exportar mapa de Bits/página/examinar /clic en exportar.

Esta tarea ha tenido por fin ejercitar las herramientas del programa. Espero les haya gustado lo realizado .

Saludos y seguimos internalizando los aprendizajes.

TIDSL103 - Taller Imagen Digital

2010-03-24T21:48:00.019-03:00

Si te interesa aprender sobre imagen digital puedes inscribirte en el taller que dicta baidarkas.net : TIDSL103 Taller de Imagen Digital 2010.

A continuación transcribo lo que baidarkas.net explica sobre el mismo.

Este es un taller dinámico de imagen digital

Transitaremos juntos tres meses este espacio-tiempo

El formato será por temas y empezaremos por lo más simple.

Usaremos solo herramientas libres.

Bienvenido!! Siéntete como en casa!!

Calendario: 31 de marzo al 30 de junio de 2010

En la Wiki de Baidarkas se encuentra información actualizada sobre este curso.

Espero te sea útil la información. Saludos.

HA903 - Homenaje a Mercedes Sosa

2009-10-02T20:15:00.011-03:00

Quiero rendir un homenaje a quien me ha acompañado con sus canciones gran parte de mi vida.

HA903 – Actividades finales del curso.

2009-09-30T14:15:00.020-03:00

El curso HA903, que hoy concluye, fue: abierto, on-line , sobre herramientas de autor + Software Libre.

En este post les comentaré las actividades finales dispuestas.

Ellas fueron: Hacer Banners y Afiches para Edusol 2009, los que serán utilizados para la difusión de dos encuentros que se organizan.

Las tareas y el aprendizaje fueron colaborativos. Creo importante destacar la labor realizada, por Fernando Gutierrez, Gabriela Ponce, Lucia Osuna , Mariel Mendiola y Marcela Silva. Se trabajó con la orientación de nuestra conexionadora Esther Armato.

Los trabajos enviados fueron los siguientes:

a) Para el futuro encuentro “Porque Instalar no es Suficiente” Uso Básico de GNU/Linux.
Banner:

Afiche:

b) Para : “Día de Educación y Cultura Libre”

Banner:

Afiche:

Nina ( nuestra atenta conexionadora - profe ) manifiesta sus impresiones en el video que está a continuación y que deseo compartir con ustedes.

Todo lo aprendido está con nosotros. El presente día pareciera un final pero, al contrario, es para todos el comienzo de nuevos desafíos y futuros aprendizajes que seguramente seguirán enriqueciendo nuestra persona.

¡Gracias a todos los que han hecho el esfuerzo para que este proyecto educativo haya sido posible y a todos los que me orientaron y alentaron en las tareas que realicé!

Un gran saludo para tooodos y un cordial abrazo para Nina ( Esther Armato) y Pablo ( Pablo Acuña) .

HA903 - Seguimos en contacto

2009-09-30T04:20:00.005-03:00

Ha sido para mi un gran placer poder participar de este curso virtual.
Agradezco a todos los que hicieron posible esta instancia de aprendizaje.
A mis compañeros del curso HA903, un gran saludo.
Pienso en lo sucesivo, continuar expresando en este blog lo que vaya descubriendo sobre el manejo de los programas Inkscape y Gimp. Espero poder continuar con lo proyectado, por ello no diré "chau" sino saludos y " seguimos en contacto".

HA903 – Ejercitando Filtro /Fundir / Optimizar para gif

2009-07-14T23:11:00.039-03:00

Trabajando con los gif se planteó la problemática:

¿Cómo hacer para que no se mezclen los textos y las imágenes de un personaje que se mueve “ de lugar “ en la pantalla?

Fue así que elaboré e investigué los siguientes archivos gif:

EJEMPLO 1

Archivo inicial con cuatro capas de sapito saltando y texto incorporado a las capas. ( Inicialmente el texto se crea en otras capa, es así que se combinaron con las capas de los sapitos para lograr las cuatro capas .)

Total de capas: cuatro.

Se aplicó fundir con tres capas intermedias ( lo que el programa ofrece como mínimo).

Total de capas: doce.

Se optimzó para gif y se guardó el archivo ( con tiempo 300ms, para poder observar más detenidamente qué ocurre con la imagen ).

El gif que se obtuvo es el siguiente.

EJEMPLO 2

Al archivo anterior ( Cuatro capas con sapito saltando con texto incorporado) se le agregó una capa de fondo ( solo lago, sin sapito) .

Total de capas cinco.

Se aplicó fundir con tres capas intermedias.

Total de capas: dieciséis.

Se optimzó para gif y se guardó el archivo ( con tiempo 300ms ).

El gif que se obtuvo es el siguiente.

EJEMPLO 3

Se trabajó SIN incorporar el texto a las capas de los sapitos, es decir NO se combinan con ellas los textos.

Archivo inicial ocho capas ( Cuatro del sapito y cuatro de los textos ).

Se aplicó fundir con tres capas intermedias.

Total de capas: veintiocho

Se optimzó para gif y se guardó el archivo ( con tiempo 300ms ).

El gif que se obtuvo es el siguiente:

EJEMPLO 4

Se trabaja sin incorporar el texto a las capas de los sapitos saltando y se agrega una novena capa de fondo ( lago solo, sin sapito) .

Total de capas nueve.

Se aplicó fundir con tres capas intermedias.

Total de capas: treinta y dos .

Se optimizó para gif y se guardó el archivo ( con tiempo 300ms ).

El gif que se obtuvo es el siguiente:

EJEMPLO 5

Al gif anterior se le han variados los ms. de las capas.

Primero se llevaron todas las capas a 100ms

Luego se abrió de nuevo el archivo con el Gimp y se buscó las capas que tuvieran escrito el texto lo más legible posible ( sólo texto) y se colocó 40ms. a todas ellas. Seguidamente se buscaron las capas donde se visualizaba el sapito lo más nítido posible ( y sin texto a la vista) y a ellas se le varió el valor a 200ms.

El archivo gif ahora se ve así:

A mi criterio es el que se ve mejor.

Pienso que si ponemos más capas intermedias seguramente el efecto de avance de la imagen se verá más lograda.

CONCLUSIÓN PERSONAL: Si deseo realizar un gif cuyo personaje deba cambiar de lugar ( avanzar, retroceder...) y en el que también se desee colocar texto, debo incorporar una capa de fondo ( sin el personaje ) para que se produzca el efecto deseado.

A partir de estos ejemplos anteriores dejo abierto unos interrogantes:

¿Por qué ocurre ésto?

¿Cómo trabaja el programa al aplicar fundir? ¿Y al optimizar para gif?

Ayudita: Para responder los interrogantes hay que bajar los archivos gif e investigar sus capas ( cerrar uno a uno los ojitos que hay en la ventana capas y observar los cambios en la ventana donde se ver la imagen) .

También es orientador desoptimizar el gif ( Filtro/Animación/ desoptimizar) e investigar de igual modo sus capas.

¡Suerte en el empeño!

Saludos a todos. Espero que este post sea útil. Y ... seguimos aprendiendo.

HA903 - Gimp - Concluyendo la animación del sapito

2009-07-12T10:57:00.018-03:00

He aprovechado el adelantamiento y extensión del receso escolar para concluir el trabajo del sapito. Es así que este post es la continuidad del anterior sobre el sapito.

a) Fondo

Elegí una foto ( Lago Rivadavia – Pcia de Chubut – Argentina) y la abrí en el Gimp.

Después la copié y roté en forma horizontal .

Luego coloqué las dos imágenes en una misma capa. ( una al lado de la otra) .

Como me pareció que faltaban piedritas le agregué unas. Copié algunas de las que traía la foto. Las modifiqué con las herramientas de escalado y rotación. Finalmente las pegué en diferentes lugares .

b) Incorporando los animalitos

En cuanto a las modificaciones de las imágenes del sapito ya las expliqué en el post de referencia anterior.

A la sapita le modifiqué la ubicación de los brazos. Esto lo hice seleccionando un área, copiándola, rotándola , pegándola nuevamente y borrando lo que sobra del dibujo anterior.

Los procesos que tuvieron fueron los siguientes:

Una vez que tuve animalitos por un lado fondo por otro dupliqué varias veces los fondos e incorporé las imágenes de los animalitos.

Primero hice las imágenes del sapito yendo de derecha a izquierda . Luego dupliqué el archivo y fui a imágenes/transformar/voltear horizontalmente. De esta forma el sapito haría el camino de regreso de izquierda a derecha. Para que saltara un poco en el medio de la pantalla le agregué unas imágenes de saltitos intermedios .

A esta altura el sapito iba hacia la izquierda y al regresar hacia la derecha saltaba un poco antes de llegar a la derecha de la pantalla.

Luego dupliqué todas estas imágenes creadas hasta entonces, junté todos los duplicados, los puse a continuación de los originales y les agregué a esas capas duplicadas la sapita saltando al lado del sapito.

Entonces ahora el sapito da una segunda ida y vuelta ( hacia la izquierda y regreso a la derecha) pero acompañado con la sapita.

Contado, parece sencillo, pero lleva su tiempo y a veces... enredo...

A mi parecer el sapito se ve más ágil que la sapita porque al pegarlo trabajé algunas imágenes con la herramienta de inclinación. Cuando llegué a la sapita, ya algo apurada por terminar la tarea, olvidé hacerlo también.

Después de tener todas las capas terminadas agregué algunos títulos, lo optimicé para gif pensando hacer después el archivo avi.

Como no me agradó como se veía el fondo de las imágenes ( el cielo, más precisamente), siempre el problema de los degradé optimizados. Fui a “guardar como” y guardé cada capa como archivo png. Luego puse estos archivos png en un editor de video e hice el video que ven al comienzo de esta entrada.

El video, con título lleva 1 minito y 22 segundos, pero la labor anterior lleva variooooossss minutos..., horas..., más.

¿Qué se podría mejorar del trabajo?

Se podría acercar las imágenes de los sapitos, es decir menos cielo y más personajes.

A la sapita la mandaría a hacer algo de gimnasia para que quede un poquito más ágil. Además la dieta que hizo en el Inkscape parece que fue muy rigurosa porque un poquito más gordita hubiera quedado, quizás, más simpática.

Yo, como madraza que me gusta ser, amo a estos personajes como son hoy. Espero que a ustedes les resulten agradables y simpáticos como a mí.

Saludos y seguimos ejercitando y aprendiendo.

HA903 Recordando procesos - Gif animado con sonido

2009-07-05T22:38:00.016-03:00

Me pareció que podría ser útil recordar ( según mi experiencia de aprendizaje) alguno de los pasos que, a mi parecer, han presentado más dificultad para elaborar el “ gif animado - con sonido” .

Creo que es conveniente tener elegida la música antes de hacer el gif, ya que el tiempo de duración de la misma debe coincidir con el tiempo de duración del gif .

¿CÓMO LOGRÉ QUE AMBOS TUVIERAN LA MISMA DURACIÓN?

Por un lado la duración del mp3 la visualicé cuando lo escuché, con el reproductor que lo abrí.

Para saber el tiempo de reproducción del gif, me la ingenié caseramente. Seguramente existe otra forma con el programa Gimp pero, como no la sé lo abrí con el navegador y ... con el cronómetro del celular lo medí.

Luego fui variando los valores de reproducción de algunas capas, más lentas las primeras ( cuando el caracol se despierta) y así hasta lograr lo más próximo a los 38 segundos del mp3.

¿CÓMO CAMBIAR LOS 100ms QUE APARECEN PREDETERMINADOS AL ABRIR EL PROGRAMA?

- Para cambiar los 100ms ( que aparecen predeterminados) en todas las capas existen diferentes posibilidades:

a) Abrir el gif con el programa Gimp, ir a capas y hacer doble clic sobre el número 100 y escribir el nuevo valor , también se puede hacer clic con botón derecho y buscar “ Atributos de capa” y cambiar el valor.

Esta tarea no la recomiendo si debo cambiar “todos” los valores. La usaría para modificar el tiempo de “algunas” capas. Es decir, si quiero que unas pasen más lentamente o más ligero que el resto de las mismas.

b) Un camino más corto para cambiar “todos” los valores ( los 100ms predeterminados) es, cuando aparece la siguiente ventana...

es cambiarlo allí y hacer clic abajo donde dice: “usar el retardo introducido para todos los fotogramas”, de esta forma se modifican “todas” las capas.

¿CÓMO HAGO SI YA TENGO EL GIF HECHO Y QUIERO MODIFICARLO?

Lo abro con el Gimp y voy a Archivo/ “guardar como”. Entonces el programa crea otro archivo. Sigo el caminito que el programa propone. El mismo me llevará a la ventana que está arriba de estas líneas. Allí cambio el valor como lo expliqué antes.

Al finalizar la labor tendré un nuevo archivo con el valor cambiado en todos los fotogramas. O sea que si tenía 100ms para todos y los cambié a 300ms, el nuevo archivo tendrá 300ms en todos.

Si este valor no me sirve, veo que es muy lento o muy ligero, repito el proceso y tendré otro/s archivo/s . Luego elijo el que es más conveniente según mi necesidad.

Otra forma es abrir el gif creado inicialmente con el Gimp. Ir a Filtro/Animación/Reproducción. Allí se puede ir probando con algunos tiempos. Abajo, a la izquierda de la ventana que se abre ( Llamada Reproducción animación) dice:

100% corresponde a 100ms
50% corresponde a 200ms
25 % corresponde a 400ms
12,5 corresponde a 800ms

Se puede ir probando , elegir la que convenga y luego cerrar esa ventana e ir a guardar como y colocar los ms más apropiados.

Si aún no he obtenido igualdad de tiempo en ambos archivos, puedo ir variando los valores en “algunas capas” hasta que los dos archivos sean iguales. Es decir si con 300ms se acerca al valor del mp3, pero no es igual, elijo algunas capas y les cambio “sólo a esas” el valor. Colocaré más o menos tiempo hasta lograr igualdad con el mp3.

Espero se haya entendido, perdón por la repetición de palabras, creo era necesario para comprender mejor el mensaje.

¿CÓMO LE COLOCO AL GIF SONIDO, SI NO TODOS LOS FOTOGRAMAS TIENEN LA MISMA DURACIÓN?

Hemos de acordar que debo tener el mp3 y el gif con el mismo tiempo de duración total, es decir deben durar lo mismo.

No importa si algunas imágenes tendrán más exposición y en cambio otras pasarán más ligero. Sí importa que dure en total igual tiempo.Así el archivo avi. que crearé comienza y termina con la imagen y el sonido juntos, al mismo tiempo.

Lo explicaré según los pasos que yo seguí.

Cree una carpeta en el escritorio y la llamé con_sonido. Coloqué adentro los dos archivos (el del gif y el del mp3) .

Acordamos que llamé:
al gif → caracol.gif
al mp3 → caracol.mp3
Al nuevo archivo → caracolcito.avi

Después fui a Aplicaciones/ Accesorios/Terminal e hice clic allí.

Se abrió la ventana de la línea de comandos. En ella trabajé así:

a) Escribí: cd e hice un espacio.
b) Arrastré la carpeta “ con_sonido “ a la ventana y la solté. Clic en la ventana de comando e hice enter.
c) Escribí ls e hice enter.
Aparecieron escritos los dos archivos (el gif y el mp3) y la ruta para llegar a la carpeta.

d) A continuación del texto visualizado escribí:

mencoder caracol.gif –ovc lavc -fps 0 -o caracolcito.avi -oac copy -audiofile caracol.mp3

Hice enter y apareció en la carpeta “ con_sonido” ( la que está en el escritorio) el archivo avi llamado caracolcito.

A continuación le dejo una impresión de pantalla de la ventana “terminal”.

Este nuevo archivo, que tiene sonido, respeta el tiempo dispuesto y calculado.

La modificación que realicé sobre lo aconsejado fue colocar 0 (cero) en lugar de 5 después de -fps. Esto hace que cada imagen se observe con los tiempos planificados.

Espero que esta nueva estrada sirva para recordar o aclarar el proceso.

Un saludo a todos y seguimos en contacto.

HA903 - Gif "Convivencia"

2009-07-04T11:17:00.006-03:00

Para elaborar la imagen titulada “convivencia” trabajé en el Gimp y realicé los siguiente pasos:

1)Busqué rostros con diferentes rasgos en el google.

2)Selecciné la imagen que observan a continuación y que me pareció apropiada para la tarea dispuesta.

3)Elegí un niño sobre el cual trabajar, ya que creí oportuno que la vestimenta no cambiara.

Con la “máscara rápida”seleccioné las caritas de las diferentes personas que disponía en la imagen inicial (Clic abajo, izquierda , en un cuadradito que aparece algo difuso) .

Entonces las copié y las pegué en diferentes capas. Antes de anclar la imagen tuve en cuenta que los rostros quedaran uno arriba del otro.

Después recorté la imagen dejando solamente el sector que deseaba ( una sola persona). Seleccioné la zona y fui a Imagen/ Truncar a la selección

Luego dupliqué una o dos veces las capas que tenían las caritas y con la herramienta de relleno ( baldecito ) les modifiqué los colores del cabello, piel, ojos ... con el fin de que parecieran ser otras personas. ¡ Espero que a la vista de otros luzcan así!

Siguidamente copié la imagen que tenía la ropa,le borré la cara y dupliqué varias veces la capa de la ropa .

A continuación ubiqué apropiadamente una ropa para cada cara y combiné las capas ( Capas/ Combinar hacia abajo).

Luego le agregué el texto que se observa.

Finalmente lo optimicé para gif. .

Detallaré nuevamente el proceso anterior :

Filtros/ Animación / Optimizar (para gif) .

Aparece una nueva ventana: Archivo/ Guardar( nombre + punto gif) / Guardar.

Clic en guardar como animación , clic en Exportar .

Atención aquí: cambiar el valor del retardo entre cuadros de 100ms a 400ms y clic en “ usar el retardo introducido arriba para todos los fotogramas”. Clic Guardar. ¡Listo...! De esta forma todas imágenes aparecen cada 400ms.

Espero les agrade el gif, el motivo de su labor es el de incentivar a un grupo de alumnos que trabajan el tema “ No a la discriminación” . Comparto la labor que realizan.

Saludos y seguimos en contacto.

HA903 - Gif animado “Caracolcito”, con sonido – Archivo avi

2009-07-01T01:21:00.013-03:00

Después de varios intentos fallidos he podido colocarle sonido al gif, usando la línea de comandos.

Previamente le agregué al archivo xcf unas capas en las que puse algunos datos relacionados al trabajo realizado. Luego lo optimicé para gif siguiendo los pasos que expliqué en entradas anteriores.

Después fui variando el tiempo que tarda cada capa optimizada, de tal forma que el gif animado dura los 38 segundos igual que el archivo mp3. No todas las capas están dispuesta con el mismo tiempo.

Luego cree en el escritorio una carpeta y la llamé con_sonido. Coloque allí los dos archivos a los que llamé: caracol.gif y caracol.mp3

Después fui a Aplicaciones/ Accesorios/Terminal e hice clic allí. Se abrió la ventana de la línea de comandos. En ella trabajé así:

a) Escribí: cd e hice un espacio.

b) Arrastré la carpeta “ con_sonido “ a la ventana y la solté. Hice enter.

c) Escribí ls e hice enter.

Aparecieron escritos el nombre de los dos archivos (el gif y el mp3) y la ruta para llegar a la carpeta.

d) A continuación del texto visualizado escribí:

mencoder caracol.gif –ovc lavc -fps 0 -o caracolcito.avi -oac copy -audiofile caracol.mp3

Hice enter y apareció en la carpeta “con_sonido" el archivo avi llamado "caracolcito".

Este nuevo archivo, que tiene sonido, respeta el tiempo dispuesto y calculado. Las imágenes iniciales son las más lentas y las finales ( las de los textos con títulos )son las más ligeras.

La modificación que realicé sobre lo aconsejado por Nina fue colocar cero en lugar de 5 " después de -fps" . Esto hace que cada imagen se observe con los tiempos planificados.

Para poder terminar con acierto la tarea he de agradecer las orientaciones iniciales que recibí de mi hijo ( fanático Linuxero ) y de mi compañera Celi , ya que la lectura de su blog me fue de gran utilidad y orientación.

Ésta labor no fue fácil para mí, puesto que nunca antes trabajé con “ la terminal”. Pero, estoy muy contenta por haber vencido el obstáculo y haber podido aprender varias cosas nuevas.

Seguimos en contacto y saludos a quien lea este post.

HA903 – Gif animado fin de trimestre : Caracol

2009-06-22T20:13:00.022-03:00

A continuación le presentaré el trabajo terminado.

En general estoy conforme con la tarea realizada. Pero, he de ser franca, no me agrada mucho cómo han quedado los colores en las zonas donde he pintado con gradientes.

Los dibujos que llevaban gradientes en algunas zonas están pintados en el Inskscape y luego les he colocado por abajo ( en la capa de abajo) color blanco. No así al reflejo del Sol y al de la Luna.

Cuando los he pasado al Gimp los he ido pegando en capas transparentes. Les he hecho las modificaciones necesarias ( a la hoja, y al caracol ) para que las imágenes sucesivas dieran la sensación de movimiento.

En el caso de el Sol y de la Luna no fue necesario hacerles transformaciones. Ubiqué a los mismos en distintos lugares, en las diferentes capas.

Al los fondos los trabajé por separado, también en capas diferentes.

A la tierra ( el piso ) la elaboré repitiendo algunos pedacitos de la que traía la imagen pintada en el Inkscape. Luego, en el Gimp con la herramienta de mezcla, le mejoré el color.

Resumiendo: En unas capas estaban las imágenes de los caracol, en otras las de las flores , en otras los fondos, en otras las del sol, en otras las de la Luna y en otras el piso.

Para componer cada una de las capas que llevaría el gif fui combinando capas hasta formar la imagen deseada.

Básicamente esos son los pasos más importantes que lleva el trabajo.

Una vez que tuve las imágenes compuestas, según lo deseaba, ( en el Gimp ) las optimicé para gif realizando el proceso que expliqué en entradas anteriores.

Como creo que algunas colores de las imágenes no lucen en su totalidad en el gif. probé verlas en un video ( Guardé cada capa final en archivo png. A dichos archivos los importé en un programa para hacer video.). Me agradó observarlas allí. Es así que resolví terminarlo. Busqué la música de la poesía escrita y , si bien no es la misma letra , creo que se aproxima bastante a las imágenes realizadas.
Les dejo el video para que lo vean también.

Después de algunos tropiezos, idas y vueltas : ¡¡¡Tarea cumplida!!!

Espero les agrade la labor realizada. Seguimos comunicándonos.

HA903 - Gif animado, fin de trimestre

2009-06-17T17:47:00.009-03:00

Les comentaré los pasos seguidos para realizar las transformaciones a las imágenes iniciales de los diferentes personajes. De esta forma se podrán observar sus movimientos en el gif animado.

a) La Flor ( La trabajé en el Gimp )

En las cinco primeras capas aparecen las imágenes que ven a continuación.

Para ir modificándolas hice lo siguiente:

En la primera capa estaba la flor dormida. Luego copié la primera capa.

Después seleccioné la parte de la flor que quería cambiar de sitio (Pétalos y hoja .NO la parte inferior del tallo) y la copié .

La pegué ( en la misma capa ) . La ubiqué en el nuevo sitio donde deseaba que estuviera y le realicé la rotación apropiada. Luego borré el espacio de dibujo inicial que sobraba.

Así procedí con las cuatro figuras de flor modificadas. En algunos casos corregí algunos pequeños espacios con las herramientas : lápiz, pincel y de relleno.

b) El Caracol. (Lo trabajé en el Gimp, también. )

Para obtener los diferentes dibujos realicé procedimiento parecidos a los aplicado a la flor y que anteriormente explicara.

Copié en una capa el caparazón del caracol y en otra el cuerpo. Esto me permitía ir borrando la parte del cuerpo que no era necesario y dejar el resto. Por supuesto previamente ubiqué al cuerpito en el lugar deseado y lo roté según la necesidad.

Luego combiné las dos capas y quedó la imagen completa.

Así realicé sucesivamente los diferentes dibujos.

c) El hijo

Para dar la impresión de que el hijo va subiendo sobre el caparazón del caracol hice lo siguiente: lo seleccioné, copié y luego pegué en una capa nueva. Antes de anclar la imagen le apliqué la rotación necesaria.

De a poco la tarea está próxima a su fin. Espero les agrade la misma.

Seguimos en contacto.

HA903 - Trabajo finalización de trimestre - Gif animado.

2009-06-12T01:20:00.018-03:00

Les comentaré lo hecho a la fecha.

1) Teniendo presente la cantidad de sílabas traté de distribuirlas rítmicamente :

ca - ra - col - col - col

sa - ca - tus- cuer- nos

al - sol -sol -sol - sol

Futuramente pienso escribirlas en diferentes capas. Cuando tenga los dibujos terminados realizaré la combinación de capas con ellos.

Para hacer el color del fondo de la animación tuve en cuenta el texto. ( Oscuro al principio, para dar la idea de noche. Luego, progresivamente, más claro, para dar la idea de amanecer y de luz día finalmente) .

Es así que la hipótesis de trabajo es: Texto, fondo y movimiento del animal relacionados. Digo hipótesis porque finalmente veremos si resulta lo pensado.

Acerca del fondo he tenido algunos inconvenientes. Inicialmente trabajé con la herramienta de mezcla en diversas capas para producir un cielo degradado ( Más oscuro arriba y más claro al acercarse a la línea de horizonte ). Resulta que al “optimizar para gif” las capas, no se ve bien el degradé. Se desdibuja el efecto esperado. Desconozco la causa. ¿Será que la cantidad de capas son muchas? ¿??? Finalmente resolví hacer un cielo con colores lisos.

Aquí les dejo las pruebas que he hecho.

a) Así es la primera capa hecha para el trabajo.

b) Fondos con herramienta de mezcla ( degradado de colores ) Optimizados.

c) Fondos con herramienta de relleno. Optimizados.

Para producir el movimiento del caracol fui copiando la imagen en nuevas capa y después fui transformando diversas parte del animalito, según la necesidad ( trabajé con las herramientas selección libre,borrador,recoge color, relleno,rotación...)

En realidad serán varias la cantidad de capas que llevará el trabajo final. La propuesta está pensada en logra producir un movimiento lo más continuo posible de los personajes.

Actualmente estoy ocupándome de la flor y del hijo del caracol.

Hasta acá lo realizado. Seguimos en contacto.

HA903 - Nueva propuesta cierre de trimestre.

2009-06-07T22:05:00.015-03:00

Resulta que por razones diversas he comenzado con otro proyecto para el trabajo de fin de trimestre.

Al sapito lo voy a dejar dormir unos días y luego continuaré con él. Es que lo veo algo agotado de tanto charlar.

Les presentaré a los personajes de esta nueva propuesta. Ellos son los siguientes:
El trabajo podría utilizarse en el comienzo de la alfabetización. Serviría como disparador para dar los sonidos ca-co-cu.

La poesía pensada es simple:

Caracol col col.
Saca los cuernos
al sol sol sol.

La animación del gif representará la misma.

A las tres imágenes las busqué en sitios que por mi labor docente suelo visitar. A cada una les hice diferentes transformaciones hasta que quedaron como se ven arriba.

a)Caracol
Lo importé con el Inkscape . Luego vectoricé el mapa de bits ( Yo en lugar de decir "Gracias a Peter Selinger" digo: ¡Gracias Peter Selinger!, pues me ha resultado un excelente aporte para mi trabajo. ) y por último lo pinté haciendo uso de diversas herramientas.

Como paleta usé imágenes reales de un caracol y de tulipanes. Ellas fueron éstas:

b) Luna
Importé con el Inkscape la imagen inicial . Luego vectoricé el mapa de bits y finalmente la pinté.

Es así que además de ejercitar los procedimiento que venía realizando descubrí que podía volver a pintar con gradiente arriba de otro color anteriormente puesto. De esta forma mejoré los procesos que hacía: copiar, achicar la superficie, pintar con otro color, colocar arriba de la superficie copiada y desenfoque de la más pequeña.

Con los tiradores de los gradientes se logra parecido efecto, yo diría el mismo pero como no soy especialista en la materia seguramente hilando fino hay diferencias. Así hice el cachete de la Luna y el color más oscuro de la parte inferior de la misma.

c) Sol
Este astro rey es el que sufrió más transformaciones.

En el Gimp le borré los lentes y con la herramienta de escalado lo estiré haciéndolo redondo. Así me agrada más.

Después lo llevé al Inkscape. Vectoricé el mapa de bits y allí pinté la imagen vectorizada.

Previamente copié varias capas y las pinté de amarillo , a algunas las roté un poco, a otras las agrandé.

En la última capa hice un círculo, lo pinté de amarillo y lo desenfoqué. Esto para producir el efecto de reflejo de la luminosidad del sol.

La claridad que se ve entre los ojos la logré agregando otro color ( con gradiente ) arriba del primero puesto. Apliqué el procedimiento aprendido al pintar la Luna.

Les dejo una captura de pantalla de las capas usadas en última tarea.

Hasta aquí lo realizando. Espero les agrade. Seguimos comunicándonos

HA903 - Preparando la animación del sapito.

2009-05-31T10:45:00.008-03:00

He estado ejercitando la animación del sapito.

A propósito... sería bueno ponerle nombre. ¿Me sugerirían algunos? .Para él y para su amiga.

Como les contaba, he estado ejercitando posibles movimientos del sapito, y sin darme cuenta... se fue a un porta-retrato que tengo cerca. ¡Miren como se ve allí! ¡¡¡Se ha puesto muy charlatán!!!

Para lograr estos movimientos tomé la imagen tal cual quedó en el post anterior y la fui modificando. Guardé en distintas capas las modificaciones :

- Primero le cerré los ojos pintando arriba de los mismos con el pincel.

- Luego para que la boca tuviera una nueva posición ( cerrada) usé la herramienta borrador, con el baldecito pinté el área nueva (la que borré) y con el aerógrafo traté de que la zona se viera como su entorno. Finalmente resultó porque se ha vuelto... un charlatán total.

- En cuanto a las manos para lograr sus movimientos las seleccioné,roté y las ubiqué apropiadamente en el nuevo lugar( un poco más arriba una y un poco más abajo la otra).

El archivo tiene cuatro imágenes y no le he variado el tiempo que el programa propone.

Finalmente seguí los pasos para producir el gif : fui a filtros/ animación/optimizar para gif . Luego guardé el nuevo archivo con extensión gif .

Este es un ejercicio para ver cómo producir algunos movimientos ccon la imagen.

¿Cómo lo mejoraría?

Creo que no debe parpadear tanto, es así que lo tendré presente cuando lo ubique en el área del trabajo final. Las imágenes donde parpadee deben ser no tan continuas.

De todas formas, se ve lindo el travieso, ¿no?.

HA903 - Trabajo cierre de trimestre - Gif animado

2009-05-28T02:24:00.009-03:00

Para realizar la actividad de cierre del primer trimestre he elegido realizar un gif animado.

Será la visualización de una breve y sencilla canción infantil que seleccioné entre varias.

Como les comentara, me desempeño en la docencia primaria, es así que el trabajo está pensado para ser ocupado futuramente en los primeros años de escolaridad.

Les voy a presentar los personales que participarán en el mismo.

Estos dos sapitos inicialmente eran así:

Luego les hice las siguientes transformaciones:

a) Al sapito lo importé en el Inkscape, vectoricé el mapa de bits y por último lo pinté ( Objeto / rellleno y borde) .

b) En el caso de la sapita decidí hacerle bajar un poco de peso. Esta dieta la hizo en el Inkscape ( con la herramienta de selección y transformación de objeto ) .

Después la importé, abrí su archivo en el Gimp y resolví ponerle una capelina para que se viera más coqueta.

Al sombrerito lo trabajé en el Gimp así: Seleccioné, con la máscara rápida, la parte de la imagen original que deseaba. Seguidamente copié la selección y la pegué en una nueva capa. Después le agregué un poco de tela ( con el pincel ),luego usé la herramienta de escalado y por último le apliqué una pequeña rotación para que le entrara en su cabecita. A continuación verán como era y cómo quedó después.
Luego pensé que quedaría más linda con alguna sombra en su pancita.Es así que como se la veía contenta en el Gimp le hice el agregado allí, con la herramienta aerófago.

Ya tengo elegido el lugar donde estarán ( el fondo), pero eso lo dejo para más adelante así queda algo de efecto sorpresa... ¿No les parece?

Hasta aquí el trabajo realizado.

Saludos y... seguimos en contacto.

HA903 - Ejercitando gif

2009-05-18T02:13:00.012-03:00

Resulta que escalé la imagen del payaso que hice en la entrada anterior ( archivo gif) , pero han surgido algunos desperfectos en la nueva visualización ( se ven unas manchas). Continuaré consultando sobre el tema en la plataforma del curso.

Mientras ... elaboré un nuevo gif con una imagen que tenía guardada desde hace tiempo. Le hice algunas adaptaciones.

Importante: Como la quiero colocar en el costado derecho del baner seguí los consejos que me dieron y escalé la imagen : Ancho 200 píxeles.

Copié la capa inicial y la invertí (Capas/Transformar/Voltear horizontalmente).

Luego copie en forma alternada las capas ( Una mira hacia la derecha, la otra hacia la izquierda y así sucesivamente hasta completar diez) .
Luego le apliqué los pasos que detallé en la entrada anterior para guardar el archivo en extensión gif.

Por último lo abrí ( al archivo gif) con el editor de imágenes Gimp. Luego fui hasta la ventana capas y le cambié los tiempos de cada imagen.

Seguidamente fui a archivo/ guardar y tildé guardar como animación.

Agradezco los aportes que hicieron el profe Pablo y mi compañera Maryel para orientarme en cómo ubicarlo donde lo puse finalmente: arriba a la derecha del blog.

Espero les guste el ritmo que llevan. ¿Qué les parece? ¿Los acompañamos?

HA903 - Realizando gifs con GIMP .

2009-05-17T09:01:00.014-03:00

Cuando vi la actividad propuesta por Nina, nuestra profe, pensé que era la oportunidad de que el payasito del baner se moviera .

Para ello trabajé,de la siguiente forma, la figura original en el GIMP :

1)La pegué en varias capas y fui guardando el archivo con extensión xcf. En cada oportunidad modifiqué la ubicación ,de la imagen, con la herramienta de rotación. O sea que, en este caso, la imagen es la misma que cambia de sitio en el lienzo.

He de aclarar que para producir el efecto de ir hacia la derecha y regresar hacia la izquierda copie a la inversa las capas delas imágenes creadas de ida para que regresara el payaso al sitio de partida.

2)Agregué una capa de fondo trabajando con la herramienta de mezcla.

3)Cuando lo consideré terminado fui a filtros/animación/optimizar para gif.

4)Luego lo guardé como gif y tildé la opción animación.

5)Finalmente hice clic con botón derecho sobre el nuevo archivo ( gif) y activé la opción abrir con el “Navegador web Firefox”.

La imagen no se veía correcta porque se sumaban los movimientos apareciendo también los anteriores . Aquí pueden observar la captura de pantalla del archivo xcf que producía el error detallado.

Para mejorarla volví al archivo xcf ( Les cuento que habitualmente trabajo con copias de archivos por si me equivoco mantengo lo que he hecho bien en el archivo original) y copié tantas capas de fondo como capas con payasos tenía. Las ubiqué abajo de cada payasito. Luego combiné ( Ir a capa/ combinar hacia abajo) cada payaso con su capa de fondo nuevo.

Seguidamente le apliqué los mismos pasos que detallé arriba para obtener el archivo gif.

Y ¡¡¡Oh!!! funcionó. El payasito ahora sí realiza ejercicios físicos.

Finalmente hice clic sobre el archivo gif. Lo abrí con el Gimp , le varié los tiempos de inicio, medio y final para que descansara un poco y retomara aliento.( Je, je, je ).

Para que apareciera en el blog investigué en el Google . Seguí los consejos de:

http://www.oscargp.net/2008/04/gifs-animados-en-blogger.html

Me agradaría poner la animación a la derecha de blog. Todavía no lo logro. Pediré consejos a mis profes y compañeros de curso. Si consigo hacerlo les cuento los pasos.

HA903 - Grises y la máscara de capa - Edición no destructiva

2009-05-15T01:24:00.027-03:00

Les muestro los trabajos en donde he usado la máscara de capa.

Los pasos que seguí fueron:

Primero Abrí la imagen.
Luego dupliqué la capa original.
Después la guardé en formato xcf
A continuación desaturé la capa de arriba ( Colores/Tono y Desaturación ... ) y le añadí “máscara de capa” (botón derecho sobre la capa/ añadir máscara de capa/ blanco opacidad total )
Finalmente pinté con transparencia la parte que deseaba que se viera de vivos colores. Para ello seleccioné el pincel y lo pasé arriba de la superficie deseada.
Atención: No debemos olvidar de controlar que los colores de frente y fondo sean blanco y negro antes de comenzar la tarea.
Con pincelado negro pintamos con transparencia ( aparece el color de la imagen con los colores originales donde pasamos la brocha) , con pincelado blanco pintamos con opacidad ( reaparecen los grises) . Esta segunda acción la hice para corregir los lugares donde me había equivocado.
Finalmente fui a " archivo/ guardar como" y guardé la imagen en formato jpg.
La tarea fue sencilla y agradable.

HA903 – Separar una figura del fondo usando la herramienta “ selección de primer plano” .

2009-05-10T16:45:00.017-03:00

Para ejercitar la la herramienta “ selección de primer plano”elaboré la siguiente tarjeta, la que se podría usar como señalero..

Primero seleccioné entre varias imágenes las siguientes:

Fui a Archivo/Abrir y guardé en extensión xcf el archivo de la canasta.

Abrí el archivo del gato. Hice clic sobre la herramienta "Selección de primer plano". Rodeé con ella el cuerpo del gato. Quedó el fondo, no deseado para esta tarea, azul. Pincelé con la brocha el área del animal ( esto para que el programa tome una muestra de los colores que seleccionará). Le di enter y aparecieron las hormiguitas en el contorno del cuerpo, o sea que quedó delimitada el área seleccionada.

Luego copié, pegué ( arriba del la canasta ) y achique al felino. Reconozco que fue un error no haber creado otra capa y copiado la figura en ella. Esto me trajo posteriores dificultades que ya verán cómo las arreglé.
La imagen se veía así:

Mejoré el aspecto de la misma aplicando la herramienta de clonación sobre el borde inferior del gato(cloné pedacitos de flores). No podía borrar el borde que sobraba del cuerpo del animal ya que estaba pegado sobre la canasta y si hacía esta acción también se borraría ella.

Ahora sí se pueden ver los tejidos rosado, rojo y celeste de las flores que rodean al gato dando la impresión de estar ellas sobre el cuerpo. Esto da la sensación de que el cuerpo está metido entre las lanas tejidas.
Bueno..., por lo menos así me parece a mí.

En otra capa seleccioné un área rectangular y la pinté de marrón caramelo. Este rectángulo es el contorno que se ve en el dibujo de la canasta.

Después trabajé los textos en dos capas más.

El fondo está hecho en una quinta capa pintada con la herramienta de mezcla ( degradado/ forma espiral).

Les acerco una captura de pantalla para que observen el orden dado a las diferentes capas creadas.

Espero les agrade la labor realizada y hasta la próxima tarea de aprendizaje virtual.

HA903 – Seleccionar una figura y cambiarla de contexto (usando la máscara rápida)

2009-05-09T21:51:00.029-03:00

Primero busqué las figuras con las que trabajaría : de fondo un salar, para superponer una mesa, una manzana, una mujer.

Abrí las figuras y las guardé en extensión xcf .

Comencé guardando el salar y creando otra capa para poner en ella la mesa y las manzanas.

Para lograr la selección particular de la mesa trabajé con la máscara rápida. Está en la ventana de la imagen sobre la que se trabaja, en el ángulo inferior izquierdo. Luego con la herramienta pincel pinté la figura. Después desactivé la máscara y aparecieron las hormiguitas alrededor de la imagen.

Copié la figura y la pegué en la segunda capa creada, arriba del salar.

En la misma capa del salar pegué la mujer a la que previamente le hice el mismo tratamiento que detallé para la mesa.

A las mesas les varié el tamaño haciendo uso de la herramienta de escalado y les agregué arriba una manzana.

Luego le apliqué a la capa de las mesas diferentes efectos de color.

a)Sobre cada mesa en particular : Color/ brillo y contraste. Si observan con atención cada mesa tiene diferente brillo y contraste.

b)Sobre cada mesa en particular: Color/ colorear. Pinté de diferente color cada mesa.

c)A toda la capa: Color/ inversión del valor.

d)A toda la capa Color/ Invertir

e)A toda la capa Color/ Posterizar

f) En este caso le apliqué Color/ Colorear (a toda la capa). Busqué un efecto parecido al sepia.

g)Finalmente apliqué Color/ Ecualizar.

Se puede observar que según el mensaje que se quiera transmitir será el efecto que se puede aplicar.

Hasta la próxima. Seguimos asombrándonos con el programa.

HA903 - Adaptando el banner a la nueva plantilla.

2009-05-05T14:56:00.004-03:00

He hecho algunos cambios en el diseño del blog.
He cambiado de plantilla y a la nueva la he personalizado ( le agrandé algunos valores), por ello he tenido que adaptar el banner. Le cambiado las dimensiones sobre las que trabajé y aprovechando también le varié el color del fondo ( lleva degradé de forma : contorno esférica ).
Creo que quedó mejor. Espero sea así.

HA903 – Elaborando el banner para este blog

2009-05-02T01:43:00.011-03:00

Abrí el Gimp e hice clic en Archivo/ Nuevo ). Seleccioné las medidas aconsejadas: 700 por 177 px. Se creo el lienzo que futuramente sería el banner.

Abrí ( Archivo /Abrir ) la imagen que elaboré con el Inkscape para este fin. Se abrió en otra ventana y la reduje de tamaño, teniendo presente el alto y largo del lienzo del blog. (Imagen/ escalar la imagen). La copié , hice clic en el lienzo del banner y la pegué. Seleccioné la herramienta mover y la ubiqué a la izquierda del banner.

Después cree una segunda capa que sería el color de fondo del banner. Hice clic en “herramienta de mezcla”. Elegí un color de frente y uno de fondo para trabajar con el degradé ( clic en los dos rectángulos que están en el centro de la ventana.) Luego elegí la forma en que aparecería el degradé: clic en forma/ espiral sentido horario. Finalmente clic y arrastre en el lienzo. Observé que los dibujos que aparecen dependen del sentido y la dirección que se le dé al arrastre del mouse. Elegí el que creí más conveniente.

Para escribir el nombre del blog cree otra capa (tercera) . Hice clic en “Herramienta de texto” escribí previa elección de formato y tamaño de letra. Luego seleccioné y copié en una cuarta capa lo escrito.Agrandé ( seleccionar el texto y clic en la herramienta de escalado) y pinté de otro color ( amarillo) a esta segunda escritura. Para el efecto sombra volví a copiar, pegar y agrandar en otra capa ( quinta capa) el texto. Le apliqué desenfoque y lo ubiqué ( con la herramienta mover ) abajo del texto marrón y amarillo y de esta forma da la sensación de sombra. Después uní las tres capas de los textos:Fui a la ventana “ capas” y puse una debajo de la otra . Seleccioné la primera. Fui arriba a “Capas”/ ”Combinar hacia abajo” ( se une la capa seleccionada con la de abajo) Repetí la acción y quedaron los tres textos unidos en una sola capa. ¿Para qué lo hice? Porque deseaba darle perspectiva al texto (“Herramienta de perspectiva” ) Lo realicé pero no me gustó como quedaba. Varió el brillo y color del texto. Es así que lo dejé como se ve más arriba.

Sólo resta comentarles que para agregar los logotipos de los programas los importé en otra capa, los escalé, pegué y ubiqué en el sitio donde lo ven.

Una vez terminado el trabajo, para guardarlo en formato png fui a Archivo/ Guardar una copia y le cambié la extensión del programa. Borré la que tenía y le escribí jpg. Comento esto que parece tan sencillo porque realmente no lo sabía hacer y recurrí a mi hijo, quien me orientó. Agradecida.

Espero les agrade como ha quedado.

HA903 - Trabajando para el banner de este blog.

2009-05-02T00:09:00.013-03:00

Elegir el dibujo que usaría en el banner me llevó bastante tiempo, hasta que finalmente me resolví por uno. Lo fui transformando y quedó así:

Primero importé una imagen sin color de relleno. (La busqué en un sitio que ofrece dibujos para pintar ) .

Luego vectoricé el mapa de bits. Le apliqué reducción de colores.

Seguidamente engrosé los trazos del dibujo (ir a estilo de trazo ) y los pinté de verde . Quedó como lo observan en la figura de más abajo.

El interior del dibujo seguía blanco. No es posible pintar por separado cada parte en la primera capa ( rostro, pantalón, zapatos ... ) . Seguramente el origen de la imagen explica el por qué de esto. Es así que probé pintar creando capas. Tracé en ellas figuras irregulares que abarcaron los trozos que deseaba pintar .Ubiqué las nuevas capas abajo de la primer- la que contenía el dibujo vectorizado . Salió bien. Como el interior de la figura ( lo que sería el relleno ) es transparente se puede observar el color de cada prenda y cuerpo del payaso. Ellos están en las capas inferiores.

Por último tuve que crear una última capa. Tracé en ella una línea cerrada que iba sobre el contorno del dibujo y pinté de blanco la superficie interior. Todo esto para que al abrir la imagen en el Gimp los efectos de transparencia de los gradientes no se mezclen con el color de fondo del banner.

Finalmente la exporté.

A continuación pueden observar la transformación que fue teniendo el dibujo inicial.

Lo más relevante realizado en esta tarea fue haber pintado una imagen producto de la vectorización de un mapa de bits.

HA903 – Recursos para pintar

2009-04-24T17:12:00.026-03:00

Les relataré cómo hice el dibujo que tenía pendiente.

Trabajé dibujando en diferentes capas las distintas partes. Contándolas son catorce. No me acostumbro hacer pocas. Esto me asegura no confundirme en la selección de las figuras trazadas; aunque hay que ir del candadito, al ojito y del ojito al candadito...

Comencé dibujando con el lapicito y posteriormente usé la herramienta dibujar curvar Bézier y líneas rectas.

Las arruguitas del rostro las hice con la herramienta dibujar trazos caligráficos. Las mechitas, que se diferencian en el total del cabello, también. Además les apliqué ( a las mechitas) gradientes.

El efecto de color celeste del borde de la cara lo logré, como en el rostro anterior:
a)dibujé, pinté de celeste el fondo de la cara y lo desenfoqué.
b)Seleccioné, copié y pegué uno igual. Luego le cambié el color a blanco y lo achiqué . Lo coloqué arriba del rostro celeste y lo desenfoqué.

Arriba de esta nueva cara de dos colores dibujé las líneas que representan las arrugas., también las desenfoqué.

A las líneas gruesas y negras que están en el contorno de la boca y que se dirigen hacia las orejas , después de trazarlas las engrosé ( clic en estilo de trazo: apliqué 4,10 px ).

Los efectos de sombra del pañuelo los logré agregando nuevas figuras más pequeñas arriba de la que tracé inicialmente. Luego las pinté de colores distintos a los bordes del pañuelo, pero dentro de la misma gama. Finalmente las desenfoqué , a estas últimas figuras.

Igual proceso al anteriormente detallado le apliqué al saco, moño y fondo del cabello. ¡Ah! , a las líneas amarillas del pañuelo les agregué más luminosidad. ( Ir a Efectos/ color/ más luminoso )

En cuanto al sombrero y al penacho del sombrero logré las sombras en los mismos trabajando con los tiradores de los gradientes aplicados. Fui moviéndolos y buscando ubicar la sombra en el lugar que consideré más apropiado.

Se preguntarán: :¿Por qué no trabajé igual con las sombras de los otros elementos? Es que al dibujar alguno de ellos (Por ejemplo parte de arriba del saco ) no tuve en cuenta la precisión de los bordes ya que sobre él iría el pañuelo. El contorno de ambos (saco y pañuelo ) lo da el pañuelo ya que está arriba.
Al aplicar gradientes en el pañuelo se observa los bordes superiores del saco imperfectos ( línea recta derecha ). Esto ocurre porque los gradientes le dan cierta opacidad al pañuelo y se ve lo dibujado abajo.

Para hacer el fondo del dibujo cree algunos rectángulos y círculos. Los pinté, desenfoqué y le varié la opacidad.

¿Qué fue lo más relevante en este aprendizaje?

Ejercitar el manejo de los tiradores de los gradientes para producir sombras en los dibujos.

- Recordar: No olvidar la conveniencia de prever cómo se pintará la figura, qué recursos o herramientas se utilizarán. De esta forma desde un comienzo se deberá tener presente el tratamiento que se le darán a las partes que se superpondrán en el dibujo.

A continuación les dejo unas capturas de pantalla que hice cuando trabajaba con los tiradores de los gradientes.

Hasta la próxima. Seguimos aprendiendo.

HA903 - Vectorizar mapa de bits - Potrace

2009-04-23T22:24:00.011-03:00

A continuación observarán los resultados obtenidos después de realizar la actividad dispuesta en esta oportunidad:

1-Tomar una imagen Archivo/importar.
2-Con la imagen seleccionada ir a : Trazo/Vectorizar mapa de bits.
3-Explorar los resultados.

Explicación del trabajo

Después de importar la imagen la copie varias veces y seguidamente las enumeré para observar y guardar los cambios que se producían.

Las acciones realizadas en el cuadro que se abre, “Vectorizar mapa de bits”, fueron:

Seguí trabajando con otras imágenes copiadas y enumeradas.

Me entusiasmé y continué variando valores en otros items del cuadro y...

Acercándome a las respuestas de las preguntas realizadas por nuestra profe:

Qué me permite hacer la vectorización de un mapa de bits.?
Qué parámetros puedo manejar?
Cuándo dibujar en vectores y cuándo vectorizar?
Qué posibilidades creativas tiene la vectorización?
Qué limitaciones tiene?

concluí...
Es interesante y útil usar Potrace.

Considero que permite: modificar diferentes aspectos de una imagen, ahorrar tiempo y calidad, (según los resultados que se deseen obtener) , entre otras variables.

Pienso que no contradice la creatividad. La vectorización de un mapa de bits puede ser un puntapié inicial para posteriores procesos a aplicar en una imagen, según la propuesta de trabajo final.

Las limitaciones que tiene, creo , dependen de los resultados deseados: Para qué hacerlo , por qué ...

La ejercitación realizada me resultó valiosa.

HA903 - Estrenando paleta -

2009-04-15T04:31:00.003-03:00

Les dejo mi nuevo trabajo. Me gusta mucho el color azul, por ello lo elegí para usarlo en esta oportunidad.

Siguiendo los consejos que dejan en los foros y blog del curso he usado para hacer casi todo el dibujo la herramienta para realizar curvas Bézier y y líneas rectas. ¡Me encantó!

¿Cómo la aplico? Clic en varios puntos de la ballena o de una ola ( no olvidar el último clic donde hicimos el primero, así se cierra el dibujo). Luego clic en editar nodos y con el punterito se van haciendo las curvas que se necesiten. ¡Buenísimo!. Si es necesario se puede agregar algún nodo haciendo doble clic en el lugar apropiado.

Usé una capa para el cuerpo, otra para el mar, una tercera para la línea de horizonte y las montañas. Cree otra para dar el color de fondo y para agregar unas gotitas y el agua esfumada del chorrito que larga la ballena una última capa. Las fui ordenando según quedaban mejor con la opción que da la ventana capas.

Instalé paletas nuevas. Para poder hacer uso de ellas hago clic en: Ver/ Muestras. Elijo el color y ... ¡ a pintar !

En las olas, color de fondo y aletas usé gradientes.

Estoy entusiasmada. ¡Hermosa experiencia!

HA903 Materia 3 - Color - Usando paletas naturales.

2009-04-15T04:22:00.002-03:00

Les relato lo hecho.

Busqué, en el Google la foto sobre la cual trabajé. Es de Trevelin, una localidad de Chubut, está en el sur de Argentina.¡Amo el sur de mi país! Me pareció apropiada porque tiene muchos colores vivos.

Luego, elegí un dibujo simple para pintar con los colores de la foto, usándola como paleta.

Fui dibujando ( calcando, ja, ja ) con el lapicito, en una capa.

No dibujo muy bien, es así que me encanta trabajar con los nodos y los tiradores. Con ellos voy superando las incorrecciones de mis trazos y gracias a ellos venciéndolas.

Como no disponía de mucho tiempo para hacer lo mismo con las otras dos flores, decidí copiarlas y seguidamente usé la primera herramienta (flechita) para transformar el tamaño de las mismas y les apliqué un poco de giro para ubicarlas más apropiadamente en el dibujo.

Trabajé parecido con los dos tallitos ( copié el pedacito dibujado inicialmente) y alargué algunos trocitos ubicando en otro sitio los nodos finales del pedacito copiado.

Para hacer las nervaduras de las hojas y ciertos efectos en los pétalos usé la pluma.

Luego con el goterito copié los colores de la foto de Trevelin.

También desenfoqué un poco los centros de las flores y a algunos le saqué un poco de opacidad.

Le agregué las dos líneas de abajo para cerrar el dibujo y reproducir en ellas los colores de cielo.

Si observan con detenimiento los colores de la foto verán que la idea ha sido que la flor del ángulo superior izquierdo reproduzca el color del ángulo inferir derecho de la foto y que las dos rayas de abajo tengan los colores del cielo de arriba de la foto.

Luego agregué otra capa en donde dibujé un óvalo. Seguidamente lo pinté, siempre trabajando con el gotero, de un color pastel claro, sacándolo de la foto. Le suprimí los bordes ( al óvalo ) y desenfoqué el dibujo. Así quedó el fondo tenue.

Espero les guste. El trabajo es sencillo.

HA903 - Ejercitándo un poco más sobre un rostro.

2009-04-15T04:19:00.001-03:00

Dejo esta entrada para completar más adelante ya que estoy trabajando sobre el dibujo de otro rostro de payaso que me agradó. Estoy en eso... Cuando lo termine la completaré...
Paciencia...

Hoy 24/04/09

Lo pensé mejor y, en la entrada del día 24/04/09 pondré el dibujo que comencé hace días y que acabo de terminar.
Como deseo observar los avances de los aprendizajes, meditándolo me pareció más lógico ubicarlo allí.

HA903 - Acercándome al dibujo de un rostro.

2009-04-15T03:48:00.007-03:00

Elegí este dibujo ya que contiene muchos trazos. Esto me facilita el copiado del mismos.

Usé varias capas donde tracé las diferentes partes: sombrero, rostro, ojos, cabello, fondo... )

Para lograr el efecto de sombras del sombrero,borde del cabello... copie estos elementos , los agrandé o achiqué según fue necesario, los oscurecí y les apliqué desenfoque y en algunos casos le varié la opacidad. Fui probando hasta lograr el efecto más aceptable, según me pareció.

Trabajé con gradientes las mechitas del cabello y las arrugas del ponchito.
Para obtener el color del poncho dibujé uno primero y luego copié dos más. Los achiqué, les cambié el color , los superpuse, les apliqué desenfoque y les saqué los bordes. Así quedó la variedad de colores.

En el rostro trabajé parecido, pero con sólo dos dibujos. Uno más oscuro para afuera y otro más pequeño superpuesto y aclarado. Así se ve el contorno más oscuro y el centro( nariz...) más claro.

La sombra del mentón también la logré copiando el cuello, achicándolo y , en este caso, lo oscurecí y desenfoqué.

Básicamente, esos son los pasos más importantes que di en esta producción.

Me llevó varias...horas... Fue muy agradable haber logrado terminar este dibujo.

HA903 - Iniciando el conocimiento de las herramientas básicas de Inkscape.

2009-04-15T03:32:00.000-03:00

El siguiente es mi primer ejercicio

Pasos que seguí:

1) Importé la imagen ( Capa 1)

2) Comencé a dibujar el payaso de abajo hacia arriba, me pareció más fácil. Recordé los consejos dados y tracé cada elemento en diferentes capas (con el lapicito). Luego acomodé los nodos. (Borré varios y así las líneas quedaron mejor trazadas) .
Si hoy tuviera que rehacer la tarea usaría la herramienta para trazar curvas de Bézier. Es más apropiada para este tipo de dibujo. No es necesario borrar nodos ya que se crean pocos.
Para hacer ojos, boca y nariz usé círculos y luego los fui transformando hasta que quedaron de la forma que se observan.

3) Para pintar cada parte utilicé el goterito.
¿Cómo lo hice teniendo tantas capas?
Después de varios intentos fallidos aprendí:
Seleccionar el pedazo que quiero pintar : Ojos cerrados y candaditos cerrados en todas las capas menos en la Capa1 (Donde está el dibujo de la web ). Goterito sobre el color que quiero copiar . Candadito en ese dibujo y abro el candado de la capa que quiero que se pinte. ¡Quedó pintada!

4) Sobre ciertos elementos apliqué desenfoque ( moño, manos sombrilla )
5) Para dibujar la sombra de lo pies tracé óvalos, los pinté de gris oscuro y los desenfoqué.

6) El color de la sombrilla lo logré usando gradientes.

7) Para dibujar el fondo usé los cuadrados. Los transformé apropiadamente trabajando sobre los tiradores de los mismos.

La tarea realizada me permitió acercarme a varia herramientas básicas del programa. Fue gratificante.

HA903 - Curso: Herramienta de Autor - Presentación y planificación de la tarea.

2009-04-15T01:53:00.000-03:00

Aquí subiré los trabajos que iré realizando según las actividades del Curso: HA903_- Herramienta de Autor .
Les cuento que la habilidad plástica no ha sido lo que ha caracterizado mi vida, pero me entusiasma mucho intentar esta nueva posibilidad de expresión.
Espero que al observar mis producciones contemplen lo que les acabo de relatar.
Me desempeño en la docencia primaria, por ello busqué dibujos relacionados a la temática infantil.
Comenzar con un rostro me asusta un poco, por ello elegí aproximarmepausadamente al dibujo de uno.
Seleccioné diferentes imágenes de payasos, los organicé pensando en comenzar con el más sencillo.
¿Por qué payasos?
Porque creo que al destacárseles ciertos rasgos ésto me hará más sencilla la tarea y ,quizás..., podré luego..., con el tiempo... llegar a una cara sin maquillar.
Seguidamente les mostraré mi primer ejercicio.