HA903 Creando un banner Avance 1

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

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

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

Descripción

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

Procedimiento

En Inkscape

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

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

Me quedó así:

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

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

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

En Gimp

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

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

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

Un ida y vuelta

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

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

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


..... Continuará....

HA903 Vectorizar mapa de bits con Potrace

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

Procedimiento

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

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

1. Mi perra Yeñé

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


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

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


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

c. Tercer seteo: Colores - Suave - Apilar pasadas


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

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


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

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


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

2. Un guepardo

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




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




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

2. El túnel motero

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





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

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



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

Conclusión

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

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

Inkscape - Exportar como mapa de bits

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

Con el mouse selecciono el dibujo que quiero exportar.


Accedo al menú Archivo / Exportar mapa de bits


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


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


Hago clic en el botón exportar.


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

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

Inkscape - Aplicar perspectiva a texto

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

Los pasos serían:

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

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

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


Una vez aplicada la perspectiva:


El texto con la perspectiva:

HA903 Calcando una fotografia Avance 4

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

HA903 Copiando colores de una imagen

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

Procedimiento

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

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

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

Así quedaron:

1. Un ciervo de un camping de Aguas Verdes:

La moto con las tonalidades de la imagen:


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

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



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

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

4. Un taco de reina con una langosta.

La moto con las tonalidades de la imagen.

HA903 Calcando una fotografia Avance 3

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

Procedimiento

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

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

Writer - Hipervinculo a una parte del documento

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

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

En resumen, seguí los siguientes pasos:

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