tutorial
VERSIÓN 2.10
GIMPBOOK POR: José Miguel Urrea, Juan Esteban Escandòn, Priscila Sofía Abril Villediego
Edición #1
CONTENIDOS INTRODUCCIÓN
PAG 2-4
CARACTERÍSTICAS GIMP
PAG 5
VERSIONES DE GIMP CREACIÓN DE LOGOS
PAG 6-8 PAG 9-14
FUSIÓN DE IMÁGENES
PAG 15-22
MEJORÍA DE ASPECTO
PAG 23-28
EXPLORANDO GIMP
PAG 29-32
Introducción a gimp
¿QUÉ ES GIMP? El concepto GIMP hace referencia a un programa o software libre y gratuito de edición de imágenes digitales. Es utilizado para retocar, componer y editar imágenes en forma de mapa de bits, tanto dibujos como fotografías. Es necesario mencionar que diversas empresas lo adquieren para crear sus logotipos o realizar gráficos de forma gratuita.Por otro lado, este programa o aplicación funciona mediante capas y filtros y se ha convertido en los últimos años en una alternativa libre y eficaz al Photoshop en diversos casos. GIMP forma parte del proyecto GNU y se encuentra disponible bajo la Licencia Pública general de GNU (GNU Lesser General Public License). Este Software nos permite realizar numerosas ediciones en las imágenes o fotografías que van desde el crear y editar hasta el retocar, mezclar, quitar imperfecciones del cuerpo, remover las arrugas y otros aspectos que nos brindan como resultado una imagen "perfecta y mágica" en cualquier tipo de formato.
PÁGINA 2
Interfaz grรกfica de Gimp 2.10
Pร GINA 3
Interfaz gráfica de Gimp 2.10 La versión de Gimp 2.10 ofrece un aspecto ligeramente diferente al que la mayoría de los usuarios están acostumbrados a usar. Está interfaz es más oscura que las versiones anteriores, y los íconos también pueden tener un aspecto diferente, lo que en muchas ocasiones puede dificultar la búsqueda de las herramientas que se usan comúnmente. Afortunadamente, es bastante fácil personalizar tu interfaz de usuario, aspecto que el equipo de Gimp se centró en incorporar específicamente en esta nueva versión.
PÁGINA 4
Características de Gimp GIMP es un software o programa desarrollado como una herramienta libre, eficaz y gratuita para trabajar con imágenes y enfocarse en su edición. Además, se ha convertido en una aplicación alternativa al Photoshop para realizar un gran número de trabajos por parte de las empresas.
GIMP al igual que Photoshop posee capas, canales, caminos y distintos tipos de brochas que permiten combinar imágenes de diversas maneras diferentes. Además, este programa posee herramientas de manipulación de texto (escritura y movimiento o posicionamiento). Este programa lee y escribe la mayoría de los formatos de ficheros gráficos como lo son JPG, GIF, PNG, PCX, TIFF, entre otros. Es necesario mencionar que GIMP tiene su propio formato de almacenamiento de ficheros, el cual es XCF y es capaz de importar imágenes en PDF e imágenes vectoriales en formato SVG. Otra de las características más importantes de GIMP es que posee diversas herramientas de selección (rectangular, esférica, lazo manual, varita mágica, por color), tiene tijeras inteligentes y herramientas de pintado como pincel, brocha, aerógrafo, relleno, texturas, entre otros. GIMP permite la automatización de muchos procesos a través de macros o secuencias de comando, por lo cual incluye un lenguaje llamado "Scheme". Este Software hace posible la escritura de secuencias de operaciones que pueden ser después utilizados repetidamente mediante el uso de lenguajes como Perl, Python, Tcl y Ruby.
PÁGINA 5
pmiG ed airotsih everB
PĂ GINA 6
GIMP fue creado por los estudiantes Spencer Kimball y Peter Mattis como un proyecto de un semestre en la Universidad de California, Berkeley en 1995. Originalmente significaba “Programa General de Manipulación de Imagen” pero en 1997 su nombre fue cambiado a “Programa de Manipulación de imágenes GNU”. La primera versión de este software se desarrolló inicialmente en sistemas Unix y fue pensado como una herramienta libre para trabajar con imágenes. Por otro lado, Wilber es la mascota oficial de este programa y fue creado el 25 de septiembre de 1997 por Tuomas Kuosmanen. Wilber fue dibujado usando GIMP.
Versiones más importantes de Gimp GIMP 0. 54: Esta versión se lanzó en Enero de 1996. Admitía profundidades de color de 8, 15, 16 y 24 Bits y difuminado para pantallas de 8 Bits. Esta versión podía editar simultáneamente varias imágenes, hacer zoom y desplazarse en tiempo real.
GIMP 1.2: Se lanzó el 25 de Diciembre del 2000. Ofreció opciones de internacionalización, cuadros de diálogos de instalación mejorados, diversas correcciones de errores, pérdidas de memoria reducidas y menús organizados.
PÁGINA 7
GIMP 2.2: Esta versión incluía vistas previas para herramientas de transformación, soporte mejorado de arrastrar y soltar, nuevos complementos (Neón, dibujos animados, fotocopia, globos) y un nuevo intérprete de guiones.
GIMP 2.8: Se lanzó en Mayo de 2012. Incluía un menú rediseñado para guardar/exportar que tiene como objetivo reforzar la idea de que la información se pierde al exportar. La herramienta de texto se rediseñó. Además, esta versión presenta matemática simple, exportación de PDF, modo de ventana única y una utilidad de captura de pantalla de página web.
GIMP 2.10: Se lanzó el 27 de Abril de 2018. Permitió el procesamiento de alta profundidad de bits y el procesamiento de píxeles acelerado por Hardware. Además, la gestión de color fue una característica central, se incluyó herramientas nuevas como la transformación Warp y Unified, una pintura digital mejorada con rotación de lienzo y volteo, pintura de simetría y soporte de pincel MyPaint. Además, esta versión posee un soporte para varios formatos de imagen y el límite de archivos XCF es mayor que 4 GB.
PÁGINA 8
pmiG sogol ed nóicaerC
¿CÓMO CREAR EN GIMP UN LOGO? -La creación de un logo requiere de mucha imaginación e ingenio para poder hacerlo correctamente. La aplicación de GIMP ofrece una gran variedad de herramientas y utilidades, que ayudan a los usuarios a crear sus propios logos. En esta primera entrega de la revista te enseñaremos a hacer logos circulares, uno de los muchos tipos de logos que puedes hacer. Decidimos comenzar en la primera revista con los logos circulares porque consideramos que los básicos no necesitan explicación, porque solo es colocar texto en diferentes tamaños y fuentes con imágenes PNG que lo apoyen.
PÁGINA 9
pmiG sogol ed nóicaerC
1. Abre el programa de GIMP en tu ordenador o computador (Lo puedes descargar en la página oficial del programa www.gimp.org)
2. Abrimos una base/plantilla de cualquier tamaño.
3. Después creamos 2 líneas guía para centrar nuestro logo 4. Luego pegamos una imagen PNG como capa nueva 5.Después, escalamos y centramos la imagen al tamaño que queramos para hacer el logo 6.Luego, creamos una capa nueva y le ponemos el nombre que deseemos. 7.Después, creamos un circulo con la herramienta de selección elíptica. 8.Luego, rellenamos el círculo del color que desees y lo encogemos la selección "2oPX" borrando la actual selección.
9.Ahora, diseñamos 2 rutas con trayecto circular que se acople a la del círculo que hemos creado. 9.Ahora, diseñamos una ruta con trayecto circular que se acople a la del círculo que hemos creado.
PÁGINA 10
pmiG sogol ed nóicaerC
10. Ahora insertamos 2 textos, uno con nuestro eslogan y nombre de la empresa. Para los textos pon la fuente y color que quieras, pero recuerda que el tamaño se pueda acoplar con el del circulo 11.Después, activamos las rutas que habíamos creado con anterioridad, y damos click derecho en cada capa de texto y le seleccionamos texto a ruta (esto se hace texto por texto, ya que hay que seleccionar que ruta sigue cual texto) 12. Ahora acomodaremos las rutas detexto con la herramienta de rotación. 13. Después, creamos otra capa la cual llamamos como queramos sin repetir el nombre de la anterior. 14.Luego vamos a la opción de rutas, y en las 2 rutas de texto seleccionamos "ruta a selección". 15.Ahora rellenamos las rutas de texto con un color que convine con los colores que ya hay en el logo. 16.Después desactivamos todas las rutas y nuestro texto ya sera visible con normalidad, osea con relleno de algun color y sin la línea al rededor. NOTA: Necesariamente los 2 textos no tienen que ser circulares, esta es una manera de explicarlo. En realidad tu puedes acomodar los textos a tu gusto.
PÁGINA 11
Ejemplos de logos
PĂ GINA 12
Ejemplos de logos
PĂ GINA 13
Ejemplos de logos
PĂ GINA 14
sengámi ed nóisuF
1. Abre el programa de GIMP en tu ordenador o computador (Lo puedes descargar en la página oficial del programa www.gimp.org)
2. Busca en internet una imagen JPG que quieras utilizar como fondo (Imagen base), y descárgala en tu ordenador. Luego, ingresa al programa GIMP, le das clic al botón “Archivo” en la parte superior de la pestaña y selecciona la opción “Abrir como capas”. Después se abrirá el diálogo para escoger la imagen que descargaste e insertarla en la zona de trabajo de la plataforma.
PÁGINA 15
sengámi ed nóisuF
3. A continuación, busca en internet otra imagen que quieras fusionar con la escogida anteriormente o que quieras insertar en la imagen base. Después dirígete otra vez al programa GIMP y le das clic a la opción “Archivo” para seleccionar el botón de “Abrir” e insertar en una ventana del programa diferente a la inicial la imagen anteriormente escogida.
4. Para poder fusionar las imágenes necesitas recortar la última imagen escogida con la herramienta localizada en el lado izquierda del programa denominada “Herramienta de selección libre”. Después empiezas a seleccionar la parte que quieras recortar dándole clic a los bordes de la imagen hasta que quedé totalmente seleccionada, lo cual se evidencia con un camino que se mueve y se ilumina en los bordes de la selección. NOTA: Para seleccionar de mejor manera la imagen, la puedes ampliar haciendo zoom en la parte posterior de la ventana.
PÁGINA 16
sengámi ed nóisuF
5. Después de haber seleccionado la imagen que quieres fusionar con la imagen base, le das clic a la opción “Editar” de la parte superior del programa para seleccionar el botón “Copiar visible”.
6. Dirígete a la ventana del programa donde se encuentra la imagen base o la primera imagen que insertamos en GIMP. A continuación, le das clic en la parte posterior del lado derecho del programa (El lado donde se encuentran las capas) que dice “Capa nueva”, le colocas el nombre que prefieras, rellena la capa con transparencia y le das aceptar.
PÁGINA 17
sengámi ed nóisuF
7. Después de haber creado la capa transparente, le das clic a la opción “Editar” en la parte superior de la ventana para seleccionar el botón “Pegar”. Luego en la imagen base, te aparecerá la imagen que habías recortado anteriormente en la otra ventana del programa..
8. A continuación, deberás utilizar la herramienta de escalado y de movimiento (Se encuentran en el lado izquierdo del programa en la caja de herramientas) para modificar la imagen pegada con el objetivo de tener una mejor edición en la imagen y un aspecto real.
9. Para finalizar nuestra fusión de imágenes, le das clic derecho a la capa que se llama “Selección flotante (Capa pegada)” que se encuentra en el lado derecho del programa y después presionas la opción “Anclar capa”.
PÁGINA 18
sengámi ed nóisuF
10. Ahora tenemos nuestra fusión de imágenes terminada. La puedes guardar o exportar dándole clic al botón “Archivo” en la parte posterior y luego seleccionar “Guardar como”, ahí podrás guardar la imagen creada con diferentes tipos de archivo como PNG, JPG, GIF y XCF (tipo de archivo propio de GIMP).
PÁGINA 19
Ejemplos de fusiรณn de imรกgenes Gimp Imagen Base
Imรกgenes a fusionar
Imagen Fusionada
Pร GINA 20
Ejemplos de fusiรณn de imรกgenes Gimp Imagen Base
Imรกgenes a fusionar
Imagen Fusionada
Pร GINA 21
Ejemplos de fusiรณn de imรกgenes Gimp Imagen Base
Imรกgenes a fusionar
Imagen Fusionada
Pร GINA 22
1. Abre el programa de GIMP en tu ordenador o computador (Lo puedes descargar en la página oficial del programa www.gimp.org)
anosrep
anu ed otcepsa le ne airojeM
2.Selecciona la imagen de la persona que desees editar, puede ser descargada de internet o tomada directamente de tu P.C(la imagén tiene que ser formato JPG, GIF, Png o xcf). La imagén puede ser de un famoso, de un familiar o hasta puede ser una tuya!
3.Después de abrir la imagén, tienes que abrir la caja de herramientas con el comando crtl+B o simplemente buscar caja de herramientas en ayuda.
PÁGINA 23
4. Después de que la caja de herramientas este abierta, selecciona la herramienta de saneado, la cual tiene forma de cura.
anosrep
anu ed otcepsa le ne airojeM
5. Ya con la herramienta seleccionada, busca que partes de la cara deseas arreglar (manchas, arrugas, acné, líneas de expresión, etc). Ya cuando sabes que quieres arreglar, tienes que buscar una parte de la piel que tenga la misma iluminación de la que quieres corregir, y la seleccionas con crtl+click al mismo tiempo, para que cada vez que pulses, salga el color de la parte seleccionada. Cuando la selecciones ya puedes pasar el puntero por la zona que deseas arreglar, y se hace así sucesivamente hasta terminar. (NOTA: Por cada lugar a arreglar, hay que seleccionar un lugar nuevo que tenga la misma iluminación)
PÁGINA 24
-Para que el proceso en general sea más sencillo en las partes más diminutas o grandes, cambia el tamaño, las proporciones y el tipo de pincel con que el que se va a usar el saneado.
anosrep
anu ed otcepsa le ne airojeM
-Si seguiste todas las instrucciones correcta y sucesivamente, podrás obtener un buen resultado final.
PÁGINA 25
Ejemplos de la mejoria de aspecto en GIMP: Antes
Después
PÁGINA 26
Ejemplos de la mejoria de aspecto en GIMP: Antes
Después
PÁGINA 27
Ejemplos de la mejoria de aspecto en GIMP: Antes
Después
PÁGINA 28
Explorando Gimp
Para esta ocasión descubriremos la herramienta de deformación que nos ayuda a hacer GIF's y consecutivamente te explicaremos paso a paso como se usa: 1. Abre el programa de GIMP en tu ordenador o computador (Lo puedes descargar en la página oficial del programa www.gimp.org)
2. Escoge la imagen que quieras modificar de google y asegúrate de que no sea formato GIF. Seguidamente, guárdala en tu computador ya sea en la sección de escritorio, documentos, descargas, etc.
PÁGINA 29
pmiG odnarolpxE
3. Ahora hay que abrir la imagen previamente guárdada en Gimp como un archivo nuevo
4. Luego, usaremos la herramienta de deformación. Posteriormente, en la esquina derecha podremos observar las opciones de esta herramienta de las cuáles nos basaremos para hacer el GIF
5. Ahora solo falta configurar todo a tu gusto y según lo que quieras modificar (escoger el pincel, su grosor, la dureza, la fuerza, la interpolación, etc...). Para realizar el GIF tendremos 5 opciones: mover pixeles, agrandar área, encoger área, rotar en sentido horario, rotar en sentido anti horario. Al escoger la opción que quieres usar solo tienes que pasar el pincel por donde quieres que se modifique la imagen. Después de haberlo hecho se determinan los marcos que quiere que el GIF tenga: marcos > menos velocidad del GIf - marcos < más velocidad. Para finalizar hacemos click en "crear animación"
PÁGINA 30
6. Finalmente, cuando haya terminado, solo falta revisar que haya quedado bien. Para este último paso, iremos a Filtros -> animación -> Reproducir. (HACER ZOOM PARA VER LA IMAGEN)
pmiG odnarolpxE PÁGINA 31
Ejemplo de actividad libre en Gimp
ANTES
DESPUÉS Debido a que Canva no nos permite publicar el GIF porque no es un formato compatible. Decidimos subir un antes y después de la imagen editada.
PÁGINA 32
tutorial
VERSIÓN 2.10
GIMPBOOK POR: José Miguel Urrea, Juan Esteban Escandòn, Priscila Sofía Abril Villediego
Edición #1
