Con el ordenador a cuestas

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

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

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.

 

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

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.

---

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.

 

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.

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

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!

Descarga o imprime el tutorial realizado en formato PDF: Acceder

Accede al Videotutorial en formato swf: Gimp: recortar una imagen

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.

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.

Sitio About Linux, Save for the Web: Acceso

Descarga el paquete deb para equipos x86: Descarga

No seas reticente para instalar El Gimp en tu equipo. Recuerda que es una aplicación de software libre, open source, de código abierto, gratuito, multiplataforma (también lo encontrarás en distribuciones Linux), que reconoce todos los formatos de imagen más populares (incluido el formato PSD nativo de Photoshop o ICO, formato de icono) y que es lo suficientemente potente para realizar todas tus creaciones artísticas con imágenes: edición de imágenes, animaciones, fotomontajes, plugins, filtros, trabajar con capas, herramientas diversas, etc. Y en español.

¡Instalar Gimp nunca fue tan fácil! Tanto si ya dispones de una versión de Gimp instalada en tu ordenador y deseas actualizarla (realiza este minitutorial y el asistente se encargará él solito de todo) como si quieres instalarlo por primera vez en un equipo, la última versión estable de la aplicación, El Gimp 2.4, incorpora un asistente de instalación tan sencillo que, en apenas unos clics de ratón y casi en un proceso automático te permitirá instalar cómoda y sencillamente la aplicación en tu ordenador.

Descarga Gimp 2.4

Gimp es una aplicación de retoque fotográfico que podrás descargar gratuitamente desde Internet. Sólo tienes que conectarte con tu navegador favorito, ¡por supuesto, Firefox!, a la página oficial del proyecto en español (para que no tengas ninguna excusa con el idioma) y seleccionar el archivo correspondiente de descarga. Te indicamos los pasos a seguir para la versión de Gimp 2.4 para Windows XP.

Introduce la dirección URL

http://www.gimp.org.es/

Observa la página que se abre en tu navegador. En el menú situado a la izquierda localiza el botón Descargas y haz clic sobre él. En la nueva página selecciona el Sistema Operativo que utilizas, en este caso Windows y haz clic sobre este enlace. Dirígete hacia la mitad de la página aproximadamente y localiza el archivo de la última versión estable de la aplicación, en concreto, Gimp 2.4.1 y haz clic sobre el botón Popular o el icono del disquete para comenzar el proceso de descarga.

Tu navegador se conectará, en breves momentos, con la página SourceForge.net (el mayor repositorio oficial de archivos de software libre, no dejes de visitarla si estás interesado en estar a la última en ello) y te indicará la posibilidad de descargar el archivo correspondiente a Gimp 2.4.1

Guarda el archivo gimp-2.4.1-i686-setup.exe en tu equipo (si dejas que Firefox gestione por defecto esta descarga lo localizarás, al finalizar el proceso, en tu Escritorio). Son 14,5 Mb, el tiempo que emplee el navegador en descargarlo dependerá, claro está, de tu velocidad de conexión a Internet.

Instala Gimp 2.4.1

Simplemente, localiza el archivo descargado anterior y haz doble clic sobre él para iniciar el asistente de instalación.

En la pantalla de bienvenida a la instalación haz clic en Next - Siguiente para continuar el proceso.

Lee la licencia GNU que ampara al software libre y, cómo seguramente estás de acuerdo con ello (entre otras cuestiones, te permite la copia, modificación y distribución del programa), haz clic en Next - Siguiente para seguir.

Deja que Gimp lo haga todo por ti. En la nueva ventana pulsa el botón Install now - Instalar ahora para comenzar la copia de archivos a tu equipo.

Observa el progreso de este copiado en la siguiente ventana:

Al finalizar dicho proceso, una última ventana te pedirá tu confirmación para cerrar el asistente. Obsérvala: se encuentra marcada la casilla de verificación Launch The Gimp lo que significa que, tras pulsar el botón Finish, el programa se ejecutará automáticamente.

¡La instalación ha finalizado! Si dejaste la casilla anterior marcada se ejecutará Gimp y podrás echarle un primer vistazo (lo primero que te llamará la atención, sobre todo, si ya has utilizado alguna versión anterior, son sus coloristas botones ¡para gustos, colores!).

Cierra la aplicación, como cualquier otro programa: en el menú Archivo localiza la entrada Salir. Y si deseas experimentar con Gimp o volver a ejecutarlo, el asistente de instalación habrá creado un icono de acceso directo en el Escritorio para que lo inicies de nuevo con sólo hacer doble clic sobre él.

Para comenzar a dar tus primeros pasos con Gimp, puedes acceder a nuestros artículos presentes en este mismo blog realizados con una anterior versión (completamente válidos para esta última versión estable):

• Tu primer vistazo a Gimp Para conocer la apariencia de Gimp cuando se ejecuta por vez primera.
  http://blog.educastur.es/sofwarelibre/2007/03/05/tu-primer-vistazo-a-gimp/

• Reducir el tamaño de una imagen Una de las primeras y básicas operaciones a realizar con una imagen: reducir su tamaño. Fundamental para reducir el tamaño de imágenes realizadas con una cámara digital y su posterior tratamiento para su publicación Web, realización de álbumes de fotos, trabajos para el aula, etc.
  http://blog.educastur.es/sofwarelibre/2007/04/01/reducir-el-tamano-de-una-imagen/

Una de las tareas más habituales y cotidianas que tenemos que realizar a la hora de trabajar con fotografías e imágenes es la de reducir su tamaño o su calidad para poder enviarlas por e-mail o publicarlas en la Web (en tu blog o en la Web institucional del centro, por ejemplo). Debemos conseguir que las imágenes ocupen menos espacio y tengan menos peso antes de poder enviarlas o publicarlas. Pero para ello hay que conocer previamente cuáles son los aspectos que influyen tanto en el espacio que ocupa una imagen como en su calidad, para así reducir notablemente su peso sin una pérdida significativa de calidad.

• El fomato en el que se guarda la imagen en el ordenador. Existen múltiples formatos de almacenamiento de imágenes, cada uno de ellos con sus propias características y posibilidades de compresión. BMP, JPG, GIF, TIFF, PNG, etc hacen referencia a estos tipos diferentes de formatos.

• Las dimensiones en alto y ancho de la imagen, por lo general medidas en píxeles o cm. Una fotografía realizada por una cámara digital a alta calidad tiene un tamaño excesivamente grande si lo único que deseamos es ver la imagen en la pantalla de un ordenador. Lo recomendable es que, en formato horizontal, reduzcamos el ancho de la imagen a unos 15 cm y el alto a unos 12-13 cm.

• La resolución de la imagen: toda imagen está compuesta de una serie de diminutos puntos de color denominados píxeles. En una fotografía digital hay miles y miles de estos pequeños píxeles, los cuales, unidos en la pantalla del ordenador, conforman la imagen. Una imagen de ordenador puede tener mayor o menor concentración de estos píxeles haciendo así que la imagen tenga mejor o peor nitidez. Esto es la llamada resolución y se mide como el número de píxeles por pulgada que tiene una imagen (una pulgada, 2,54 centímetros). Por ejemplo, si una imagen tiene una resolución de 300 ppi (Píxeles Per Inch, píxeles por pulgada), significa que en una pulgada (2,54 cm) disponemos de 300 píxeles o puntos de información para representar dicha imagen. Cómo es lógico, si disminuimos la resolución de la imagen, es decir, menos píxeles por pulgada, también disminuimos “el peso” de la imagen aunque se pierde igualmente en calidad de imagen. Por lo general, la resolución óptima de una imagen para ser impresa en papel es entre 150 y 200 ppi (boletines, folletos, imágenes impresas en impresoras personales), si se necesita una calidad óptima de imagen para imprimir lo más recomendable es 300 ppi (un libro, una revista), pero, si lo que necesitamos es una imagen para ser vista en una pantalla de ordenador será suficiente una resolución de 72 ppi. Algunos monitores alcanzan una resolución de 96 ppi, pero 72 ppi suele ser la normal, por tanto, ¿para qué llenar una imagen con más píxeles, aumentando su tamaño, si el usuario no va a poder percibirlos?

Estos aspectos anteriores implican que existen tres métodos diferentes para reducir el tamaño de los archivos de imágenes:

• Cambiar el tamaño de la imagen haciéndola más pequeña al modificar los valores de anchura y altura de la imagen
• Cambiar el formato de la imagen salvándola en otro formato
• Aplicar compresión / optimización en la imagen si el formato escogido lo permite

En este artículo vamos a centrarnos en el primero de estos métodos: cambiaremos el tamaño de una imagen modificando los valores establecidos en el ancho y alto de la imagen, para que una vez enviada por e-mail o publicada en la Web, la medida establecida permita a la mayoría de las personas ver la imagen completa en la pantalla, sin necesidad de scrollear. De nada sirve una foto que no cabe en una sola pantalla. Si tenemos en cuenta que actualmente la mayoría de los monitores más actuales cuentan con resoluciones de 1024 x 768 píxeles o algo mayores, pero aún existen muchos con resoluciones de 800 x 600 píxeles, y considerando además el espacio que ocupan los bordes de las aplicaciones que utilizamos, que consumen un considerable tamaño en la pantalla, para que una imagen se vea completa en la mayoría de los monitores no deberá exceder de 500 o 550 píxeles en su lado más largo.

Utilizando The Gimp

Modificar el tamaño de una imagen manipulando los valores de anchura y altura de la misma es muy sencillo con el editor de imágenes libre y de código abierto, The Gimp.

Para realizar esta práctica descarga en primer lugar la imagen que te ofrecemos a continuación (botón derecho del ratón sobre la imagen - Guardar imagen como…). Se trata de una imagen de alta calidad perteneciente al Banco de Imágenes del Cnice del Ministerio de Educación y Ciencia. Sus medidas son 2048 píxeles de ancho x 1360 píxeles de alto y resolución de 96 ppi, tamaño 1,62 Mb.

Abre a continuación la imagen en Gimp. Observa que se abre una ventana de la imagen denominada cudillero.jpg en cuya parte superior encontrarás una barra de menús. Incluye diferentes acciones a realizar con la imagen correspondiente, acostúmbrate a utilizarla con asiduidad.

Para reducir el tamaño de la imagen sitúate sobre el menú Imagen y pulsa sobre la entrada Escalar la imagen.

Observa la ventana emergente:

Puedes modificar los valores en altura y anchura de la imagen (manteniendo su proporcionalidad, es decir, si modificas un valor automáticamente el otro adquiere el valor proporcional, para ello las cadenitas deben estar entrelazadas, o modificando uno de ellos, lo que puede implicar distorsión en la imagen, si las separas haciendo clic sobre ellas). Como lo que deseamos es reducir su tamaño sin deformaciones asegúrate de que las cadenitas se encuentran entrelazadas y, a continuación, teclea o mueve las flechitas hasta conseguir el tamaño deseado, pro ejemplo, 350 píxeles de anchura. Observa que al hacer clic sobre el valor altura, automáticamente se ha reducido también el valor de la misma a 232 píxeles, lo que mantiene las proporciones de la imagen.

Asegúrate igualmente de que la resolución es la adecuada: en este caso, será una imagen para ser publicada en Web por lo que es suficiente 72 ppi, valor actual en la ventana Escalar la imagen.

Si te equivocas o deseas modificar alguno de los valores pulsa sobre Reiniciar (para recuperar los valores originales) o Cancelar (para cerrar la ventana). Para confirmar la acción realizada pulsa sobre el botón Escala. Automáticamente la imagen se habrá reducido al tamaño elegido.

Ahora, sólo te queda guardar la nueva imagen con el nombre que desees y en el lugar elegido de tu equipo, por ejemplo seleccionando la opción Guardar una copia del menú Archivo de la ventana imagen cudillero.jpg.

 

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