Entries RSS Comments RSS

Archive for the ‘Gimp’ Category

Animar un texto con Gimp

Martes, noviembre 5th, 2013

Voy a explicar el viejo truco de hacer aparecer un texto utilizando Gimp. Es muy conocido, pero se pueden obtener resultados muy lindos en pocos pasos. Para crear un gif animado, tenemos que pensar cada capa como un cuadro de la animación (como un fotograma de una película). Esto se entiende claramente al hacer una primera prueba borrador, antes de trabajar con la animación definitiva.

Aquí, la explicación paso a paso:

Primero, escribimos el texto o lo copiamos y pegamos en Gimp.

Después, duplicamos la capa de base y eliminamos algunos pequeños fragmentos.

Duplicar la capa y borrar algunas partes

Volvemos a duplicar la capa y a eliminar un poco más.

Seguimos duplicando y borrando poquito, hasta terminar eliminando todo el texto.

Duplicar y eliminar sucesivamente

En este momento, si guardamos el archivo y después lo exportamos como Gif, eligiendo la opción Guardar como animación, obtenemos un texto que va desapareciendo:

animacion de texto 3

 

Este es el primer resultado:

Texto desapareciendo

El último paso, entonces, será invertir el orden de esas capas, para lograr que el texto se vaya viendo aparecer. Para ello, vamos al menú Capas, Pila, Orden inverso de las capas.

Volvemos a exportar como animación, eligiendo que no se haga un bucle permanente y modificando la velocidad de los cuadros y obtenemos un texto que aparece y queda fijo:Exportar a gif animado

Segundo resultado:

logo beta2Si queremos que el bucle se realice, pero que el último cuadro dure más tiempo, podemos modificar el nombre de la última capa, poniendo entre paréntesis la duración del cuadro (en milisegundos, y sin espacio entre el número y la unidad, “ms”):

animacion de texto 5

 

Aquí, el resultado final:

logo beta3

 

Con una técnica similar, pero utilizando un filtro como iWarp, que deforma la imagen, se pueden hacer otro tipo de efectos:

Animar con iwarp

O utilizando pixelados progresivos:

Animación pixelado

 

Gimp: Volverse viejo, volverse nube

Sábado, agosto 31st, 2013

Para mezclar dos fotos utilizando Gimp, estuve experimentando el uso de máscara de capas. Iris India Los pasos que seguí fueron:

  • Abrir una foto
  • Utilizando el botón derecho del mouse sobre la capa, elegir Añadir máscara de capa, canal alfa de la capa (esto significa que le ponemos una máscara, una careta digamos, que es transparente)

mascara de capa

  • Una vez que añadimos la máscara de capa transparente, lo que borremos de esa máscara se verá reflejado como pedacitos de la foto que dejamos ver, por ejemplo, si borro un círculo con la goma de borrar común, se ve ese círculo:

borrar círculo

  • Si a la goma de borrar le bajo la opacidad, se ve como transparencia:

bajar opacidad (más…)

¿Qué hacemos en vacaciones? Vampiros

Jueves, enero 10th, 2013

Con mis hijos, jugando con Gimp, transformamos en vampiros unas cuantas fotitos, gracias a este tutorial de Todo Gimp

tutorialvampiro

 

He aquí el primer resultado. Muchas gracias a nuestro modelo, L3stat :) :) :)

Vampiro L3stat

Segundo intento:

vampira

Fotos de fondo: http://commons.wikimedia.org/wiki/File:St-Materianas-church-tintagel-lower-entrance.jpg / http://commons.wikimedia.org/wiki/File:Kolleg_St_Ludwig06.jpg / http://commons.wikimedia.org/wiki/File:Chaparral_Supercell_2.JPG

Gimp: Hacer un dibujo basándose en una foto

Domingo, diciembre 16th, 2012

Las personas que no sabemos dibujar, cuando queremos hacer un dibujo de “un lindo perrito”, “una casa”, o cualquier objeto sin tener un modelo, solemos caer en el cliché que tenemos en la cabeza… casita con techo a dos aguas, chimeneas, ventanita… todo material sabrosísimo para un psicólogo de esos que hacen tests.

Si queremos hacer un dibujo diferente, podemos basarnos en una foto y empezar “calcándola”.

Por ejemplo, yo tomé esta foto de mi perrita:

Foto de mi perrita

Y la “calqué” primero, siguiendo después con una versión libre. Esto fue lo que obtuve en unos pocos minutos (¡lo que haría situviera tiempo!)

Primera versión: Versión libre de Yoko dibujada por míVersión mejorada: Yoko dibujada

¿Cómo se hace?

Primero: se abre la foto y se guarda con otro nombre.

Segundo: se crea una capa nueva (menú Capa / opción Capa Nueva)

Tercero: calcamos la foto utilizando la herramienta de rutas y pulsando el botón “trazar ruta”.

trazar ruta

Aqui se puede ver un video sobre cómo se utiliza esta herramienta:

Video: cómo trazar rutas en Gimp

Cuarto: cuando queremos ver cómo va quedando, ocultamos la capa de fondo. Si no ves la lista de capas, pulsá CTRL+L.

Ocultar capa Ver cómo está quedando

Aprenda Gimp… a los tropezones

Jueves, septiembre 13th, 2012

GimpEste es un libro que contiene en cada capítulo un ejercicio explicado paso a paso para aprender a utilizar Gimp, el programa libre de retoque fotográfico.

Y aquí el libro en línea, todo esto gracias a la excelente herramienta para crear libros: booki.cc

 

Aprenda Gimp a los tropezones

Jueves, julio 12th, 2012

Todos los autores prometen que sus libros y tutoriales serán paso a paso y el conocimiento crecerá suavemente dentro del lector, que encontrará la felicidad de ser guiado por la vía del saber como quien recorre el Tigre en un catamarán.
Bueno, después de escribir bastante sobre Gimp, descubrí que todo esto empieza a envejecer porque ya salió una nueva versión y tal vez haya algunas diferencias que conviertan en obsoletas las explicaciones.
Por lo tanto, decidí de una vez por todas ordenar todo ese material para quien tenga ganas de aprender a usar Gimp o de usar estas guías con sus alumnos en clase. Y prometo continuar trabajando en este material renovándolo de acuerdo a la nueva versión, para finalmente armar un libro para el proyecto Sembrando Libertad.

Mi material sobre gimp, ordenado de más simple a más complejo, dedicado a mis dos o tres lectores del blog (y a todos aquellos que me prometieron que alguna vez van a ponerse a aprender Gimp…):

Nivel principiantes

Nivel Intermedio

Avanzados

Usando capas en Gimp

Martes, junio 26th, 2012

Cuando una persona utilizó algún graficador en su vida, no se sorprende ya con pinceles, texturas y algunos trucos interesantes del dibujo en una computadora… Pero cuando conoce las capas, se le abre un mundo de posibilidades desconocidas hasta el momento.

¿Qué son las capas?

Para comprender lo que son las capas, nada mejor que imaginar que eso que estamos viendo es una pila de papeles de calcar que tienen diferentes dibujos.

Las capas de mi dibujo

En el ejemplo hay cuatro capas:

  • El cielo está debajo de las demás capas (imaginemos que tenemos un papel completamente pintado de cielo)
  • Sobre el cielo está el suelo, como si estuviera dibujado en un papel transparente.
  • Sobre el suelo, el tronco del árbol.
  • Arriba de las demás capas, se encuentra la copa del árbol.

Las diferentes capas

Esas capas pueden verse en el panel de la derecha. Cada capa tiene a la izquierda un ojo. Al hacer clic en el ojo se oculta o se muestra cada una de las capas. A la izquierda, está oculta la capa del tronco del árbol. A la derecha, se ocultó la copa.

Ocultar y mostrar capas

Utilizando las flechas hacia arriba y hacia abajo, se puede alterar la posición (en la pila de papeles) de la capa seleccionada. En este ejemplo, en el primero la copa del árbol está sobre el tronco, y en el segundo el tronco está sobre la copa:

Cambiar la posición de las capas

¿Y para qué sirven las capas?

Básicamente, trabajar con capas permite tener elementos superpuestos sin perder la información de cada uno de ellos: puedo hacer una cara, crear una capa nueva y agregar los ojos. Si no me gustan los ojos los elimino y no modifiqué la base de la cara….

También para modificar cada elemento por separado, ocultando y mostrando cada una de las capas cuando queremos trabajar en un detalle.

Por otra parte, es posible duplicar capas, y así obtener por ejemplo, muchos árboles, y como se puede modificar el tamaño de cada capa, se puede crear un bosque bastante fácilmente…

 

Bosque

Para hacer este bosque, una vez que tuve la base de un árbol, utilicé las siguientes opciones:

  • Duplicar capa (menú capas, o icono debajo del panel de capas)
  • Mover capa (herramienta Mover, en la caja de herramientas)
  • Llevar hacia abajo las capas que deben verse lejos (arrastrando la capa en el panel de capas, o utilizando las flechas debajo del panel de capas)
  • Achicar la capa que está detrás (menú capas, escalar capa)
  • Modificar el color de la capa (menú colores, Tono y saturación)

 

Cómo crear un PNG con transparencia a partir de una foto

Martes, mayo 29th, 2012

Me pregunta un amigo cómo crear un archivo PNG que tenga fondo transparente.
Los pasos son los siguientes:

  • Abrir en Gimp la foto en cuestión, por ejemplo, esta deliciosa torta de manzana:

Torta de manzana

  • Añadir un canal alfa a la capa, mediante el menú Capa / Transparencia / Añadir canal alfa.

Añadir canal alfa

  • Seleccionar las áreas que van a ser transparentes y eliminar usando la tecla suprimir. Las zonas transparentes se veran cuadriculadas en dos tonos de gris, como el extremo superior derecho en esta imagen:

Zona transparente

  • Guardar el archivo con formato PNG, utilizando Guardar como o Exportar (dependiendo de la versión de Gimp).

Guardar el archivo con extensión PNG

Dedicado a @l3stat

Cómo invertir los colores de una imagen en Gimp

Jueves, enero 5th, 2012

Este post es muy pero muy básico, dedicado a mi papá que me dijo que tiene cientos de imágenes escaneadas que tienen letras negras sobre fondo blanco, y necesita invertirlas para que se lea mejor.

Para cualquier persona que tenga instalado el Gimp (acá está el link para descargar el programa e instalarlo), es muy simple aplicar algunos efectos sobre una imagen completa.
Si tenemos una imagen en blanco y negro y queremos invertir los colores (que lo que es negro quede blanco y lo que es blanco quede negro… y no me pregunten qué pasa con lo que es gris…), tenemos que seguir estos pasos:
1) Abrir la imagen (si está en la web, hacer clic con el botón derecho, guardar imagen, observar en qué carpeta se guarda y después abrirla). Para eso se puede usar el menú Archivo / Abrir o también se puede abrir el Gimp y “pegar” (con CTRL+V, por ejemplo) la imagen que uno copió previamente. O tomar el archivo y arrastrarlo a la ventana de Gimp.
2) Hacer clic en el menú Colores / Invertir
Colores - Invertir
Este es el resultado:
Cartel invertido
3) Guardar el archivo (con Archivo / Guardar, o con CTRL+S)

Otras cosas que pueden aplicarse a la imagen completa son:
Agregar sombra – Menú Filtros / Luces y sombras / Sombra arrojada
imagen con sombra
Agregar borde – Menú Filtros / Decorativos / Añadir borde
Foto con borde
Efecto foto antigua – Menú Filtros / Decorativo / Foto antigua
Foto antigua

En el menú Filtros hay muchos más efectos que pueden aplicarse, y usar la opción Deshacer si el resultado no es como uno lo esperaba.

Cómo corregir los ojos rojos en una foto usando Gimp

Domingo, octubre 30th, 2011

Vamos a modificar los ojos rojos de esta foto:

Foto con ojos rojos

Lo primero que tenemos que hacer es delimitar los ojos, usando la Herramienta de selección elíptica:

Seleccionar los ojos

Para seleccionar ambos ojos pulsamos la tecla de mayúscula mientras delimitamos el segundo ojo (agregamos a la selección anterior en lugar de crear una selección nueva).

Una vez que los ojos están seleccionados, usamos Filtros / Realzar / Quitar ojos rojos.

Vamos a tener que elegir el umbral de tolerancia, es decir, si la zona afectada es más grande o más chica.

Modificar el umbral de tolerancia

Pulsamos aceptar, y ¡listo!

Ojos rojos corregidos

Lo que hace este filtro es quitar la tonalidad roja del sector seleccionado, con lo cual si elegimos algo que no sea un ojo (los aros, por ejemplo, o una zona de los ojos que incluya todo alrededor), obtendremos zonas grisadas.