120
EDICIÓN DE IMÁGENES CON GIMP2 1 Sencillos trucos para trabajar con imágenes y adaptarlas a nuestras necesidades. Yolanda Mejido González Gimp2 es software libre. Gimp2 es software libre. Puedes obtenerlo en: Puedes obtenerlo en: http :// www.gimp.org.es / O directamente Aquí.

Edicion gimp

Embed Size (px)

Citation preview

Page 1: Edicion gimp

EDICIÓN DE IMÁGENESCON GIMP2

1

Sencillos trucos para trabajar con imágenes y adaptarlas a

nuestras necesidades.

Yolanda Mejido González

Gimp2 es software libre.Gimp2 es software libre.Puedes obtenerlo en:Puedes obtenerlo en:

http://www.gimp.org.es/ O directamente Aquí.

Page 2: Edicion gimp

Edición de imágenes con Gimp2

• Las fotos que se publican en la Web deben tener un peso suficiente para dar calidad al tamaño al que se quieren visualizar, pero no excesivo, para no ralentizar la carga de la página. Hay que tener en cuenta que toda foto con más resolución de 72ppp tanto a lo alto como a lo ancho tendrá un peso desperdiciado ya que los monitores no son capaces de mostrar una resolución superior.

• Así pues, dependiendo del caso puede interesarnos:

a) Reducir el tamaño.

b) Reducir la resolución.

1.Redimensionar una fotografía con Gimp.

Yolanda Mejido González 2

Page 3: Edicion gimp

Se sobreentiende que manteniendo la resolución.

a)Reducir el tamaño de una fotografía.(1)

Yolanda Mejido González 3

Partimos de una imagen muy grande pero con la resolución adecuada.

1.Abrimos la imagen con Gimp.

Edición de imágenes con Gimp2

Page 4: Edicion gimp

a)Reducir el tamaño de una fotografía.(2)

Yolanda Mejido González 4

2.Vamos al menú “Imagen”.

3.Opción “Propiedades de la imagen”.

Edición de imágenes con Gimp2

Page 5: Edicion gimp

a)Reducir el tamaño de una fotografía.(3)

Yolanda Mejido González 5

4.Podemos ver que el tamaño es enorme.

5.Sin embargo la resolución es perfecta.

6.Reduciendo tamaño y manteniendo resolución bajaremos el peso, que es excesivo.

7.Cerramos

Edición de imágenes con Gimp2

Page 6: Edicion gimp

a)Reducir el tamaño de una fotografía.(4)

Yolanda Mejido González 6

8.Vamos al menú “Imagen”.

9.Opción “Escalar la imagen”

Edición de imágenes con Gimp2

Page 7: Edicion gimp

a)Reducir el tamaño de una fotografía.(5)

Yolanda Mejido González 7

10.Vamos al menú “Imagen”.

11.Opción “Escalar la imagen”.

12.Reducimos la altura a la mitad (hasta 680). La anchura se autoajusta para mantener la proporción.

13.Clic en “Escala”.

Edición de imágenes con Gimp2

Page 8: Edicion gimp

a)Reducir el tamaño de una fotografía.(6)

Yolanda Mejido González 8

13.Vamos al menú “archivo”. Opción Guardar.

14.Le ponemos un nombre distinto, para no sobreescribir. Opción “Escalar la imagen”.Le añadimos “Pequeña”.

15.Guardamos

Edición de imágenes con Gimp2

Page 9: Edicion gimp

a)Reducir el tamaño de una fotografía.(7)

Yolanda Mejido González 9

16.Ponemos calidad al 100%, para no perder calidad.

17.Guardar.

Edición de imágenes con Gimp2

Page 10: Edicion gimp

a)Reducir el tamaño de una fotografía.(8)

Yolanda Mejido González 10

18.Y sin embargo el tamaño del archivo se ha reducido a una sexta parte.

Edición de imágenes con Gimp2

Page 11: Edicion gimp

a)Reducir el tamaño de una fotografía.(9)

Yolanda Mejido González

19.La foto tiene ahora la mitad de tamaño. Y podría reducirse mucho más. Todavía mide 35 cm de ancho.

Edición de imágenes con Gimp2

11

Page 12: Edicion gimp

Se sobreentiende que manteniendo el tamaño.

b)Reducir la resolución de una imagen.(1)

Yolanda Mejido González 12

Partimos de una imagen con una resolución elevada. Todo lo que exceda los 72ppp es peso no aprovechado.

1.Abrimos la imagen con Gimp.

Edición de imágenes con Gimp2

Page 13: Edicion gimp

b)Reducir la resolución de una imagen(2)

Yolanda Mejido González 13

2.Abrimos la imagen con Gimp.

3.Vamos a Menú “Insertar”.

4.Opción “Propiedades de la imagen”.

Edición de imágenes con Gimp2

Page 14: Edicion gimp

b)Reducir la resolución de una imagen.(3)

Yolanda Mejido González 14

5.Tiene una resolución de 96ppp de alto y 96ppp de ancho. No es exagerada, pero la vamos a reducir.

6.Cerramos.

Edición de imágenes con Gimp2

Page 15: Edicion gimp

b)Reducir la resolución de una imagen.(4)

Yolanda Mejido González 15

7.Menú “Imagen” opción “Escalar imagen”.

Edición de imágenes con Gimp2

Page 16: Edicion gimp

b)Reducir la resolución de una imagen.(5)

Yolanda Mejido González 16

8.Reducimos la resolución en uno de los ejes hasta 72 ppp y la otra se autoajustará para mantener la proporción.

9.Clic sobre “Escala”.

Edición de imágenes con Gimp2

Page 17: Edicion gimp

b)Reducir la resolución de una imagen.(6)

Yolanda Mejido González 17

10.Ya tenemos una resolución de 72ppp.

Resoluciones superiores son buenas para imprimir pero no para mostrar en pantalla.

Edición de imágenes con Gimp2

Page 18: Edicion gimp

b)Reducir la resolución de una imagen.(7)

Yolanda Mejido González 18

11.Por ello conviene guardar con otro nombre y mantener el original.

12.Confirmar el guardado con calidad del 100%.

Edición de imágenes con Gimp2

Page 19: Edicion gimp

Yolanda Mejido González 19

Unos ejemplos para aprender a interpretar los histogramas.

SOBREXPUESTA NORMAL SUBEXPUESTA

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(1)

Page 20: Edicion gimp

Yolanda Mejido González 20

1.Partimos de una imagen que no necesita retoque alguno. Lo comprobamos al examinar su histograma.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(2)

Page 21: Edicion gimp

Yolanda Mejido González 21

2.Menú “Colores”, opción “Niveles”.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(3)

Page 22: Edicion gimp

Yolanda Mejido González 22

3.Vemos que la distribución de luz es equilibrada (centrada).

No hace falta modificar nada

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(4)

Page 23: Edicion gimp

Yolanda Mejido González 23

4.En este otro caso es evidente que falta luz. El histograma aparece desequilibrado hacia la izquierda.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(5)

Page 24: Edicion gimp

Yolanda Mejido González 24

5.Para corregirlo vamos al menú “colores”, opción “Brillo y Contraste”.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(6)

Page 25: Edicion gimp

Yolanda Mejido González 25

6.Elevamos bastante el brillo y el contraste en menor medida. Cada caso es diferente. Vamos ajustando en la medida necesaria.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(7)

Page 26: Edicion gimp

Yolanda Mejido González 26

7.El resultado es este. Obviamente influyen las preferencias de cada persona.

8.Aceptamos y guardamos el archivo.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(8)

Page 27: Edicion gimp

Yolanda Mejido González 27

7.Si se quiere mantener el original guardaremos con un nombre distinto

8.Guardamos el archivo con el 100% para no perder calidad en la imagen

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(9)

Page 28: Edicion gimp

Yolanda Mejido González 28

9.En el caso contrario, una imagen con exceso de luz

10.El histograma se mostrará desplazado a la derecha.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(10)

Page 29: Edicion gimp

Yolanda Mejido González 29

11.Como el desequilibrio es leve y en una zona de la imagen vamos a hacerlo diferente.

12.Menú “Colores”, opción “Curvas”.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(11)

Page 30: Edicion gimp

Yolanda Mejido González 30

13.Desplazamos el punto del extremo de la recta. Cuanto más bajamos más se oscurece la imagen.

14.Aceptamos.

Edición de imágenes con Gimp2

c)Corregir brillo y contraste en una imagen.(12)

Page 31: Edicion gimp

c)Corregir brillo y contraste en una imagen.(13)

Yolanda Mejido González 31

15.Este es el resultado

16.Aceptamos.

17.Guardamos sin pérdida de calidad.

Edición de imágenes con Gimp2

Page 32: Edicion gimp

c)Corregir viveza de los colores(1)

Yolanda Mejido González 32

1.Esta imagen adolece de que sus colores tienen poca vida, están “apagados”.

Edición de imágenes con Gimp2

Page 33: Edicion gimp

c)Corregir viveza de los colores(2)

Yolanda Mejido González 33

2.Vamos a corregirlo. Menú “colores”, opción “Balance de color”

Edición de imágenes con Gimp2

Page 34: Edicion gimp

c)Corregir viveza de los colores(3)

Yolanda Mejido González 34

3.Subimos los niveles de color a nuestro gusto.

4.Aceptamos

Edición de imágenes con Gimp2

Page 35: Edicion gimp

c)Corregir viveza de los colores(4)

Yolanda Mejido González 35

5.Después conviene elevar ligeramente la saturación. Menú “Colores”, opción “Saturación”.

Edición de imágenes con Gimp2

Page 36: Edicion gimp

c)Corregir viveza de los colores(5)

Yolanda Mejido González 36

6.Aceptar

7.También puede ser interesante elevar ligeramente el contraste.

Edición de imágenes con Gimp2

Page 37: Edicion gimp

c)Corregir viveza de los colores(6)

Yolanda Mejido González37

El resultado comparativo puede verse aquí:

Antes Después

Edición de imágenes con Gimp2

Page 38: Edicion gimp

d)Convertir a imagen en blanco y negro.(1)

Yolanda Mejido González 38

Pero aun es más fácil en Gimp2, de esta manera:

Hay varias formas de llegar a este resultado.

Una opción sencilla puede ser utilizando filtros.

Edición de imágenes con Gimp2

Page 39: Edicion gimp

d)Convertir a imagen en blanco y negro (2)

Yolanda Mejido González 39

1.Abrimos la imagen con Gimp2.

2.Menú “Imagen”, opción “Modo” y “Escala de grises”

Edición de imágenes con Gimp2

Page 40: Edicion gimp

d)Convertir a imagen en blanco y negro con Gimp2 (3)

Yolanda Mejido González

3.Solo tenemos que guardarla.

4.Recordad que para conservar la imagen con color deberemos guardar esta con otro nombre.

Edición de imágenes con Gimp2

40

Page 41: Edicion gimp

d)Convertir a imagen en blanco y negro con Gimp2 (4)

Yolanda Mejido González 41

4.Recordad que para conservar la imagen con color deberemos guardar esta con otro nombre.

5.Guardarla al 100% para no perder calidad.

Edición de imágenes con Gimp2

Page 42: Edicion gimp

d)Convertir a imagen en sepia envejecido(5)

Yolanda Mejido González

6.También se le puede dar efectos de vejez a las imágenes.

7.Vamos a menú “Filtros” opción

Edición de imágenes con Gimp2

42

Page 43: Edicion gimp

d)Convertir a imagen en sepia envejecido(6)

Yolanda Mejido González

8.Vamos a menú “Filtros” opción “Decorador/ Foto antigua”

Edición de imágenes con Gimp2

43

Page 44: Edicion gimp

d)Convertir a imagen en sepia envejecido(7)

Yolanda Mejido González

9.Vamos a menú “Filtros” opción “Decorador/Foto antigua”.

10.Aceptamos.

Edición de imágenes con Gimp2

44

Page 45: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (1)

Yolanda Mejido González

En muchas ocasiones hay que trabajar con textos o figuras de fotos bajadas de Internet pero que tienen el inconveniente de presentar un fondo blanco o a veces de otro color detrás.

lo interesante sería poder quedarse sólo con las letras o con la figura principal.

Edición de imágenes con Gimp2

45

Page 46: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (2)

Yolanda Mejido González

1.La herramienta de selección borrosa, también llamada varita mágica, selecciona áreas continuas de color similar. Puede emplear los colores de la capa actual o en toda la imagen. Comienza seleccionando el lugar en donde se hace clic, y se expande a todo el área, seleccionando los píxeles contiguos cuyos colores sean similares al píxel inicial. Así seleccionamos toda la región del fondo

Edición de imágenes con Gimp2

46

Page 47: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (3)

Yolanda Mejido González

2. Así seleccionamos toda la región del fondo

Edición de imágenes con Gimp2

47

Page 48: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (4)

Yolanda Mejido González

3.Está seleccionado el fondo, pero a nosotros nos interesa lo contrario, la cara. Por ello hacemos menú “Seleccionar”, opción “Invertir”.

Edición de imágenes con Gimp2

48

Page 49: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (5)

Yolanda Mejido González

4.Ahora tenemos seleccionada la cara, pero vamos a tener un problema con el ojo izquierdo. (por ser blanco y contiguo al fondo).

5.Menú “Seleccionar”, opción “Cortar”

Edición de imágenes con Gimp2

49

Page 50: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (6)

Yolanda Mejido González

y si pegáramos en otra hoja nueva nos quedaría esto.

Edición de imágenes con Gimp2

50

Page 51: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (7)

Yolanda Mejido González

6.Para evitarlo, vamos a trazar una elipse en el ojo, que luego quitaremos. Servirá para dividir la imagen del fondo.

7.Hago un zoom para ver mejor el ojo.

Edición de imágenes con Gimp2

51

Page 52: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (8)

Yolanda Mejido González

8.Con la herramienta cuentagotas hago que el color por defecto sea el marrón del zorro.

Ahora todo lo que trace será de ese color.

Edición de imágenes con Gimp2

52

Page 53: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (9)

Yolanda Mejido González

9.Con la herramienta de selección de trazado circular

trazo una elipse y la ajusto al contorno del ojo

Edición de imágenes con Gimp2

53

Page 54: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (10)

Yolanda Mejido González

10.Voy a menú “Editar” y a la opción “Trazo a selección”, para convertir la selección en un trazo.

Edición de imágenes con Gimp2

54

Page 55: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (9)

Yolanda Mejido González

12.Queda así, luego disimularemos la elipse.

Edición de imágenes con Gimp2

55

Page 56: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (10)

Yolanda Mejido González

13.Ahora si podemos usar la herramienta “varita mágica”. Se selecciona sólo el fondo.

14.Menú “Seleccionar”, opción “Invertir”.

15.Menú “Editar”, opción “Cortar”.

Edición de imágenes con Gimp2

56

Page 57: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (11)

Yolanda Mejido González

16.Abrimos un documento nuevo con menú “Archivo”, opción “Nuevo”. Y le damos un tamaño de lienzo suficientemente grande.

Edición de imágenes con Gimp2

57

Page 58: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (12)

Yolanda Mejido González

17.Además en “opciones avanzadas” seleccionamos “Rellenar con transparencia” y aceptamos.

Edición de imágenes con Gimp2

58

Page 59: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (13)

Yolanda Mejido González

18.Y atención, ahora Menú “Editar”, opción “Pegar”.

Edición de imágenes con Gimp2

59

Page 60: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (14)

Yolanda Mejido González

19.Queda así.

20.Podemos difuminar el borde exterior de la elipse con la herramienta “emborronado”.

Edición de imágenes con Gimp2

60

Page 61: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (15)

Yolanda Mejido González

21.Ahora hay que guardar como .PNG. Vamos a “Archivo”, opción “Guardar como”.

Edición de imágenes con Gimp2

61

Page 62: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (16)

Yolanda Mejido González

22.Importante añadirle al nombre de archivo la extensión .PNG.

23.Decirle donde queremos que lo guarde.

24.Especificar la extensión también aquí

25.Guardar.

Edición de imágenes con Gimp2

62

Page 63: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (17)

Yolanda Mejido González

26.Guardar. Confirmamos el guardado como .PNG

Edición de imágenes con Gimp2

63

Page 64: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (18)

Yolanda Mejido González

27.Resultado final

Edición de imágenes con Gimp2

64

Page 65: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (19)

Yolanda Mejido González

1.Si nos fijamos hay tres colores:

– Rojo: el texto

– Blanco: el fondo

– Y negra: la sombra.

Edición de imágenes con Gimp2

Con el Logo de Coca Cola es mucho más sencillo. Esto nos puede servir también para fotos, cuando se quiera eliminar todo un color determinado.

65

Page 66: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (19)

Yolanda Mejido González

2.Podríamos hacer lo mismo de antes: seleccionar el fondo con la varita mágica y quedarnos con el resto al invertir la selección.

3.Pero vamos a mostrar como eliminar todo un color. Abrimos la imagen con Gimp2.

Edición de imágenes con Gimp2

66

Page 67: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (20)

Yolanda Mejido González

4.Vamos al Menú “Selección” y opción “Selección por color”.

Edición de imágenes con Gimp2

67

Page 68: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (21)

Yolanda Mejido González

5.Luego pinchamos sobre cualquier zona roja (letras). Queda seleccionado todo lo que sea de ese tono de rojo.

Edición de imágenes con Gimp2

68

Page 69: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (22)

Yolanda Mejido González

6.Edición cortar

7.Abrimos un documento nuevo, con fondo transparente.

8.Pegamos. Así tenemos el logotipo sin fondo y sin sombra.

Edición de imágenes con Gimp2

69

Page 70: Edicion gimp

e)Eliminar el fondo a un logotipo o foto (23)

Yolanda Mejido González

9.Si lo queremos con sombra eliminamos el color blanco. Seleccionándolo.

10.Invertimos la selección

11.Cortamos

12.Pegamos sobre un lienzo transparente.

Edición de imágenes con Gimp2

70

Page 71: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

Entramos en el terreno del trucaje de fotos.

Con Gimp2 se pueden hacer cosas como estas:

Edición de imágenes con Gimp2

71

Page 72: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

Vamos a realizar un sencillo ejercicio partiendo de estas dos fotos:

En realidad Stallone siempre quiso formar parte del Equipo A

Edición de imágenes con Gimp2

72

Page 73: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

1.Abrimos la imagen de fondo con Gimp2 y la minimizamos

2.Abrimos la imagen de Rambo. Vamos a recortale la cara.

Edición de imágenes con Gimp2

73

Page 74: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

3.Ampliamos la zona para trabajar mejor y con la herramienta “Crear ruta” marcamos punto a punto la zona a copiar.

Edición de imágenes con Gimp2

74

Page 75: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

4.Seleccionamos la zona dentro de la ruta con menú “Seleccionar”, opción “A partir de una ruta”.

Edición de imágenes con Gimp2

75

Page 76: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

5.Guardaremos este recorte en el Búfer. Para ello vamos al menú “Editar”, opción “Búfer/Copiar con nombre….”

6.Nos sale este cuadro y ponemos el nombre: “Cara Rambo”.

Edición de imágenes con Gimp2

76

Page 77: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

7.Maximizamos la foto de fondo. Podemos cerrar ya la de Rambo.

8.Sobre la foto del equipo A hacemos: menú “Editar”, opción “Bufer/Pegar con nombre….”

Edición de imágenes con Gimp2

77

Page 78: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

9.Elegimos la imagen del Búfer que nos convenga.

10.Clic en este botón.

Edición de imágenes con Gimp2

78

Page 79: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

9.Queda pegada así. Pero si analizamos las capas veremos que todo está en la misma capa.

Edición de imágenes con Gimp2

79

Page 80: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

10.Para mandar la cara a una capa nueva hacemos clic con el botón derecho del ratón sobre la selección de la cara, y elegimos “Capa” y después “Capa nueva”.

Edición de imágenes con Gimp2

80

Page 81: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

11.Podemos asegurarnos de que está en otra capa distinta si vamos al menú “Diálogos” , opción “Capas”.

Edición de imágenes con Gimp2

81

Page 82: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

12.Es evidente que la cabeza es demasiado grande. La reduciremos escalando la capa.

Edición de imágenes con Gimp2

82

Page 83: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

13.Aquí hay que ir probando hasta dar con el tamaño adecuado. Al modificar la altura, la anchura se ajusta automáticamente para mantener la proporción.

Edición de imágenes con Gimp2

83

Page 84: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

14.Hemos reducido el tamaño de la cabeza. Ahora hay que moverla hasta superponerla a otra. Elegimos la herramienta “Mover”.

Edición de imágenes con Gimp2

84

Page 85: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

15.Y colocamos la cabeza de Rambo sobre la otra.

16.Hay que arreglar la zona del cuello y ensuciar el brazo con un tono similar al de la cara.

17.Para trabajar mejor ampliamos la zona.

Edición de imágenes con Gimp2

85

Page 86: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

18.Clonaremos el color oscuro de la camisa y pintaremos sobre el cuello.

19.Utilizaremos estas dos herramientas:

Edición de imágenes con Gimp2

Clonar Color

Pincel (fino)

86

Page 87: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

20.A veces la herramienta de clonar color requiere ajuste manual, para que se parezca más al color que precisamos. Arreglada esta zona pasamos a la capa inferior.

21. Vamos al menú “Diálogos”, opción “capas” y elegimos como capa activa la capa “Fondo”. Ahora trabajaremos sobre la foto original.

Edición de imágenes con Gimp2

87

Page 88: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

22.Por último arreglamos el brazo dándole un efecto sucio con el aerosol y con el color clonado de la cara o del cuello.

Edición de imágenes con Gimp2

Aerosol

88

Page 89: Edicion gimp

f)Realizar un fotomontaje

Yolanda Mejido González

23.Y el resultado final es este:

24.Al intentar guardarlo nos sale este mensaje.

Edición de imágenes con Gimp2

25.Así que lo exportamos a formato .PNG, que si maneja transparencias, o bien aplanamos la imagen antes de guardar como .JPG.

89

Page 90: Edicion gimp

g)Cambiar colores

Yolanda Mejido González

Ahora vamos a realizar un ejercicio consistente en cambiar el color a toda una zona.

El ejemplo típico del pelo de una modelo:

Edición de imágenes con Gimp2

90

Page 91: Edicion gimp

Yolanda Mejido González

1.Abrimos la foto con Gimp2. Ampliamos para trabajar mejor sobre el pelo.

2.Seleccionamos la herramienta “Crear ruta”.

Edición de imágenes con Gimp2

g)Cambiar colores

91

Page 92: Edicion gimp

Yolanda Mejido González

3.Con paciencia creamos la ruta punto a punto. Es más fácil de lo que parece.

Edición de imágenes con Gimp2

g)Cambiar colores

92

Page 93: Edicion gimp

Yolanda Mejido González

4.Seleccionamos a partir de la ruta de esta manera.

Edición de imágenes con Gimp2

g)Cambiar colores

93

Page 94: Edicion gimp

Yolanda Mejido González

5.Ahora procedemos a cambiar el color. Vamos a menú “Colores”, opción “Balance de color…”

Edición de imágenes con Gimp2

g)Cambiar colores

94

Page 95: Edicion gimp

Yolanda Mejido González

6.Modificamos el color jugando con estas tres barras. Se va viendo el efecto sobre la marcha.

7.Cuando estemos satisfechos, aceptamos.

Edición de imágenes con Gimp2

g)Cambiar colores

95

Page 96: Edicion gimp

Yolanda Mejido González

8.Para deseleccionar el área debemos ir al menú “Selecciona”. Opción “Nada”.

Edición de imágenes con Gimp2

g)Cambiar colores

96

Page 97: Edicion gimp

Yolanda Mejido González

9.Este es el resultado

10.Ahora sólo tenemos que guardar la imagen

Edición de imágenes con Gimp2

g)Cambiar colores

97

Page 98: Edicion gimp

Yolanda Mejido González

11.Fácilmente se pueden obtener diferentes tonos. Clásicos:

Edición de imágenes con Gimp2

g)Cambiar colores

98

Page 99: Edicion gimp

Yolanda Mejido González

12.O más atrevidos:

Edición de imágenes con Gimp2

g)Cambiar colores

99

Page 100: Edicion gimp

Yolanda Mejido González

Vamos a realizar otro ejercicio consistente en colorear zonas de una foto. Con ello podemos conseguir cosas tan sorprendentes como esta:

Edición de imágenes con Gimp2

g)Cambiar colores (2)

100

Page 101: Edicion gimp

Yolanda Mejido González

1.Abrimos esta foto con Gimp2.

2.Simplemente seleccionaremos zonas por color lo cambiaremos. Por ejemplo la zona verde por un azul oscuro y la arena por un rojo vino.

Edición de imágenes con Gimp2

g)Cambiar colores (2)

101

Page 102: Edicion gimp

Yolanda Mejido González

3.Ampliamos la zona verde, y seleccionamos con la herramienta “Varita mágica”. Hacemos clic varias veces para seleccionar.

4.Debemos ajustar el modo de selección de la varita, para que permita selección sucesiva de varias zonas.

Edición de imágenes con Gimp2

g)Cambiar colores (2)

102

Page 103: Edicion gimp

Yolanda Mejido González

5. Si por error se selecciona una zona que no interesa, para deseleccionarla debemos pinchar sobre ella mientras mantenemos pulsada la tecla “Control”.

6.Con algo de paciencia conseguiremos esto.

Edición de imágenes con Gimp2

g)Cambiar colores (2)

103

Page 104: Edicion gimp

Yolanda Mejido González

7.Vamos al menú “Colores” opción “Colorear”.

Edición de imágenes con Gimp2

g)Cambiar colores (2)

104

Page 105: Edicion gimp

Yolanda Mejido González

8.Modificamos los valores. Se ve el efecto sobre la marcha.

9.Aceptamos.

Edición de imágenes con Gimp2

g)Cambiar colores (2)

105

Page 106: Edicion gimp

Yolanda Mejido González

10.Vamos al menú “Seleccionar”, opción “Nada”.

11.Procedemos de igual manera con la otra zona.

Edición de imágenes con Gimp2

g)Cambiar colores (2)

106

Page 107: Edicion gimp

Yolanda Mejido González

12.Comparamos la foto original con la resultante:

Edición de imágenes con Gimp2

g)Cambiar colores (2)

107

Page 108: Edicion gimp

Yolanda Mejido González

Un problema habitual al diseñar una página Web es conseguir una imagen (foto o logotipo) con unas dimensiones determinadas en píxeles, para poder insertarla en un cuadro definido por la plantilla de la página.

Supongamos que partiendo de esta imagen (fondo de escritorio de Educastur) pretendemos obtener un recorte rectangular del logotipo que mida exactamente 80 píxeles de alto y 600 de ancho.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

108

Page 109: Edicion gimp

Yolanda Mejido González

1.Abrimos la imagen con Gimp2.

2.Vamos a añadir una capa nueva. Para ello menú “Capa”, opción “Capa nueva”.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

109

Page 110: Edicion gimp

Yolanda Mejido González

3. Insertamos una capa transparente y con las medida que queremos que tenga el recorte en píxeles..

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

110

Page 111: Edicion gimp

Yolanda Mejido González

4.Podemos ver la nueva capa transparente.

5.Vamos al menú “Diálogos”, opción “Capas” y aparecerá el cuadro de control de capas.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

111

Page 112: Edicion gimp

Yolanda Mejido González

6.Para poder mover el logotipo y encajarlo dentro de la capa que nos sirve de patrón primero debo poner como capa activa la capa “fondo. Pincho sobre ella.

7.Luego cojo la herramienta “desplazar y muevo la capa fondo.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

112

Page 113: Edicion gimp

Yolanda Mejido González

8.Para ver cómo quedan superpuestas activo la capa “Nueva” y amplío la imagen para verlo mejor.

9.El logotipo es demasiado grande. Esto se soluciona escalando la capa “Fondo”.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

113

Page 114: Edicion gimp

Yolanda Mejido González

10.Pongo activa la capa “Fondo” y voy al menú “Capa”, opción “Escalar capa”. Bajo el valor de anchura de 1600 px a 900 px. La altura se autoajusta para mantener la proporción.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

114

Page 115: Edicion gimp

Yolanda Mejido González

11.Recoloco de nuevo el logotipo debajo de la capa patrón y encuadro.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

115

Page 116: Edicion gimp

Yolanda Mejido González

12.Voy al menú “Imagen”, opción “Autorrecortar imagen”

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

116

Page 117: Edicion gimp

Yolanda Mejido González

13.Nos queda esto:

14.Debemos guardar la imagen.

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

117

Page 118: Edicion gimp

Yolanda Mejido González

15.Menú “Archivo”, opción “Guardar como”. Lo guardo como .PNG

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

118

Page 119: Edicion gimp

Yolanda Mejido González

16.Finalmente tenemos esto. Si analizamos las propiedades en cualquier programa de edición de imágenes (Por ejemplo Gimp2) veremos:

Edición de imágenes con Gimp2

g)Dimensionar un recorte a medida

119

Page 120: Edicion gimp

EDICIÓN DE IMÁGENESCON GIMP2

Fin de la presentación

Yolanda Mejido González 120