Tallergimp

TALLER GIMP - @cpoyatos | www.pyrox.es

Índice de contenido1.- DESCARGA E INSTALACIÓN DE GIMP................................................................................... 2

1.1- INSTALACIÓN EN LINUX (UBUNTU) .............................................................................. 31.2- INSTALACIÓN EN MAC ...................................................................................................... 31.3- INSTALACIÓN EN WINDOWS ........................................................................................... 4

2.- PRIMEROS PASOS CON GIMP................................................................................................... 62.1- CONFIGURACIÓN DEL ÁREA DE TRABAJO................................................................... 62.2 - ESCALAR IMÁGENES....................................................................................................... 102.3 - VOLTEAR ............................................................................................................................ 112.4 - ROTAR .................................................................................................................................132.5 - GUARDAR ARCHIVOS.jpg ............................................................................................... 14

3 – RETOQUE BÁSICO....................................................................................................................163.1 - DESATURAR IMÁGENES..................................................................................................163.2 - CURVAS ...............................................................................................................................173.3 - COLOREAR .........................................................................................................................18

4.- FILTROS DECORATIVOS.......................................................................................................... 224.1 - ESQUINAS REDONDEADAS ........................................................................................... 234.2 - EFECTO DIAPOSITIVA ..................................................................................................... 24

5 - POSTAL DE PARÍS......................................................................................................................296 - MÁSCARAS DE CAPA............................................................................................................... 34

- 1 -

http://twitter.com/cpoyatos

http://www.pyrox.es/


1.- DESCARGA E INSTALACIÓN DE GIMP

GIMP es un editor de imágenes libre, gratuito y multiplataforma. Es la alternativa libre a Photoshop. Es ideal para mejorar fotografías, crear logotipos, editar imágenes, crear ilustraciones etc. Es el programa que más vamos a utilizar durante este curso.

Haz clic en tu sistema operativo para descargar GIMP

- 2 -


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

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


http://www.gimp.org.es/modules/mydownloads/visit.php?cid=4&lid=75

http://downloads.sourceforge.net/project/gimp-app/gimp-app/2.6.0-native-experimental/GIMP-2.6.0-native-experimental.dmg?r=http%3A%2F%2Fsourceforge.net%2Fprojects%2Fgimp-app%2Ffiles%2Fgimp-app%2F&ts=1295630611&use_mirror=heanet

http://downloads.sourceforge.net/project/gimp-win/GIMP%20%2B%20GTK%2B%20%28stable%20release%29/GIMP%202.6.4%20%2B%20GTK%2B%202.14.6/gimp-2.6.4-i686-setup.exe?r=http%3A%2F%2Fwww.gimp.org.es%2Fmodules%2Fmydownloads%2Fsinglefile.php%3Fcid%3D3%26lid%3D84&ts=1295732384&use_mirror=netcologne


1.1- INSTALACIÓN EN LINUX (UBUNTU)

Gimp ya viene instalado en la distribución Linux Ubuntu, podrás encontrarlo en Aplicaciones > Gráficos > GIMP

1.2- INSTALACIÓN EN MAC

Monta el archivo DMG descargado y copia el fichero GIMP dentro de aplicaciones.

- 3 -




1.3- INSTALACIÓN EN WINDOWS

Descargamos el instalador (archivo.exe)

Ejecutamos el paquete instalador, hacemos clic en Next.

- 4 -




Aceptamos la licencia, si procede, haciendo clic en Next.

Pulsamos Install Now.

Para finalizar hacemos clic en Finish, aunque el asistente instalador estaba en inglés el programa se abrirá en castellano.

- 5 -




2.- PRIMEROS PASOS CON GIMP

2.1- CONFIGURACIÓN DEL ÁREA DE TRABAJOLa primera vez que abrimos GIMP podemos llegar a asustarnos con tanta ventana, por ello vamos a intentar simplificar al máximo el área de trabajo. Observamos tres bloques:

• Caja de Herramientas • Menú principal • Paneles de capas, canales, rutas...

Cerramos los paneles de la derecha del todo (zona 3).

Desde el menú principal, hacemos clic en Ventanas > Diálogos empotrables >

• Historia de deshacer: Necesario para poder volver a pasos anteriores. • Capas: Para la administración de las capas de nuestra ilustración. • Navegación: Para obtener una vista previa y poder desplazarnos por la imagen.

- 6 -




Para ahorrarnos pantalla y así disponer de mayor espacio para diseñar, vamos a insertar los menús debajo de la caja de herramientas (zona 1). Arrastramos y soltamos el panel de Capas dentro de la zona 1.

Se habrá añadido la solapa de Capas. Repetimos el proceso anterior con el Historial de deshacer.

- 7 -




Por último agregamos el panel de Navegación.

Con el paso anterior hemos finalizado la configuración básica del entorno de trabajo de GIMP.

- 8 -




De izquierda a derecha disponemos de los siguientes paneles: Opciones de herramienta (muestra las opciones de las herramientas de GIMP), Capas, Historial de deshacer, Navegación.

Ahora disponemos de un mayor espacio de trabajo.

Fotografía Haraganeando de Eduardo Amorim publicada bajo licencia CC

- 9 -


http://creativecommons.org/licenses/by-nc-sa/2.0/deed.es

http://www.flickr.com/photos/75133058@N00/4193463630/



2.2 - ESCALAR IMÁGENESEsta práctica es una de las más habituales. Cuando publicamos fotos en blogs o las enviamos por correo electrónico debemos escalarlas previamente.

Busca y descarga una fotografía en compfight con resolución grande. Abre el archivo con el editor de imágenes GIMP.

Alhambra de PhilipC publicada bajo licencia CC

Hacemos clic en Imagen > Escalar la imagen.

Cambiamos el ancho de la imagen y pulsamos Intro, automáticamente se modificará el valor del alto para que el archivo no se distorsione y guarde las proporciones.

- 10 -


http://creativecommons.org/licenses/by/2.0/deed.es

http://www.flickr.com/photos/flissphil/51267220/sizes/o/



Si vamos a utilizar la imagen en una publicación web elegiremos un ancho entre 400px y 700px, dependiendo del ancho de nuestra web, blog, wiki...Si vamos a enviar la imagen por correo elegiremos un ancho entre 800px y 1200px

2.3 - VOLTEAR Abrimos una fotografía con GIMP desde el menú Archivo > Abrir.

Jaguaress looking at me de Tambako publicada bajo licencia CC

- 11 -






Volteamos horizontalmente la fotografía pulsando Imagen > Transformar > Voltear horizontalmente.

Del mismo modo podemos voltear la imagen verticalmente pulsando Imagen > Transformar > Voltear verticalmente.

- 12 -




2.4 - ROTAR Muchas veces solemos recibir imágenes rotadas. Si abrimos éstas fotografías con GIMP podremos girarlas 90º o 180º.

Jaguaress looking at me de Tambako publicada bajo licencia CC

Hacemos clic en Imagen > Transformar > Rotar 90º en el sentido que necesite la fotografía, en nuestro caso el horario.

- 13 -






2.5 - GUARDAR ARCHIVOS.jpg

Pulsamos Archivo > Guardar como.

- 14 -




Seleccionamos la carpeta donde vamos a guardar la imagen, escribimos el nombre del archivo y le añadimos la extensión .jpg

Exportamos el archivo.

Elegimos la calidad de archivo (preferiblemente mayor del 95%) y pulsamos Guardar. En opciones avanzadas podemos agregar un comentario (creado por...)

- 15 -




3 – RETOQUE BÁSICO

3.1 - DESATURAR IMÁGENES

Todas las opciones de retoque básico de fotografías se encuentra en el menú de Colores. En esta primera práctica vamos a pasar una foto en color a blanco y Negro. Abrimos una imagen con GIMP y hacemos clic en Colores > desaturar.

Elegimos un tipo de desaturación Claridad, Luminosidad o Medio y pulsamos Aceptar.

- 16 -




3.2 - CURVAS

Desde Colores > Curvas, podemos ajustar los colores de una fotografía para un canal determinado (verde, rojo o azul).

Fotografía de @cpoyatos publicada con licencia CC

Elegimos un canal determinado y ajustamos las curvas añadiendo y desplazando los puntos de control que estimemos hasta alcanzar el efecto deseado.

- 17 -






3.3 - COLOREAR Vamos a colorear una fotografía, para ello en el menú principal pulsamos Colores > Colorear

- 18 -




Cambiamos los valores del Tono, saturación y Luminosidad, y pulsamos Aceptar.

- 19 -




3.4 - BRILLO Y CONTRASTE

Fotografía de @cpoyatos publicada con licencia CC

Al pasar las fotos al ordenador muchas veces nos encontramos fotografías con poco contraste. Vamos a ver dos formas de aumentar el brillo y el contraste de una fotografía:

- 20 -






Desde el menú principal pulsamos Colores > Brillo y contraste.

Ajustando los niveles. Colores > Niveles.

- 21 -




4.- FILTROS DECORATIVOS

En esta práctica aprenderemos a aplicar filtros decorativos a nuestras fotografías, algo muy útil para mejorar la imagen de nuestros blogs. Abrimos una fotografía con GIMP.

Sunlight de Midlander1231 - publicada bajo licencia CC

- 22 -


http://creativecommons.org/licenses/by-nc/2.0/deed.es

http://www.flickr.com/photos/tonyarmstrong/4547474233/sizes/z/



4.1 - ESQUINAS REDONDEADAS

Hacemos clic en Filtros Decorativos > Diálogos empotrables > Esquinas redondeadas.

Elegimos el radio de las esquinas redondeadas, configuramos la sombra base. Si queremos que la imagen quede con fondo transparente deshabilitamos la opción Añadir fondo. Por último marcamos la casilla trabajar en copia para no dañar la fotografía original.

- 23 -




Si la imagen tiene fondo guardaremos el archivo como jpg. Si el fondo es transparente guardamos la imagen como PNG.

4.2 - EFECTO DIAPOSITIVA Abrimos una nueva fotografía o trabajamos sobre la imagen original.

En el menú principal pulsamos Filtros Decorativos > Diálogos empotrables > Diapositiva.

- 24 -




Insertamos un texto y elegimos su color. Habilitamos Trabajar en copia y pulsamos Aceptar.

- 25 -




4.3 - EFECTO DIFUMINAR BORDE

Abrimos una nueva fotografía o trabajamos sobre la imagen original.

En el menú principal pulsamos Filtros Decorativos > Diálogos empotrables > Difuminar borde.

Elegimos un desenfoque y color de fondo. Habilitamos Trabajar en copia y pulsamos Aceptar.

- 26 -




4.4 - EFECTO AÑADIR BORDE

Abrimos una nueva fotografía o trabajamos sobre la imagen original.

En el menú principal pulsamos Filtros Decorativos > Diálogos empotrables > Añadir borde.

- 27 -




Seleccionamos el color del borde y su tamaño en X y en Y. Este efecto no tiene la opción de Trabajar en copia.

- 28 -




Todos los efectos utilizados:

5 - POSTAL DE PARÍS

- 29 -




En esta práctica vamos a trabajar los modos de capa de GIMP. Descargamos y abrimos con GIMP las siguientes imágenes:

- paris01.jpg

- paris02.jpg

Tour Eiffel de Al lanni - publicada bajo licencia CCSous le ciel de Paris de José Luis Mieza -publicada bajo licencia CC

Activamos la ventana del la imagen paris01 y la copiamos pulsando Ctrl + C o desde el menú Editar > Copiar

- 30 -





http://www.flickr.com/photos/ainet/869942883/

http://pyrox.es/descargas/GIMP/paris02.jpg

http://pyrox.es/descargas/GIMP/paris01.jpg



Activamos la ventana de la imagen paris02.jpg y hacemos clic en Editar > Pegar como > Capa nueva.

Se habrá pegado la imagen paris01.jpg en una capa por encima de la fotografía paris02. Podemos ver la disposición de las capas desde el panel de Capas. Capa superior de la Torre Eifel (nombre por defecto Portapapeles) y capa inferior del atardecer (nombre por defecto Fondo).

- 31 -




En el panel de Capas activamos la capa superior (Portapapeles si no le hemos cambiado el nombre), dejamos el modo normal y jugamos con la opacidad de la capa hasta que nos guste el efecto creado.

Podemos crear otros efectos más artísticos modificando el modo de capa por ejemplo a diferencia.

- 32 -




Si aplicamos en ese momento en propiedades de la capa Modo Multiplicar conseguiremos que los claros de la fotografía de la Torre eiffel desaparezcan y los oscuros se acentúen más.

- 33 -




6 - MÁSCARAS DE CAPAAbrimos una imagen cualquiera y en el panel de capas creamos una capa nueva.

Foto de joiseyshowaa - publicada bajo licencia CC

Seleccionamos Tipo de relleno Blanco.

- 34 -


http://creativecommons.org/licenses/by-sa/2.0/deed.es




Desde el panel de capas desplazamos la capa creada al fondo de la composición.

- 35 -




Activamos la capa de la fotografía.

En el menú principal pulsamos Capa > Máscara > Añadir máscara de Capa.

- 36 -




Seleccionamos Negro (Transparencia total).

En el panel de capas deberíamos tener algo similar a esto:

- 37 -




En la caja de herramientas habilitamos el pincel y seleccionamos color de frente blanco. En el inspector de componentes elegimos un tipo de brocha y una escala.

Procedemos a pintar con el pincel, allí donde pasemos el pincel aparecerá la fotografía.

- 38 -




Si elegimos otro tipo de pincel el resultado es totalmente diferente.

- 39 -




Para borrar fotografía sólo hay que elegir el color de frente del pincel Negro.

Resultado con otro pincel:

- 40 -




- 41 -



Tallergimp

Documents

Transcript of Tallergimp