tutorial gimp
DESCRIPTION
Es un tutorial sobre el programa GIMP, el cual es un editor libre de imagenes.TRANSCRIPT
![Page 1: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/1.jpg)
Tutorial GIMP
Encinas Madrid Ana Isabel Jacobo Arizmendi KarlaOrozco Hernández BeatrizRomán Leyva Víctor
![Page 2: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/2.jpg)
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.
![Page 3: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/3.jpg)
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.
![Page 4: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/4.jpg)
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.
![Page 5: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/5.jpg)
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)
![Page 6: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/6.jpg)
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.
![Page 7: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/7.jpg)
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.
![Page 8: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/8.jpg)
¿Cómo hacer esto?
Lo primero es disponer de la imagen que servirá de base para el mapa:
![Page 9: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/9.jpg)
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.
![Page 10: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/10.jpg)
Después, determinar las regiones de los enlaces es muy sencillo usando cualquiera de las tres herramientas de que disponemos:
Continuación…
![Page 11: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/11.jpg)
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…
![Page 12: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/12.jpg)
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)
![Page 13: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/13.jpg)
En la pestaña Enlace de ese mismo cuadro podemos dejar definidos el destino del vínculo (URL) y el atributo alt:
Continuación…
![Page 14: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/14.jpg)
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).
![Page 15: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/15.jpg)
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.
![Page 16: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/16.jpg)
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:
![Page 17: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/17.jpg)
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.
![Page 18: Tutorial Gimp](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557baad6d8b42a052c8b4e8f/html5/thumbnails/18.jpg)
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.