Fotomontaje 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Yolanda Mejido González

12.O más atrevidos:

Edición de imágenes con Gimp2

g)Cambiar colores

99

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

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

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

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

Yolanda Mejido González

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

Edición de imágenes con Gimp2

g)Cambiar colores (2)

104

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

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

Yolanda Mejido González

12.Comparamos la foto original con la resultante:

Edición de imágenes con Gimp2

g)Cambiar colores (2)

107

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

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

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

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

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

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

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

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

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

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

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

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

EDICIÓN DE IMÁGENESCON GIMP2

Fin de la presentación

Yolanda Mejido González 120