<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González Vamos a realizar un sencillo ejercicio partiendo de esta...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Abrimos la imagen de fondo con Gimp2 y la minimi...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Ampliamos la zona para trabajar mejor y con la h...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Seleccionamos la zona dentro de la ruta con menú...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Guardaremos este recorte en el Búfer. Para ello ...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Maximizamos la foto de fondo. Podemos cerrar ya ...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Elegimos la imagen del Búfer que nos convenga. <...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Queda pegada así. Pero si analizamos las capas v...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Para mandar la cara a una capa nueva hacemos cli...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Podemos asegurarnos de que está en otra capa dis...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Es evidente que la cabeza es demasiado grande. L...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Aquí hay que ir probando hasta dar con el tamaño...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Hemos reducido el tamaño de la cabeza. Ahora hay...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Y colocamos la cabeza de Rambo sobre la otra. </...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Clonaremos el color oscuro de la camisa y pintar...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>A veces la herramienta de clonar color requiere ...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Por  último arreglamos el brazo dándole un efect...
<ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Y el resultado final es este: </li></ul><ul><li>...
<ul><li>Cambiar colores </li></ul>Yolanda Mejido González Ahora vamos a realizar un ejercicio consistente en cambiar el co...
Yolanda Mejido González <ul><li>Abrimos la foto con Gimp2. Ampliamos para trabajar mejor sobre el pelo. </li></ul><ul><li>...
Yolanda Mejido González <ul><li>Con paciencia creamos la ruta punto a punto. Es más fácil de lo que parece. </li></ul>Edic...
Yolanda Mejido González <ul><li>Seleccionamos a partir de la ruta de esta manera. </li></ul>Edición de imágenes con Gimp2 ...
Yolanda Mejido González <ul><li>Ahora procedemos a cambiar el color. Vamos a menú “Colores”, opción “Balance de color…” </...
Yolanda Mejido González <ul><li>Modificamos el color jugando con estas tres barras. Se va viendo el efecto sobre la marcha...
Yolanda Mejido González <ul><li>Para deseleccionar el área debemos ir al menú “Selecciona”. Opción “Nada”. </li></ul>Edici...
Yolanda Mejido González <ul><li>Este es el resultado </li></ul><ul><li>Ahora sólo tenemos que guardar la imagen </li></ul>...
Yolanda Mejido González <ul><li>Fácilmente se pueden obtener diferentes tonos. Clásicos: </li></ul>Edición de imágenes con...
Yolanda Mejido González <ul><li>O más atrevidos: </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul...
Yolanda Mejido González Vamos a realizar otro ejercicio consistente en colorear zonas de una foto. Con ello podemos conseg...
Yolanda Mejido González <ul><li>Abrimos esta foto con Gimp2. </li></ul><ul><li>Simplemente seleccionaremos zonas por color...
Yolanda Mejido González <ul><li>Ampliamos la zona verde, y seleccionamos con la herramienta “Varita mágica”. Hacemos clic ...
Yolanda Mejido González <ul><li>Si por error se selecciona una zona que no interesa, para deseleccionarla debemos pinchar ...
Yolanda Mejido González <ul><li>Vamos al menú “Colores” opción “Colorear”. </li></ul>Edición de imágenes con Gimp2 <ul><li...
Yolanda Mejido González <ul><li>Modificamos los valores. Se ve el efecto sobre la marcha. </li></ul><ul><li>Aceptamos. </l...
Yolanda Mejido González <ul><li>Vamos al menú “Seleccionar”, opción “Nada”. </li></ul><ul><li>Procedemos de igual manera c...
Yolanda Mejido González <ul><li>Comparamos la foto original con la resultante: </li></ul>Edición de imágenes con Gimp2 <ul...
Yolanda Mejido González Un problema habitual al diseñar una página Web es conseguir una imagen (foto o logotipo) con unas ...
Yolanda Mejido González <ul><li>Abrimos la imagen con Gimp2. </li></ul><ul><li>Vamos a añadir una capa nueva. Para ello me...
Yolanda Mejido González <ul><li>Insertamos una capa transparente y con las medida que queremos que tenga el recorte en píx...
Yolanda Mejido González <ul><li>Podemos ver la nueva capa transparente. </li></ul><ul><li>Vamos al menú “Diálogos”, opción...
Yolanda Mejido González <ul><li>Para poder mover el logotipo y encajarlo dentro de la capa que nos sirve de patrón primero...
Yolanda Mejido González <ul><li>Para ver cómo quedan superpuestas activo la capa “Nueva” y amplío la imagen para verlo mej...
Yolanda Mejido González <ul><li>Pongo activa la capa “Fondo” y voy al menú “Capa”, opción “Escalar capa”. Bajo el valor de...
Yolanda Mejido González <ul><li>Recoloco de nuevo el logotipo debajo de la capa patrón y encuadro. </li></ul>Edición de im...
Yolanda Mejido González <ul><li>Voy al menú “Imagen”, opción “Autorrecortar imagen” </li></ul>Edición de imágenes con Gimp...
Yolanda Mejido González <ul><li>Nos queda esto: </li></ul><ul><li>Debemos guardar la imagen. </li></ul>Edición de imágenes...
Yolanda Mejido González <ul><li>Menú “Archivo”, opción “Guardar como”. Lo guardo como .PNG </li></ul>Edición de imágenes c...
Yolanda Mejido González <ul><li>Finalmente tenemos esto. Si analizamos las propiedades en cualquier  programa de edición d...
EDICIÓN DE IMÁGENES CON GIMP2 Fin de la presentación Yolanda Mejido González 120
Upcoming SlideShare
Loading in …5
×

Fotomontaje gimp

7,559 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,559
On SlideShare
0
From Embeds
0
Number of Embeds
1,672
Actions
Shares
0
Downloads
82
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Fotomontaje gimp

  1. 1. <ul><li>Realizar un fotomontaje </li></ul>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
  2. 2. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Abrimos la imagen de fondo con Gimp2 y la minimizamos </li></ul><ul><li>Abrimos la imagen de Rambo. Vamos a recortale la cara. </li></ul>Edición de imágenes con Gimp2 73
  3. 3. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Ampliamos la zona para trabajar mejor y con la herramienta “Crear ruta” marcamos punto a punto la zona a copiar. </li></ul>Edición de imágenes con Gimp2 74
  4. 4. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Seleccionamos la zona dentro de la ruta con menú “Seleccionar”, opción “A partir de una ruta”. </li></ul>Edición de imágenes con Gimp2 75
  5. 5. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Guardaremos este recorte en el Búfer. Para ello vamos al menú “Editar”, opción “Búfer/Copiar con nombre….” </li></ul><ul><li>Nos sale este cuadro y ponemos el nombre: “Cara Rambo”. </li></ul>Edición de imágenes con Gimp2 76
  6. 6. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Maximizamos la foto de fondo. Podemos cerrar ya la de Rambo. </li></ul><ul><li>Sobre la foto del equipo A hacemos: menú “Editar”, opción “Bufer/Pegar con nombre….” </li></ul>Edición de imágenes con Gimp2 77
  7. 7. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Elegimos la imagen del Búfer que nos convenga. </li></ul><ul><li>Clic en este botón. </li></ul>Edición de imágenes con Gimp2 78
  8. 8. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Queda pegada así. Pero si analizamos las capas veremos que todo está en la misma capa. </li></ul>Edición de imágenes con Gimp2 79
  9. 9. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>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”. </li></ul>Edición de imágenes con Gimp2 80
  10. 10. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Podemos asegurarnos de que está en otra capa distinta si vamos al menú “Diálogos” , opción “Capas”. </li></ul>Edición de imágenes con Gimp2 81
  11. 11. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Es evidente que la cabeza es demasiado grande. La reduciremos escalando la capa. </li></ul>Edición de imágenes con Gimp2 82
  12. 12. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>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. </li></ul>Edición de imágenes con Gimp2 83
  13. 13. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Hemos reducido el tamaño de la cabeza. Ahora hay que moverla hasta superponerla a otra. Elegimos la herramienta “Mover”. </li></ul>Edición de imágenes con Gimp2 84
  14. 14. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Y colocamos la cabeza de Rambo sobre la otra. </li></ul><ul><li>Hay que arreglar la zona del cuello y ensuciar el brazo con un tono similar al de la cara. </li></ul><ul><li>Para trabajar mejor ampliamos la zona. </li></ul>Edición de imágenes con Gimp2 85
  15. 15. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Clonaremos el color oscuro de la camisa y pintaremos sobre el cuello. </li></ul><ul><li>Utilizaremos estas dos herramientas: </li></ul>Edición de imágenes con Gimp2 Clonar Color Pincel (fino) 86
  16. 16. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>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. </li></ul><ul><li>Vamos al menú “Diálogos”, opción “capas” y elegimos como capa activa la capa “Fondo”. Ahora trabajaremos sobre la foto original. </li></ul>Edición de imágenes con Gimp2 87
  17. 17. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Por último arreglamos el brazo dándole un efecto sucio con el aerosol y con el color clonado de la cara o del cuello. </li></ul>Edición de imágenes con Gimp2 Aerosol 88
  18. 18. <ul><li>Realizar un fotomontaje </li></ul>Yolanda Mejido González <ul><li>Y el resultado final es este: </li></ul><ul><li>Al intentar guardarlo nos sale este mensaje. </li></ul>Edición de imágenes con Gimp2 <ul><li>Así que lo exportamos a formato .PNG, que si maneja transparencias, o bien aplanamos la imagen antes de guardar como .JPG. </li></ul>89
  19. 19. <ul><li>Cambiar colores </li></ul>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
  20. 20. Yolanda Mejido González <ul><li>Abrimos la foto con Gimp2. Ampliamos para trabajar mejor sobre el pelo. </li></ul><ul><li>Seleccionamos la herramienta “Crear ruta”. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>91
  21. 21. Yolanda Mejido González <ul><li>Con paciencia creamos la ruta punto a punto. Es más fácil de lo que parece. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>92
  22. 22. Yolanda Mejido González <ul><li>Seleccionamos a partir de la ruta de esta manera. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>93
  23. 23. Yolanda Mejido González <ul><li>Ahora procedemos a cambiar el color. Vamos a menú “Colores”, opción “Balance de color…” </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>94
  24. 24. Yolanda Mejido González <ul><li>Modificamos el color jugando con estas tres barras. Se va viendo el efecto sobre la marcha. </li></ul><ul><li>Cuando estemos satisfechos, aceptamos. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>95
  25. 25. Yolanda Mejido González <ul><li>Para deseleccionar el área debemos ir al menú “Selecciona”. Opción “Nada”. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>96
  26. 26. Yolanda Mejido González <ul><li>Este es el resultado </li></ul><ul><li>Ahora sólo tenemos que guardar la imagen </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>97
  27. 27. Yolanda Mejido González <ul><li>Fácilmente se pueden obtener diferentes tonos. Clásicos: </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>98
  28. 28. Yolanda Mejido González <ul><li>O más atrevidos: </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores </li></ul>99
  29. 29. 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 <ul><li>Cambiar colores (2) </li></ul>100
  30. 30. Yolanda Mejido González <ul><li>Abrimos esta foto con Gimp2. </li></ul><ul><li>Simplemente seleccionaremos zonas por color lo cambiaremos. Por ejemplo la zona verde por un azul oscuro y la arena por un rojo vino. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>101
  31. 31. Yolanda Mejido González <ul><li>Ampliamos la zona verde, y seleccionamos con la herramienta “Varita mágica”. Hacemos clic varias veces para seleccionar. </li></ul><ul><li>Debemos ajustar el modo de selección de la varita, para que permita selección sucesiva de varias zonas. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>102
  32. 32. Yolanda Mejido González <ul><li>Si por error se selecciona una zona que no interesa, para deseleccionarla debemos pinchar sobre ella mientras mantenemos pulsada la tecla “Control”. </li></ul><ul><li>Con algo de paciencia conseguiremos esto. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>103
  33. 33. Yolanda Mejido González <ul><li>Vamos al menú “Colores” opción “Colorear”. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>104
  34. 34. Yolanda Mejido González <ul><li>Modificamos los valores. Se ve el efecto sobre la marcha. </li></ul><ul><li>Aceptamos. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>105
  35. 35. Yolanda Mejido González <ul><li>Vamos al menú “Seleccionar”, opción “Nada”. </li></ul><ul><li>Procedemos de igual manera con la otra zona. </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>106
  36. 36. Yolanda Mejido González <ul><li>Comparamos la foto original con la resultante: </li></ul>Edición de imágenes con Gimp2 <ul><li>Cambiar colores (2) </li></ul>107
  37. 37. 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 <ul><li>Dimensionar un recorte a medida </li></ul>108
  38. 38. Yolanda Mejido González <ul><li>Abrimos la imagen con Gimp2. </li></ul><ul><li>Vamos a añadir una capa nueva. Para ello menú “Capa”, opción “Capa nueva”. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>109
  39. 39. Yolanda Mejido González <ul><li>Insertamos una capa transparente y con las medida que queremos que tenga el recorte en píxeles.. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>110
  40. 40. Yolanda Mejido González <ul><li>Podemos ver la nueva capa transparente. </li></ul><ul><li>Vamos al menú “Diálogos”, opción “Capas” y aparecerá el cuadro de control de capas. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>111
  41. 41. Yolanda Mejido González <ul><li>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. </li></ul><ul><li>Luego cojo la herramienta “desplazar y muevo la capa fondo. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>112
  42. 42. Yolanda Mejido González <ul><li>Para ver cómo quedan superpuestas activo la capa “Nueva” y amplío la imagen para verlo mejor. </li></ul><ul><li>El logotipo es demasiado grande. Esto se soluciona escalando la capa “Fondo”. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>113
  43. 43. Yolanda Mejido González <ul><li>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. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>114
  44. 44. Yolanda Mejido González <ul><li>Recoloco de nuevo el logotipo debajo de la capa patrón y encuadro. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>115
  45. 45. Yolanda Mejido González <ul><li>Voy al menú “Imagen”, opción “Autorrecortar imagen” </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>116
  46. 46. Yolanda Mejido González <ul><li>Nos queda esto: </li></ul><ul><li>Debemos guardar la imagen. </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>117
  47. 47. Yolanda Mejido González <ul><li>Menú “Archivo”, opción “Guardar como”. Lo guardo como .PNG </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>118
  48. 48. Yolanda Mejido González <ul><li>Finalmente tenemos esto. Si analizamos las propiedades en cualquier programa de edición de imágenes (Por ejemplo Gimp2) veremos: </li></ul>Edición de imágenes con Gimp2 <ul><li>Dimensionar un recorte a medida </li></ul>119
  49. 49. EDICIÓN DE IMÁGENES CON GIMP2 Fin de la presentación Yolanda Mejido González 120

×