9
3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS IES HUERTA DEL ROSARIO (CHICLANA) 09.3. GIMP: CAPAS Y MÁSCARAS (y no hay superhéroes) 09.3.1. ¿QUÉ ES UNA CAPA? Una buena forma de imaginarse una imagen de GIMP es como una pila de transparencias: En la terminologia de GIMP, cada transparencia se denomina capa. En principio, no hay limite para el  numero de capas que puede tener una imagen: solo la cantidad de memoria disponible en el sistema.  No es extrano para los usuarios avanzados trabajen con imagenes que contienen decenas de capas. 09.3.2. ¿QUÉ ES UNA MÁSCARA? Es una capa de transparencia que se le puede asignar a una capa para decidir que partes queremos ver de esa capa y cuales no. Para ello, pintamos en negro las partes que queramos ver y en blanco las que no queremos ver. Las máscaras de capa son una especie de PANTALLA que nos filtra la visib ilidad de los píxele s de la capa a la que están asociada. Es como si sobre una fotografía, colocamos un folio en blanco, y vamos recortándolo, de forma que a través de esos huecos que dejamos, podemos ver las partes de la foto que quedan debajo. En el esquema siguiente tenéis una representación de cómo funcionaría una capa sobre una imagen: 1/8 Profesor José Luis Usero Vilchez

Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

Embed Size (px)

Citation preview

Page 1: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 1/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

09.3. GIMP: CAPAS Y MÁSCARAS (y no hay superhéroes)09.3.1. ¿QUÉ ES UNA CAPA?

Una buena forma de imaginarse una imagen de GIMP es como una pila de transparencias: En

la terminologia de GIMP, cada transparencia se denomina capa. En principio, no hay limite para el  numero de capas que puede tener una imagen: solo la cantidad de memoria disponible en el sistema.  No es extrano para los usuarios avanzados trabajen con imagenes que contienen decenas de capas.

09.3.2. ¿QUÉ ES UNA MÁSCARA?

Es una capa de transparencia que se le puede asignar a una capa para decidir que partes queremosver de esa capa y cuales no. Para ello, pintamos en negro las partes que queramos ver y en blancolas que no queremos ver.

Las máscaras de capa son una especie de PANTALLA que nos filtra la visibilidad de los píxelesde la capa a la que están asociada.

Es como si sobre una fotografía, colocamos un folio en blanco, y vamos recortándolo, de forma quea través de esos huecos que dejamos, podemos ver las partes de la foto que quedan debajo.

En el esquema siguiente tenéis una representación de cómo funcionaría una capa sobre una imagen:

1/8 Profesor José Luis Usero Vilchez

Page 2: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 2/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

Como podéis ver, tenemos, en la parte más baja una capa, una fotografía.

Sobre esta capa colocamos una máscara. Las partes de COLOR BLANCO de la máscara NO NOSDEJAN VER las partes de la foto que quedan bajo estas.

Las partes de COLOR NEGRO de la máscara NOS PERMITEN VER las zonas de la fotografíaque quedan bajo estas. En el ejemplo, la silueta de la dama (RESULTADO).

Las ventajas de las máscaras de capa son muchas:

• Nos permiten mostrar y ocultar partes de una capa sin alterarla .• Nos permiten editar a posteriori dichas partes.• No sólo se nos permite el uso de BLANCO y NEGRO para ocultar y mostrar zonas, sino

también de distintas variaciones de gris…• … lo que permite establecer zonas SEMITRANSPARENTES • … lo que a su vez permite crear mezclas y transiciones suaves entre zonas de distintas

capas.• La edición de capas es sencilla y se pueden usar herramientas de pintura (pincel, aerógrafo,

…), de selección, filtros, etc.

UD9S3. Ejercicio 1. Capas y máscaras

1. Entra en el programa GIMP: Aplicaciones | Gráficos | GIMP.

2. Coloca la interfaz apropiadamente, como se ha explicado en el ejercicio anterior.

3. Copia el archivo ud11s2.rar de la carpeta compartida al Escritorio, o, mejor, para queninguno nos estropee la fiesta, entra en ieshr.tk, donde hay un enlace con los archivosnecesarios para esta sesión.

4. Una vez copiado en el Escritorio, vamos a descomprimirlo. Al comprimir los archivos, losagrupo en uno solo y, además, ocupan menos. Haz clic con el botón derecho del ratón sobre

el icono ud11s2.rar.5. Haz clic en la opción Extraer aquí.

6. Se habrá creado una nueva carpeta en el escritorio con el nombre UD11S2 con todos los

2/8 Profesor José Luis Usero Vilchez

Page 3: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 3/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

archivos que has creado.

7. En GIMP, haz clic en el menú Archivo | Abrir.

8. Abre la imagen nasa_astronaut_thomas_mashburn_500px.jpg

9. Ahora vamos a abrir la foto del tío más guapo del mundo. Abre el archivo mifoto3.jpg

10. Esta es de las cosas que no me gusta de Gimp. 2 paneles y 2 ventanas cada uno por su lado, ahí,al cachondeo. En fin, es lo que hay. Vamos a empezar a trabajar.

11. En la ventana mifoto3.jpg (recuerda, es el tío más guapo del mundo), haz clic en el menú Editar | Copiar.

12. Ahora vamos a pegar mi foto como una capa en la otra foto. En la ventana nasa_astronaut...

haz clic en el menú Editar | Pegar.

13. Ahora tenemos a mi cara bonita encima del astronauta. Pero lo interesante está en la partederecha, en la paleta Capas. Observa como se ha creado una capa nueva que se llama Selección

flotante (capa pegada). No es un nombre bonito para una capa. Haz doble clic sobre el nombrede la capa.

3/8 Profesor José Luis Usero Vilchez

Page 4: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 4/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

14. Escribe El tío más guapo del mundo como nombre de la capa.

15. Que la capa con mi cara esté por encima de la otra no es casualidad. Las capas que están porencima en la paleta Capas están sobre las capas que están por debajo. Parece una perogrullada,pero no lo es. En la ventana de la imagen, se ven por encima.

16. Ahora vamos a cambiar el tamaño de mi cara y vamos a colocarla en su sitio. Recuerda quequeremos sustituir la cara del astronauta por la mía. Asegúrate de que la capa seleccionada es micara. Para ello, haz clic en la capa Tío más guapo del mundo en la paleta Capas. Observacomo el fondo se vuelve azul.

17. Vamos a mover la capa. En la caja de herramientas de la izquierda, haz clic en el botón Herramienta de escalado.

18. Haz clic sobre mi cara.

19. Salen una serie de tiradores alrededor de la capa, así como una ventana para redimensionar con

exactitud la capa. Nosotros vamos a usar los tiradores.

4/8 Profesor José Luis Usero Vilchez

Page 5: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 5/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

20. Los tiradores en las esquinas y la mitad de los bordes de la capa nos permiten cambiar el tamañode la misma y el círculo en el centro nos permite mover la capa. Usa los tiradores para colocarmi cara con un tamaño similar y en un lugar similar a la cara de la otra foto.

21. Cuando hayas terminado, pulsa la tecla Intro o cierra la ventana Redimensionar.

22. Antes de seguir, haz Zoom sobre la cara, de modo que ocupe la mayor parte de la ventana.Puedes usar la herramienta  Lupa que está en la caja de herramientas. Si te pasasacercándote, pulsa la tecla Control y, sin soltarla, haz clic para alejarte de la foto.

23. Hemos hecho una primera aproximación, pero queremos que nos quede chupi-guay, así quevamos a ser un poquito más exactos. En la paleta Capas tienes un tirador que te permite cambiarla opacidad de la capa. Haz clic sobre el tirador de opacidad y, sin soltar, mueve el ratónhacia la izquierda. Observa como cambia la opacidad de la capa.

5/8 Profesor José Luis Usero Vilchez

Page 6: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 6/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

24. Ahora trabaja un poquito. Usa la herramienta de escalado para hacer que las dos cabezastengan el mismo tamaño y coincidan los ojos y los labios lo mejor que puedas. No tiene quequedar perfecto, solo lo mejor posible, porque las dos cabezas no tienen la misma

dirección. Seguramente tendrás que hacer la cabeza más ancha.

25. Bien, ahora vamos a borrar la zona de la foto de mi cara que no nos interesa. Solo nos interesami preciosa cara. Vamos a usar una máscara para ello. Antes, vamos a ocultar la capa delastronauta para que no nos moleste. Haz clic en el botón Ver de la capa del astronauta.

26. Ahora vamos a añadir la máscara de capa. Haz clic con el botón derecho en la paleta Capassobre la capa Tío más guapo del mundo.

27. En el menú, haz clic en la opción Añadir máscara de capa.

28. Se abre la ventana  Añadir máscara de capa. La opción preseleccionada es Blanco (opacidad

total). Esto quiere decir que se va a crear una máscara blanca que va a mostrar todo el contenidode la misma. Haz clic en el botón Añadir.

6/8 Profesor José Luis Usero Vilchez

Page 7: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 7/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

29. ¿Qué ha pasado? Se ha añadido una máscara de capa. La máscara de capa es esto.

La parte negra no se ve. La parte blanca, que es lo que ocupa mi foto, se ve. Paraque se vea solo mi cara, vamos a tener que pintar de negro el fondo de lafoto. Vamos a ello.

30. Haz clic en la herramienta Pincel de la caja de herramientas.

31. Debajo de la caja de herramientas puedes ver las opciones del Pincel. Cada herramienta tienevarias opciones que puedes cambiar. Por ejemplo, podemos hacer el pincel más o menos grueso,con los bordes más o menos marcados. Aquí no te puedo ayudar. Tienes que aprender probando.Cambia el pincel en la lista de pinceles por uno que sea  Fuzzy, así los bordes no se verántan cortados y usa una escala más o menos grande, dependiendo de lo que tengas queborrar: para las zonas de fuera, la escala ha de ser grande, pero para recortar mi cara,tendrás que ir poquito a poco con una escala pequeña de pincel.

32. Antes de seguir, asegúrate de que vas a pintar con el pincel negro haciendo clic en el botónColores por defecto en el cuadro de colores.

 

7/8 Profesor José Luis Usero Vilchez

Page 8: Cambio de cara con GIMP Tratamiento de imágenes con GIMP  Tutoriales Academia Usero

7/30/2019 Cambio de cara con GIMP Tratamiento de imágenes con GIMP Tutoriales Academia Usero

http://slidepdf.com/reader/full/cambio-de-cara-con-gimp-tratamiento-de-imagenes-con-gimp-tutoriales-academia 8/8

3º ESO INFORMÁTICA UD 09 SESIÓN 03 OPENOFFICE.ORG BASES DE DATOS

IES HUERTA DEL ROSARIO (CHICLANA)

33. Aquí te señalamos la zona que tienes que pintar de negro: todo menos mi cara. Observarás comoal pintar, no se pinta de color negro, sino que se borra, mejor dicho, se hace invisible.

34. Para terminar, activa la capa del astronauta haciendo clic en la zona que ocupaba el ojo ala izquierda de la capa en la paleta Capas.

35. Así me ha quedado.

36. Por supuesto, no está perfecto. Quizás debería hacer mi cabeza más grande, pero eso es algo quepuedo hacer con las herramientas que he aprendido.

37. Haz clic en el menú Archivo.

38. Haz clic en la opción Guardar como.

39. En la ventana Guardar como, haz clic en la opción Seleccione el tipo de archivo (Por extensión).

40. Se abre una lista de extensiones de archivo de imágenes. Hay muchos creados con distintasfunciones y utilidades. Haz clic en el formato Imagen XCF de GIMP xcf.

41. Escribe como nombre de archivo UD11S2-tunombreyeldetucompañeroa

42. Guarda el archivo en la carpeta compartida o súbelo a ieshr.tk.

8/8 Profesor José Luis Usero Vilchez