Mostrando entradas con la etiqueta imagen. Mostrar todas las entradas
Mostrando entradas con la etiqueta imagen. Mostrar todas las entradas

29 de abril de 2012

Inkscape: Exportar Archivos png

Días atrás una lectora del blog me consultó sobre las dificultades que tenía para obtener un archivo png con Inkscape. Es así que resolví realizar una entrada explicándolo, ya que tal vez a alguien más le pueda ser útil la información.

Inkscape exporta dibujos en una gran variedad de archivos gráficos. Los archivos pueden ser  de tipo vectorial o en formato de  mapa de bits.

He elegido este sitio  para que, el que lo desee, lea sobre  las diferencias entre imágenes vectoriales e imágenes de mapa de bits.

Cuando deseamos realizar un trabajo en Inkscape, mientras  trabajamos en él lo vamos guardando  ( Archivo/ Guardar ) ,  el programa crea un archivo svg. Si cerramos el archivo y luego lo abrimos podemos seguir modificando el dibujo
Una vez que lo terminamos y deseamos guardarlo en formato png debemos ir a Archivo/ Exportar mapa de bits . 
Entonces se abrirá una ventana. Allí tenemos varias opciones...


26 de abril de 2012

Convertir fotos en oro con Gimp

Esta tarea resultó de la ejercitación de este tutorial. Debo contarles que lograr el  resultado que se observa no ha sido  fácil.

 La imagen que se elija para aplicar el efecto no debe tener detalles como manchas, sombras … No todas las fotos se adaptan para la tarea. Por ello es conveniente preparar la imagen  (Borrar las manchas, sombras … con las herramientas apropiadas para que la imagen quede suave.) o buscar una foto que tenga las características adecuadas.
 

Los paso a seguí son los siguientes: 

19 de junio de 2011

Incrustar imagen

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.

28 de diciembre de 2010

Texto sobre una imagen.

 
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.

3 de octubre de 2010

Planeta imaginario con Gimp utilizando: Filtros / Distorsiones

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


5 de abril de 2010

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

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.

14 de julio de 2009

HA903 – Ejercitando Filtro /Fundir / Optimizar para gif

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.



sapito1-sin fondo, títulos incorporados

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

sapito2 - con fondo,titulos incorporados


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

sapito3 - sin fondo, titulos separados

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

sapito4 - con fondo, titulos separados

  • 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í:

sapito5 - con fondo, titulos separados y tiempo de capas modificados

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.


15 de abril de 2009

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

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.