Archivo de la categoría: "Manipulación de imágenes"

Editar imágenes por lotes con Phatch

Tuesday, May 4th, 2010

A raíz de una consulta desde la página de contacto, surgió la siguiente pregunta

Necesito orientación para poder ponerle mi sello personal a las fotos, pero una forma que no sea una a una, porque tomo aproximadamente 100 imágenes por actividad y sería mucho tiempo hacerlo individualmente. Agradezco toda la ayuda que me puedan proveer.

La solución está en un programa llamado Phatch.

patch

Si estás usando ubuntu, el programa está en los repositorios, simplemente con un sudo aptitude install phatch ya está descargado, instalado y listo para funcionar en tu máquina. Su interfaz es muy sencilla e intuitiva, para imprimir en todas las imágenes que se quiera un texto con los créditos del autor (por ejemplo) habría que hacer lo siguiente.

  • Organizar en una misma carpeta tener todas las imágenes a ser tratadas.
  • Abrir Phatch y añadir una acción llamada “Texto”, le colocamos los parámetros que deseemos como ser: Texto, Tipo de letra, Tamaño, Color, etc…
  • Añadir por último la acción “Guardar”, es fundamental porque ahí vamos a declarar en qué lugar va a guardar las fotos a modificar, en que formato, calidad, etc…
  • Ya están nuestras 2 acciones listas, ahora simplemente hay que clickear en “Ejecutar la acción”, se nos abrirá una ventana para que especifiquemos cuál es la carpeta a la cual le vamos a aplicar las acciones especificadas. Recuerden que lo que vamos a indicar es una carpeta, no un archivo.

Por último, gracias David por la consulta que desembocó en esta entrada e invitamos a quien quiera a plantear sus dudas en la página de contacto para ver si de alguna manera podemos solucionarlas ;)

Marca de agua en GIMP usando imágenes

Saturday, March 20th, 2010

A raíz de este post surgió la pregunta de como sería realizar una marca de agua en GIMP usando una imagen. La respuesta está en los modos de capas, para ello voy a hacer dos ejemplos, el primero de un logo por sobre una imagen de fondo, y el segundo de una imagen pequeña por sobre una imagen de fondo.

Ejemplo 1

El logo a utilizar será este: https://wiki.ubuntu.com/Artwork/Official?action=AttachFile&do=get&target=UbuntuLogo.png
La imagen de fondo a utilizar será esta: http://ubuntustudio.org/files/US1.png

Abrimos la imagen de fondo y el logo con GIMP, a la capa que contiene al logo le damos como Modo de capa, “Solapar

Nos va a quedar algo similar a esto:

Ejemplo de una marca de agua con imágenes en GIMP

Ejemplo 2

La imagen pequeña a utilizar será esta: http://img.tomatone.net/big/The%20Simpsons%20Movie%20(2007)%20DVDRip.jpg
La imagen de fondo a utilizar será esta: http://i.imgur.com/BbWKr.jpg

Abrimos la imagen de fondo y la pequeña con GIMP, antes de aplicar algún Modo de capa, conviene difuminar un poco los bordes de la foto para que no quede tan “cortante”, sino mas bien algo armonioso. Entonces seleccionamos la capa de la imagen pequeña | click derecho | añadir canal alfa (ya que es JPG y dicho formato no acepta transparencias) vamos a hacerle click derecho de nuevo y seleccionamos alfa a selección. Luego, seleccionar, Difuminar, con un valor de 40 pixeles aproximadamente; por último, seleccionar | Invertir (ó Ctrl. + I) y eliminamos lo seleccionado presionando Supr. (tantas veces como sea necesario). También le pueden bajar un poco la opacidad para que quede mejor.

Finalmente le damos, a la capa de la imagen pequeña, el modo de capa Superponer y nos quedaría algo así:

Marga de agua en GIMP usando imágenes

Hay que resaltar que dependiendo de nuestra imagen de fondo, o nuestra imagen que le queremos aplicar la marca de agua, el modo de capa puede variar. En algunos casos queda mejor aplicar el modo Valor o Tono.

Cualquier duda usen los comentarios! o muestren como les quedaron sus trabajos :D

Optimizar imágenes para la web en GIMP

Wednesday, March 3rd, 2010

Si bien las conexiones a internet son cada vez más veloces, o por lo menos en países más desarrollados ( yo sigo con 1Mb :( ) siempre es conveniente optimizar lo más que se pueda una imagen a la hora de subirla a la web, más aún si la vas a subir a tu propio host ya que imágenes pesadas significan más transferencia mensual de ancho de banda.

Los puntos fundamentales para optimizar una imagen (léase, reducir su peso lo más posible sin perder calidad) son 3:

  1. Elegir el mejor formato (.JPG, .GIF, .PNG)
  2. Ajustar el tamaño de la imagen
  3. Opciones de guardado

Elegir el mejor formato

Los formatos más extendidos en internet son 3, GIF (Graphics Interchange Format), JPG (Joint Photographic Experts Group), PNG (Portable Network Graphics).

GIF

es un formato que soporta hasta 256 colores (su principal limitación). Por este motivo, cuando tenemos una imagen que supera los 256 colores, la misma deberá adaptarse reduciendo sus colores, produciendo la consecuente pérdida de calidad.
Características:

  • Soporta 256 colores
  • Transparencias
  • Animaciones

JPG

es un formato que intenta eliminar la información que el ojo humano no es capaz de distinguir, es por este motivo que se lo llama algoritmo de compresión con pérdida, porque justamente lo que hace es eliminar información.
Una de las Características que hacen muy flexible el JPEG es el poder ajustar el grado de compresión.
Características:

  • 24 bits color ó 8 bits (blanco y negro)
  • Grado de compresión bastante alto
  • No permite canal alfa (transparencia)
  • No permite animaciones

PNG

es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes (al contrario que GIF). Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros importantes datos.
Características:

  • Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel.
  • Transparencias
  • No permite animaciones
  • Mejor calidad que GIF
  • Actualmente soportado por la gran mayoría de los navegadores

¿Cual de todos elegir?

(more…)

Convierte tu foto a caracteres, en GIMP

Friday, February 26th, 2010

En este simple tutorial van a aprender a convertir una imagen en caracteres, es más fácil de lo que parece, en unos pocos pasos lo van a tener listo ;)

Lo primero, obviamente, seleccionar una imagen desde tu PC o de algún banco de imágenes; y también tener preparado algún texto (lo más extenso posible) cuyo contenido sea alusivo a la imagen o simplemente un texto aleatorio sin sentido.

Vamos a empezar abriendo nuestra imagen en GIMP, y luego en una capa superior pegamos el texto. Lo más recomendable es que el texto no tenga saltos de línea o “huecos” en blanco porque sino el resultado final no va a ser el mismo.

Imagen a caracteres GIMP

Para que la tipografía quede más “junta” es preferible modificar un poco el texto, teniendo seleccionada la capa de texto y desde la ventana de “opciones de herramienta” modificamos el espacio entre los caracteres y el espacio entre los reglones. (ver imagen)

imagen a caracteres GIMP

Una vez puesto el texto en su lugar, hacemos click derecho en la capa del texto y seleccionamos la opción “Texto a selección” ó “Alfa a selección” (dá lo mismo en este caso), ahora con el texto seleccionado hacemos foco en la capa de la imagen y vamos a Editar – Cortar (o simplemente “Ctrl + X”). Luego, agregamos una nueva capa, en la cual pegamos (Ctrl + V) lo que acabamos de cortar.

Finalmente borramos las capas iniciales (la del texto y la de la imagen) dejando únicamente la del texto pegado. Para que quede mejor el efecto final es conveniente agregar una capa color negro que sirva de fondo.

Imagen a caracteres GIMP

Recortando imágenes en Gimp

Sunday, December 27th, 2009

El proceso de recortar una imagen en Gimp es similar al de Photoshop o cualquier otro programa similar. Básicamente es, “pintar” una zona con la pluma, modificar un poco lo seleccionado y recortar/borrar lo que se quiera; para este ejemplo voy a usar esta imagen, a la que se le harán algunas cositas…

  1. Con la herramienta “pluma” pluma-gimp seleccionamos todo el monitorplumamonitor
  2. y después en las opciones de herramienta marcamos “Crear selección a partir de una ruta”seleccion
  3. ahora tenemos que borrar todo menos lo que seleccionamos, es decir, todo menos el monitor; así que una vez hecha la selección del paso anterior hay que ir al menú “seleccionar – invertir” (o bien, Ctrl + I ) y por último borrar apretando Supr. Nos tendría que haber quedado algo así:seltrans
  4. Para eliminar la pantalla en sí del monitor, es decir, ese rectángulo que muestra la flor naranja, se hace lo mismo nada más que una vez que lo tenemos seleccionado no lo “invertimos” sino que borramos directamente.trans2
  5. Ahora ya podemos poner lo que queramos que muestre el monitor o poner un fondo nuevo. Si el monitor estaría un poco más inclinado, podríamos usar la herramienta “perspectiva” para que coincida con el ángulo en que se está viendo. También se puede ponerle algún reflejo a la pantalla, que sería una capa con un degradado blanco a transparente… en fin, lo que quieran :D monitorfinal.redimensionado

Marca de agua en GIMP

Sunday, July 26th, 2009

marcadeaguaengimp
(more…)