Tutorial GIMP

Encinas Madrid Ana Isabel Jacobo Arizmendi KarlaOrozco Hernández BeatrizRomán Leyva Víctor

Definición: GIMP

Es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito. Está englobado en el proyecto GNU y disponible bajo la Licencia pública general de GNU.

Características

GIMP fue desarrollado como una herramienta libre para trabajar con imágenes y se ha convertido en una alternativa libre y eficaz al Photoshop para gran número de usos.

Características GIMP lee y escribe la mayoría de los

formatos de ficheros gráficos, entre ellos jpg, gif, png, pcx, tiff, y los de Photoshop, además de poseer su propio formato de almacenamiento de ficheros, xcf. También es capaz de importar ficheros en pdf y también imágenes vectoriales en formato svg creadas, por ejemplo, con Inkscape.

Herramientas de GIMP

Herramientas de selección: (rectangular, esférica, lazo manual, varita mágica, por color), tijeras inteligentes, herramientas de pintado como pincel, brocha, aerógrafo, relleno, texturas.

Herramientas de modificación de escala, de inclinación, de deformación, clonado en perspectiva o brocha de curado (para corregir pequeños defectos)

Herramientas de GIMP

Herramientas de manipulación de texto.

Herramientas o filtros para la manipulación de los colores y el aspecto de las imágenes, como enfoque y desenfoque, eliminación o adición de manchas, sombras, mapeado de colores, etc.

Mapa de Imagen para una Web

A veces necesitamos crear enlaces en zonas de una imagen y no queremos enredarnos a crear botones. Gimp permite seleccionar las zonas que actuarán como vínculos y nos permitirá editar todo lo necesario, como el destino de ese enlace, para poder obtener el código necesario para su perfecta integración en el diseño de nuestra página (que nosotros crearemos con Kompozer). Este proceso se denomina Mapa de imagen.

¿Cómo hacer esto?

Lo primero es disponer de la imagen que servirá de base para el mapa:

Continuación…

Posteriormente se abrimos esa imagen en Gimp y directamente nos vamos a Filtros/Web/Mapa de imagen donde se cargará un editor propio para esta edición.

Después, determinar las regiones de los enlaces es muy sencillo usando cualquiera de las tres herramientas de que disponemos:

Continuación…

Por ejemplo para el logo de Kompozer nos vamos a conformar con un círculo. No nos preocupamos en exceso de su tamaño y colocación ya que eso lo podremos editar con precisión desde el cuadro que se despliega al finalizar el círculo (no olvidemos activar Vista previa) en la pestaña Círculo:

Continuación…

Una vez hecho esto, si por algún motivo quisiéramos volver a este cuadro sólo tenemos que usar la herramienta de selección (doble clic sobre la forma)

Continuación…

O la miniatura en el apartado de selecciones (también con doble clic)

En la pestaña Enlace de ese mismo cuadro podemos dejar definidos el destino del vínculo (URL) y el atributo alt:

Continuación…

Continuación…

En el caso de que estemos cometiendo la temeridad de hacer nuestra página con marcos , también aquí podemos poner el nombre de la página (frame) de destino y que en el HTML aparecería con el atributo target.

Una vez concluido podemos tenemos un par de opciones: Si no hemos comenzado la página en compozer podemos guardar este

trabajo como mipagina.html directamente desde el editor del mapa de imagen de Gimp (si guarda en formato MAP podrá continuar con el trabajo en otro momento o reeditar al gusto).

Como la ruta hacia la imagen es relativa este html debe quedar al lado de la imagen o de lo contrario no la encontrará (también podría alterar la ruta desde Kompozer si le apetece meter el mapa en una carpeta con imágenes o algo similar).

Continuación…

Si abre ese html desde Kompozer le aparecerá directamente el mapeado. Ahora sería tan sencillo como Cortar y Pegar dentro de una tabla, centrar o hacer las ediciones normales que hará ahí con este software.

Continuación… Como es muy probable que ya tenga comenzado su

diseño web, lo que querrá es incluir el mapa an él con lo que el método anterior no levale. Desde el editor de mapas de Gimp existe la posibilidad de copiar todo el código necesario para pegarlo en Kompozer. Vamos a Ver/Fuente y nos aparecerá este cuadro del que podemos seleccionar y copiar el texto:

Continuación…

Con ese código en el portapapeles nos vamos a Kompoze y lo insertamos donde nos convenga. Por ejemplo el una celda de una tabla (lógicamente en el código fuente). Como el código lleva las medidas de la imagen se creará un rectángulo para ella pero no aparecerá hasta la próxima vez que carguemos

ese archivo.

Continuación…

Tras Guardar y volver a Abrir veremos nuestro mapa y nos resultará más agradable y cómodo continuar trabajando:

En fin, el mapa de imagen funcionará cuando navegemos. Es un recurso más que conviene tener en cuenta. Nada espectacular, eso sí, pero nunca se sabe cuándo puede ser útil.