Gimp: la herramienta de selección Lazo

12 11 2008

Gimp, diseño y retoque fotográfico libreLa herramienta de selección Lazo permite crear selecciones alrededor de objetos o áreas específicas, lo que tiene valiosísimos usos. Podrías hacer una selección de lazo alrededor de una figura para moverla a otra imagen, para crear una docena de clones o duplicados de una imagen o quizá únicamente para ajustar el tono de la piel, cambiar de color un vestido, modificar el fondo de una fotografía, etc. Utiliza esta herramienta, pues, para realizar selecciones a mano alzada, como si estuvieras usando un lápiz: como resulta ciertamente difícil realizar con ella selecciones complejas, úsala especialmente para selecciones menos precisas.

herramienta de selección Lazo - opcionesPara utilizarla, pincha en la Caja de Herramientas en su icono correspondiente y arrástralo hasta la ventana de la imagen para seleccionar la zona deseada: haz clic en el lugar donde quieres que empiece la selección y luego arrastra el puntero del ratón alrededor de la figura que deseas seleccionar. Al llegar al lugar en el que deseas que termine la selección, suelta el botón del ratón. Gimp creará automáticamente una línea entre el punto de partida y el punto final, para cerrar la selección.

Puedes emplear la herramienta Lazo de cuatro maneras diferentes:

  • Pulsando sobre su icono en la Caja de Herramientas
  • Pulsando el botón derecho del ratón sobre la imagen y seleccionando en el menú contextual Herramientas
  • Pulsando sobre el menú Herramientas y, a continuación, seleccionando Herramientas de selección - Lazo
  • Pulsando la tecla F del teclado sobre la imagen

La herramienta Lazo tiene cierta versatilidad si no eres muy hábil con el movimiento del ratón sobre la imagen: puedes ir creando selecciones con bordes rectos cada vez que hagas clic sobre la imagen. A medida que vas haciendo clic, Gimp crea ciertos puntos de selección que ¡podrás mover de posición acercando el ratón a ellos, mientras no se cierre la selección!, para precisar aún más la selección que vas dibujando. Para cerrar la selección sólo tienes que ubicar el puntero cerca del primer punto seleccionado: Gimp la cerrará automáticamente. Utilizar la herramienta Lazo de esta forma es ideal para realizar selecciones geométricas de tipo poligonal, como cuadrados, rectángulos, etc.

Veamos un ejemplo de utilización:

Necesitas las siguientes imágenes:

  • http://www.flickr.com/photos/striatic/61534814/sizes/l/
  • http://www.flickr.com/photos/kupkup/416735964/sizes/l/

Ambas fotografías serán descargadas de Flickr en los enlaces anteriores. Se alojan bajo licencias Creative Commons que permiten su edición siempre que mencionemos el nombre de su autor: en este caso, la primera fotografía es del usuario Striatic, la segunda de Kup, Kup Land. Si lo deseas puedes utilizar las siguientes: se han reducido su tamaño para un mejor manejo y edición.

       

Utiliza la opción Guardar imagen como… con el botón derecho del ratón

Abre la imagen habitación.jpg en Gimp. Observa el cuadro de diálogo Capas, Canales y Rutas. En él aparece una única capa llamada Fondo, la imagen de la habitación. (No hemos abordado este concepto, pero no es demasiado complejo, piensa en las capas como las capas de una cebolla o como en capas de papel que se superponen unas encima de otras dejando ver lo que hay en ellas).  Mantén esta imagen abierta, no la cierres, la utilizarás a continuación.

Ahora abre la segunda imagen en Gimp y realiza los siguientes pasos:
1. Al igual que la imagen anterior, observa en el cuadro de diálogo Capas, canales y rutas, que cuadro.png sólo tiene una capa llamada Fondo.

2. Con la herramienta lazo vete haciendo clic sobre diferentes puntos en los lados del cuadro hasta seleccionarlo completamente.

3. Ahora vete a Edición - Copiar o botón derecho del ratón sobre la selección Editar - Copiar.

4. Sitúate en la imagen de la habitación (haz clic sobre el título de la ventana para activarla) y ahora haz clic en Editar - Pegar. El cuadro se copia en la imagen, pero no tiene un tamaño adecuado ni está bien posicionada. No te preocupes: esto tiene fácil arreglo.

pegar selección de una imagen

5. Observa ahora el cuadro de diálogo Capas, Canales y rutas. En realidad, Gimp ha creado una nueva capa por el objeto que has pegado en la imagen. Como ves, se llama Selección flotante (capa pegada). Puedes moverla por la imagen si seleccionas la herramienta Mover (valida la opción de la herramienta Mover la capa activa, para mover concretamente la capa que tengas seleccionada). Ahora haz clic sobre la imagen del cuadro y arrástrala hasta otra posición en la habitación. Simple, ¿no?

cuadro de diálogo capas, canales y rutas

6.Puedes cambiarla de tamaño haciendo clic en el menú Capa - Escalar capa. En la ventana que aparece en pantalla cambia el valor de tamaño de capas en Anchura a 160 (no te preocupes por el valor Altura, observa la cadena situada a la derecha, se encuentra entrelazada, esto significa que la capa se escalará proporcionalmente). En cuanto hagas clic en Escalar, la capa adquirirá el nuevo tamaño. Ahora posiciónala donde desees en la imagen habitación.png.

7. Para convertir la capa Selección flotante en una capa “real” de la imagen sólo tienes que hacer clic en el icono Crear una capa nueva, del cuadro de diálogo Capas, canales y rutas (el primero de ellos). Fíjate que adquiere como nombre predeterminado Capa pegada. Puedes cambiarlo haciendo doble clic sobre él y escribiendo con el teclado un nuevo nombre para la capa. En este ejemplo concreto llámala cuadro.

8. Ahora la imagen tiene dos capas: fondo y cuadro. Puedes copiar esta última tantas veces como quieras con el icono Duplicar capa que localizarás en el cuadro de diálogo Capas, Canales y rutas. Llámalas cuadro2, cuadro3, por ejemplo. Puedes también escalar cada una de estas nuevas capas a diferentes tamaños y posicionarlas como ahora ya sabes en lugares diferentes de la imagen habitacion.png para obtener resultados similares al siguiente:

trabajar con selecciones - la herramienta lazo

¡Ya ves, con esta sencillez puedes realizar divertidos y llamativos fotomontajes!

Opciones de la herramienta Lazo

La herramienta Lazo sólo presenta dos opciones que ya conoces de artículos anteriores dedicados a las selecciones rectangular y elípticas. Son alisado y difuminar bordes. Utilízalas exactamente igual.

herramienta de selección Lazo - opciones

Has visto una simple utilidad de la herramienta lazo. Es una buena herramienta de selección para realizar un esbozo inicial de una selección en una imagen. Los usuarios avanzados de Gimp (y de cualquier otro programa de edición y retoque fotográfico) suelen realizar un primer esbozo con el lazo y luego cambiar a otras herramientas de selección o trabajar con máscaras para detallar y concretar mucho más la selección. Pero esto será objeto de otro artículo de nuestra sección dedicada a Gimp.



Recorta imágenes con Gimp

16 08 2008

Gimp, software libre de edición y retoque fotográficoExisten muchos momentos en tus tareas docentes que necesitarás utilizar imágenes, fotografías e ilustraciones y, en ocasiones, tendrás que editarlas: para publicar artículos en tu blog o en la Web del centro ilustrados con fotografías, encuadrar esas fotos de la salida con tus alumnos o de la fiesta de tu centro que tan torpemente realizaste con la cámara, aprovechar imágenes que localizaste en Internet, enriquecer los trabajos que utilizas en el aula con fotografías guardadas en tu equipo…y muchas otras actividades.

Y esto no requiere que seas un experto diseñador gráfico ni que manejes aplicaciones potentísimas que te supongan horas de aprendizaje. Te aseguro que sólo necesitas conocer tres o cuatro tareas básicas: una de ellas, la protagonista de nuestro artículo de hoy, el recorte de imágenes; de otra, ya te hemos hablado en un anterior artículo, cómo reducir el tamaño de imágenes. Como mucho pasar imágenes a blanco y negro o en escala de grises para utilizar a la hora de fotocopiar o el trabajo con textos, para asombrar a todos con tus portadas, folletos o carteles.

Te recomendamos  que no te pierdas nuestra serie de artículos dedicados a Gimp y te asombrarás de lo que serás capaz de crear utilizando esta aplicación de retoque fotográfico de código abierto, gratuita, libre y en español.

software libre para gente librePara realizar este artículo se ha utilizado la versión Gimp 2.4.6 instalada en un equipo con Ubuntu Hardy Heron 8.04, pero no tendrás ningún problema para realizar las prácticas que te sugerimos en cualquier otro sistema operativo: recuerda que Gimp es un programa multiplataforma y que dispones también de versión para Windows XP y Windows Vista. Así pues, no tienes excusas para instalar y utilizar este excelente programa libre de diseño y retoque fotográfico.


Recortar una imagen es un procedimiento muy útil. Con él puedes aprovechar sólo aquella parte de la imagen que te interese o bien puedes mejorar la imagen seleccionada eliminando parte de ella. Es un procedimiento muy sencillo y básico que podrás realizar de una manera simple con Gimp.En este ejemplo en concreto vamos a utilizar una imagen que hemos localizado en Flickr, publicada bajo licencia Creative Commons.

http://flickr.com/photos/davelau/1347486440/sizes/l/in/set-72157600713669336/

La fotografía incluye una leona en la parte derecha de la imagen que deseamos aislar del resto. Si deseas utilizarla para seguir paso a paso nuestras indicaciones guarda la imagen en una carpeta de tu equipo (recuerda bien dónde se encuentra pues la utilizarás a continuación) mediante la opción del menú contextual del botón derecho del ratón de tu navegador Guardar imagen como. Puedes también, si lo deseas, utilizar cualquier otra imagen de tu interés.

Fotograf�a Flickr Creative Commons

Usuario Chi King - Flickr Licencia Creative Commons 2.0

Lo primero que tendrás que hacer, lógicamente, es abrir la imagen que deseas recortar en Gimp. Por tanto, ejecuta la aplicación por cualquiera de los procedimientos que ya conoces para abrir el programa. Para abrir la imagen vete el menú Archivo y selecciona la opción Abrir. Observa que se despliega el cuadro de diálogo Abrir imagen. En el desplegable se encuentran las carpetas y los archivos de tu equipo. Puedes ver la imagen que selecciones en tamaño reducido con la opción Vista previa del cuadro de diálogo.

 ventana Abrir imagen

Una vez localizada la imagen con la que vas a trabajar, por ejemplo, la que acabas de descargar, haz doble clic sobre ella para visualizar su contenido en Gimp (o selecciona y cliquea el botón Abrir). Ya tienes la imagen sobre la que vas a trabajar en pantalla, haz una copia antes de empezar a trabajar con ella para no retocar la imagen original (menú Archivo de la propia imagen - Guardar una copia).

Para trabajar con mayor comodidad con Gimp te proponemos una serie de trucos:

  • Coloca la caja de herramientas de Gimp en un extremo, manteniéndola visible y deja en el centro de la pantalla la imagen con la que vas a trabajar. De este modo, resultará mucho más fácil seleccionar una herramienta en cualquier momento.
  • Ajusta el tamaño de la ventana de la imagen colocando el cursor en una esquina y cuando el cursor del ratón adopte la forma de una flecha, mantén presionado el botón del ratón y arrastra la ventana hasta lograr el tamaño deseado.

Comenzamos con el recorte de la imagen. Puedes utilizar dos procedimientos muy diferentes. Aprovechamos el artículo para indicarte ambos y así aprenderás nuevos aspectos básicos de Gimp como son utilizar las herramientas de recorte y de selección rectangular. Experimenta con las dos opciones y quédate con aquella que te resulte más cómoda:

  1. Recortar la imagen utilizando la opción Autorecortar imagen
  2. Recortar la imagen utilizando la herramienta de selección rectangular

Primer procedimiento: Autorecortar imagen

Acude a la Caja de herramientas y haz clic sobre la herramienta de recorte (el mismo resultado obtendrás si acudes al menú Imagen y seleccionas Autorecortar imagen).

Herramienta de Recorte

Observa que el cursor del ratón se transforma en el herramienta Recortar. Sólo tienes que hacer clic en el lugar exacto donde quieras hacer el recorte y arrastrar el ratón (manteniendo pulsado el botón izquierdo del ratón) en diagonal hasta formar una ventana y así seleccionar la parte de la imagen que te interese. Puedes ajustar aún más esta selección: puedes mover esta ventana a otra posición haciendo clic y arrastrando a otro lugar de la imagen (observa cómo se transforma el cursor del ratón para indicarte que puedes mover la selección) e incluso cambiar sus límites para ajustar aún más el tamaño deseado: acerca el cursor del ratón hacia sus lados o esquinas. Cuando éste cambie de forma, mostrando unas pequeñas flechitas, arrastra hasta obtener el resultado que precises. De esta manera, encuadrarás la imagen a la perfección.

Cuando finalices, haz clic sobre la imagen para proceder a su recorte. Todo lo que se encontraba a su alrededor habrá desaparecido.

Guarda ahora la nueva imagen en tu equipo tal y como ya te hemos mostrando en un artículo anterior: utiliza la opción Guardar o Guardar como… del menú Archivo para ello.

Esta película necesita Flash Player 7


Segundo procedimiento: La herramienta Selección rectangular

Como has podido comprobar el procedimiento anterior es muy sencillo y te permite un buen control sobre el recorte de la imagen. Ahora te indicaremos un segundo procedimiento, que no sólo te permitirá recortar partes de la imagen, sino que también te permitirá mover o rellenar con un color el área que queda dentro de la selección.

Nota. También la herramienta Selección rectangular te permitirá seleccionar elementos concretos para indicar a Gimp qué partes de una capa (ya verás este concepto más adelante) se verán afectadas por un cambio (pintura, relleno, filtro, transformación…) y cuáles no. Normalmente, cuando no hay selección de ningún tipo, los cambios se aplican a toda la capa.

La forma de utilizar la herramienta Selección rectangular es sencilla y muy similar a la herramienta que has visto en el apartado anterior. Abre de nuevo la imagen descargada y realiza una copia para trabajar sobre ella.

Haz clic en el icono herramienta Selección rectangular ubicado en la Caja de Herramientas.

 Herramienta Selección Rectangular

Coloca el cursor del ratón en una esquina de la imagen y, manteniendo presionado el botón izquierdo del ratón, arrastra el cursor en diagonal para formar una ventana de selección. Suelta luego el botón del ratón para terminar la selección. Observa que, a diferencia de la herramienta anterior, el área seleccionada queda enmarcada con líneas discontinuas y parpadeantes que se desplazan alrededor de la imagen. Esto es lo que se conoce como selección flotante. Puedes cancelar la selección que acabas de realizar simplemente haciendo clic con el cursor del ratón fuera del área punteada.

Herramienta Selección Rectangular

Ahora bien, debes de saber que este rectángulo de selección no queda seleccionado definitivamente, sino que se encuentra “preseleccionado”, es decir, que puedes editar la “preselección” en el caso de que no se ajuste a lo que deseabas (exactamente igual que la herramienta anterior, podrás mover la selección o cambiarla de tamaño). Para confirmar la selección pulsa la tecla ENTER o bien haz clic con el ratón en el interior del rectángulo de selección. Esto no te impide volver a utilizar la herramienta Selección rectangular para comenzar una nueva selección, si la realizada no es de tu agrado, en cualquier momento.

Nota. Si después de iniciar la selección pulsas la tecla Ctrl de tu teclado, la selección se realizará desde el centro del rectángulo, no desde la esquina superior izquierda.

Para recortar la parte de la imagen seleccionada acude, finalmente al menú Imagen y selecciona la entrada Recortar a la selección. El resultado será exactamente el mismo que en el procedimiento anterior: todo lo que se encuentre alrededor de la parte seleccionada de la imagen desaparecerá.

Recortar a la selección

No cabe duda que tal vez consideres el primer procedimiento descrito más rápido, sin embargo, la ventaja que tiene éste sobre el anterior es que la selección rectangular te permitirá editar esta parte de la imagen previamente a su recorte, si lo deseas. Por ejemplo, prueba con la entrada Desaturar del menú Color y para experimentar selecciona una de las opciones (claridad, luminosidad, media) y haz clic sobre el botón Desaturar. Los cambios sólo se aplican al elemento de la imagen seleccionado. Ahora… ¡recórtala, como ya te hemos indicado, y guarda la imagen final!

efectos en una seleccion rectangular

Descarga o imprime el tutorial realizado en formato PDF: Acceder
Accede al Videotutorial en formato swf: Gimp: recortar una imagen


Instala el plugin Save for the web para Gimp (en Ubuntu)

12 08 2008

Seguramente los usuarios que utilizan Gimp y que hasta ahora hayan utilizado Photoshop echarán de menos la opción de Guardar para la Web que este programa les ofrecía en su menú Archivo. Este plugin para Gimp hace exactamente eso: crea una entrada en el menú Archivo que te permitirá guardar la imagen activa en Gimp optimizada para su publicación en Internet. En su ventana de configuración podrás seleccionar el formato de imagen, visualizarás el tamaño del archivo resultante, modificarás su calidad y suavizado, e incluso redimensionarás la imagen o la cortarás.

Plugin para Gimp, guardar para la web

Para instalar el plugin en Ubuntu Hardy Heron 8.04 (la versión que tengo actualmente instalada) y en Gimp 2.4.6 (la última versión estable) acude al sitio Web de Alberto Lepe Garza quien nos ha preparado un paquete deb ya configurado para que el proceso de instalación en Ubuntu sea extremadamente sencillo. Sólo tendrás que descargar la versión que precises (elige entre versión x86 o amd64) y permitir su ejecución a través del Gestor de paquetes GDebi y en breves segundos el plugin se instalará rápidamente.

Abre una imagen en Gimp y acude al menú Archivo. Ahora ya localizarás la nueva entrada en el menú Archivo.

Plugin para Gimp, guardar para la web

Sitio About Linux, Save for the Web: Acceso
Descarga el paquete deb para equipos x86: Descarga


Tu primer vistazo a Gimp

5 03 2007

El Gimp, un excelente editor de imagen libreCuando ejecutes por primera vez Gimp observarás que aparecen en el Escritorio diversas pantallas en las que se mostrarán una serie de procesos de preparación de la aplicación (estas pantallas no aparecerán las próximas veces que abras la aplicación, sólo ocurrirá en esta primera ocasión). La información que te ofrecen estos cuadros de diálogo es extensa y profunda y siempre es recomendable que la leas y que la comprendas.

En una de las primeras ventanas se te informará de la creación de una nueva carpeta localizada en el directorio personal del usuario que está realizando la instalación (la encontrarás en la ruta C:\Documents and Settings\”nombre de usuario”\.gimp-2.2). En realidad es tu nuevo directorio personal de Gimp (que se crea por defecto al instalar) y en él se guardan datos de tu configuración, además de que lo puedes utilizar para guardar los plugin, temas, patrones, etc. que vayas añadiendo a la aplicación.

Una de las ventanas de la “preinstalación” te solicitará que ajustes la cantidad de memoria RAM que deseas asignar a El Gimp para sus procesos, así como el directorio temporal (el archivo de intercambio) donde irá guardando los datos de Deshacer. Lógicamente estos valores dependerán de los recursos que posea tu equipo pero se suele calcular como valor recomendable, si tienes más de 512 Mb la mitad de tu memoria física. En cuanto al archivo de intercambio también se crea, por defecto, en C:\Documents and Settings\Usuario\.gimp-2.2.

De todas maneras siempre podrás modificar estos valores iniciales en el menú Archivo - Preferencias - Entorno y carpetas de Gimp cuando ejecutes el programa en otras ocasiones.

Cuando finalicen estas pantallas iniciales Gimp se abrirá y aparecerá en tu Escritorio. En el siguiente video tutorial te mostramos la apariencia inicial de Gimp y te indicamos con una sencilla actividad los primeros pasos que puedes dar con la aplicación: los iconos herramientas, los menús, las ventanas, cómo crear una imagen nueva, cómo utilizar la herramienta texto y la herramienta mover, iniciación a las capas, como guardar la imagen en el formato nativo de Gimp y como cerrar el programa.

VideoTutorial - Gimp, Primeros pasos