Embed Size (px)
Citation preview
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
