05 Uso de GIMP Orientado Retoque de Imagenes Digitales. Nivel

05_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nive... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_nn1qx6/05...

1 of 43 21/09/2010 12:11

Materials curriculars INF

Tema 5

CEFIRE

Uso de GIMP orientado retoque de imagenes digitales . NivelAVANZADO


2 of 43 21/09/2010 12:11

Conocimientos previos

Pre-conocimiento

En este tema abordaremos el uso la herramienta GIMP orientada a su uso para retocar imagenes digitales con un nivel de uso

avanzado de la aplicación. De este modo en esta sesión profundizaremos sobre el uso de la máscara rápida para recortar imagenes,

retocar fotos, pasar una foto a lápiz y crear una caricatura a partir de una imagen digital.

Por lo explicado en el párrafo anterior recomendamos como conocimientos previos para el alumnado:

- Conocer un uso básico de GIMP y sus herramientas

- Manejo de capas de una imagen

- Realizar selecciones mediantes las diferentes herramientas de selección que aporta Gimp

- Manejar la máscara rápida de capa

- Saber aplicar distintos modos de combinación de capas

Partiendo de estos conocimientos avanzaremos en el uso de la herramienta GIMP para conseguir diferentes objetivos que veremos a

lo largo de las secciones.


3 of 43 21/09/2010 12:11

Objetivos

Objetivos

El objetivo principal de este tema es conocer aspectos avanzados del uso de GIMP orientado al retoque fotográfico.

Más concretamente los objetivos son:

1. Saber recortar una imagen usando la máscara rápida de selección y el pincel para ello

2. Retocar fotos mediante el uso de balance de color

3. Pasar cualquier imagen a lápiz

4. Asimilar como pintar cada parte de una imagen aislandola en varias capas

5. Entender como realizar una caricatura


4 of 43 21/09/2010 12:11

Contenidos

Contenidos

Fotocomposición mediante el uso de mascaras1.

Retocar fotos2.

Pasar a lápiz una foto real3.

Crear una caricatura4.


5 of 43 21/09/2010 12:11

Criterios de evaluación

Criterios de Evaluación

Para aprobar esta sesión será necesario entregar correctamente (con APTO) las actividades propuestas a lo largo de las secciones.

En caso de que falten actividades por entregar será el profesor quien decida si considera la sesión aprobada.

Con el objetivo de poder diferenciar las entregas de los alumnos cada entrega se hará siguiendo el siguiente patrón:

1- se comprimirán los resultados de cada sección en un fichero comprimido tipo .ZIP

2- se renombrará con el nombre del alumno, primer apellido y sección del siguiente modo:

nombre1_apellido1_tema5_seccionX.zip

(Ej: vicente_rubio_tema5_seccion1.zip)

3- Cada sección se entregará por separado

El examen de autoevaluación no será entregado al profesor. Servirá al alumnado para comprobar sus conocimientos adquiridos a lo

largo de la sesión.


6 of 43 21/09/2010 12:11

Sección 1

Fotocomposición mediante el uso de mascarasTemporización: 50 min


7 of 43 21/09/2010 12:11

Teoría

Fotocomposición mediante el uso de mascarasVamos a estudiar como hacer un fotomontaje usando la técnica de las máscaras para hacer las selecciones lo más perfectas posibles.

Veamoslo a través del siguiente ejemplo:

Partiendo de las dos imágenes que puedes obtener a continuación:

Vamos a obtener una tercera imagen como composición de las dos anteriores. La idea es trasladar el pato dos veces a la imagen del

estanque y poner el tamaño adecuado al pato. Lo haremos en otro documento para obtener el aspecto más adecuado posible.

Veamoslo por pasos:

La selección del pato debe realizarse con la herramienta de selección Por color , pulsando sobre cualquier zona del

agua. Situa el umbral de la herramienta en 15

1.


8 of 43 21/09/2010 12:11

Pulsa varias veces en distintas partes del agua manteniendo pulsada la tecla shift, de modo que se añadan las selecciones

a la existentes

2.

Utilizaremos la herramienta Máscara rápida (Mayús + Q, o bien pulsamos de la esquina inferior izquierda) para poder

pintar o borrar sobre la máscara y obtener la selección que nos interesa.

Ahora podemos pintar con el pincel sobre esta máscara o borrar con la goma hasta obtener:

3.

Presionamos Mayús + Q , o de nuevo ,para salir del modo Máscara rápida y obtener la selección de todo el agua.4.

Invertimos la selección para obtener una selección del pato y su reflejo en el agua.5.

Copiamos la selección para poder pegarla en la imagen del estanque.6.


9 of 43 21/09/2010 12:11

Pegamos la copia como una capa nueva en la imagen del estanque7.

Observamos que la imagen del pato es excesivamente grande.

Escalamos esta capa hasta obtener:

8.

Retocamos con la Goma de borrar el reflejo del pato para dejar salir los reflejos del agua del estanque. Para ello

estableceremos la opacidad de la herramienta de borrado a 5

De modo que quede

9.


10 of 43 21/09/2010 12:11

Duplicamos la capa mediante pulsar Capa / Duplicar la capa 10.

Volteamos horizontalmente la nueva mediante la herramienta , escalamos la capa y acercamos el segundo pato al

primero, para obtener el resultado final.

11.

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO


11 of 43 21/09/2010 12:11

Prácticas

Usando las imagenes siguientes:

-vaca-

-paisaje-

Crea un fotomontaje, usando la máscara de capa para pulir tu selección, de modo que quede como la imagen siguiente:


12 of 43 21/09/2010 12:11

Entrega el resultado como tipo .XCF

Nota : Te aconsejamos que la selección inicial de la vaca la realices mediante la herramienta tijeras inteligentes

De este modo y usando la máscara de capa refinaremos nuestra selección hasta algo parecido a la siguiente imagen:


13 of 43 21/09/2010 12:11

NOTA:

Para aquellos alumnos que quieran intentarlo: para agregar una sombra a la vaca tenemos la opción de usar el filtro de sombra

arrojada

Un vez añadida la sombra deberíamos ajustar su posición e inclinación mediante modificar las herramientas de capas

.Quedando un resultado mucho más real:


14 of 43 21/09/2010 12:11


15 of 43 21/09/2010 12:11

Ampliar conocimientos

http://www.doredin.mec.es/documentos/00820082000092/tem04/hoja0406.htm

Selecciones > Máscaras rápidas

Máscaras rápidas

En la esquina inferior izquierda de la Ventana Imagen encontramos el botón Máscara rápida, que suele pasardesapercibido.

También podemos acceder a la Máscara rápida desde el Menú --> Seleccionar --> Activar máscara rápida outilizando la combinación de teclas Mayús. + Q.

Al hacer clic en él, la Ventana Imagen adquiere un tono rojizo. Esto no significa que hayamos "pintado" nada,simplemente hemos puesto un "acetato" sobre el que podemos colorear escribir, rellenar y no cambiará la imagen,simplemente en la zona pintada desparece ese tono rojizo. Al volver a hacer clic en el botón observaremos que se hacreado una selección con la forma del dibujo o relleno realizado.

Vamos a probarla.

Abrimos la imagen "heroe.jpg" (a), presionamos el botón Máscara rápida (b), elegimos la herramienta pincel yponemos como color de primer plano el blanco. Ahora hacemos un trazado sobre la imagen y observamos que en lazona donde pintamos va desapareciendo el color rojizo (c). Presionamos el botón Máscara rápida y vemos cómo lo quehemos pintado se ha transformado en una selección (d).

a b

c d


16 of 43 21/09/2010 12:11

Sección 2

Retocar fotosTemporización: 50 min


17 of 43 21/09/2010 12:11

Teoría

Retocar fotos

Veamos a continuación como retocar fotos mediante GIMP para quitar impurezas, etc. Veamoslo por pasos:

1) Dada la siguiente foto original.jpg

vamos a tratar de mejorarla dandoles unos "retoques digitales"

2) Con la herramienta tirita vamos a eliminar las imperfecciones de la piel (granos, pecas, etc.). Para ello seleccionaremos

mediante pulsar Control la zona de la imagen que queramos tomar como muestra de piel adecuada.


18 of 43 21/09/2010 12:11

3) Pasaremos el cursor y haremos clic con el ratón sobre las pecas y demás imperfecciones de la piel, De este modo quedará

4) Vamos a cambiarle el color de ojos, para eso usamos la herramienta selección con tijeras inteligentes con ella

perfilaremos los ojos de la chica. Recuerda que una vez tenemos una selección con la tecla mayúsculas pulsada y haciendo click en

otro lugar podremos seleccionar otra zona sin perder la anterior.

Recuerda que para cerrar una selección hay que pulsar en el primer punto que hicimos y despues en el centro de la selección.

6) Con Herramientas/Herramientas de color/ Balance de colo r podremos cambiar el color de la zona deseada.


19 of 43 21/09/2010 12:11

7) Mas o menos sus ojos deben quedar de la siguiente forma

8) Finalmente vamos a tratar de cambiar el color de su pelo usando la herramienta selección con tijeras inteligentes .

Seleccionamos la zona del pelo y cambiamos su balance de color. Para seleccionar correctamente todo el pelo podríamos ayudarnos

de la técnica vista en la sección anterior con las máscaras de capa.

9) Indicaremos mediante balance de color el nuevo color del perlo


20 of 43 21/09/2010 12:11

10) por último retocamos sus labios con la misma técnica,

e indicaremos el color mejorado meidante modificar las propiedades del balance de color

De este modo el resultado final es el que sigue.


21 of 43 21/09/2010 12:11

Antes Después



22 of 43 21/09/2010 12:11

Prácticas

Partiendo de la imagen de la izquierda retocala mediante lo explicado en la teoría para que quede lo más similar a la imagen de la

derecha(sin el texto, evidentemente)

El entregable será de tipo.XCF


23 of 43 21/09/2010 12:11


http://www.jesusda.com/blog/index.php?id=371

MENÚ Principal

Puedes saltar este menú e ir al contenido

InicioYoBlogPortafolioProyectosÁlbumEnlacesDocumentos

Bitácora de jEsuSdA

TUTORIAL GIMP: Retoque facial profesional · 31 julio 2009, 04:18

Hoy vamos a imaginar que somos unos diseañadores profesionales de alguna revista de moda famosa.

Vamos a retocar una imagen de una chica para potenciar su belleza… y tal vez acomplejar al resto dechicas normales que aún se creen que las famosas de las revistas son así como las pintan (sin arrugas, sinlunares, sin celulitis…). ;)

Empecemos pues…


24 of 43 21/09/2010 12:11

Sección 3

Pasar a lápiz una foto realTemporización: 40 min


25 of 43 21/09/2010 12:11

Teoría

Pasar una foto a lápiz

Partiendo de una imagen veremos como usar GIMP para recoger sus lineas fundamentales y crear un dibujo con ellas. Veamoslo con

un ejemplo:

1)Abriremos la siguiente imagen desde GIMP

2) lo convertimos en blanco y negro mediante colores/ desaturar

3) Duplicamos la capa mediante del diálogo de Capas,Canales y Rutas


26 of 43 21/09/2010 12:11

4) A la capa duplicada le vamos a aplicar un desenfoque gaussiano Filtros / desenfoque / desenfoque gausiano con el valor 35

5) Invertimos los colores a la imagen mediante colores/ invertir


27 of 43 21/09/2010 12:11

6) En las propiedades de la capa hacemos que sea un 50 % transparente.

7) Juntamos las dos capas con "Capa / Combinar hacia abajo"

8) Ajustamos los niveles mediante colores / niveles


28 of 43 21/09/2010 12:11

De este modo ya tendremos la foto pasada a lápiz



29 of 43 21/09/2010 12:11

Prácticas

Pasa a lápiz la siguiente foto

de modo que quede lo más parecido, sin tener en cuenta el texto como es evidente, a

Entrega el resultado como tipo .XCF


30 of 43 21/09/2010 12:11



Taller práctico > De foto a dibujo

De foto a dibujo

Consigue, por el procedimiento habitual, la imagen que se muestra a continuación:

Vamos a transformar esta fotografía en una dibujo.

Abre en GIMP la imagen "foto.jpg".1.

Duplica la capa de fondo y llámala "desenfoque".2.

Cambia el modo de color de la imagen a Escala de grises.3.

Con la capa "desenfoque" seleccionada nos vamos a Menú --> Capa --> Colores --> Invertir.4.

Ponemos como modo de combinación de la capa "desenfoque" el modo Suma. Observamos que toda laimagen desaparece y tenemos una Ventana Imagen de color blanco.

5.

Con la capa "desenfoque" seleccionada accedemos al menú Filtros --> Desenfoque --> DesenfoqueGaussiano y ponemos como "Radio de desenfoque" el valor 1 tanto en horizontal como en vertical. Aceptamos.Comienza a mostrarse un poco de imagen.

6.

Podemos repetir el filtro aplicado con la combinación de teclas Ctrl + F; lo hacemos varias veces hasta obtener:7.


31 of 43 21/09/2010 12:11

Sección 4

Crear una caricaturaTemporización: 50 min


32 of 43 21/09/2010 12:11

Teoría

Hacer una caricatura

Veremos como a partir de una foto podemos crear una caricatura mediante deformar la foto original y pasarla a lápiz, tal y como vimos

en la sesión anterior.

1) Abriremos una imagen con la foto siguiente

2) Usaremos Filtros / Distorsiones/ IWARP , hemos de dejar seleccionado "Mover " y con un radio grande (por ejemplo 38).

Pulsando sobre zonas de la cara y sin soltar el botón del ratón empujamos o tiramos de la zona para agrandar la frente, encoger los

ojos, etc. La gracia de una caricatura está en intentar deformar aquello que consideremos mas característico del personaje.


33 of 43 21/09/2010 12:11

3)Por ejemplo podríamos dejarlo como se muestra:

Ahora vamos a hacerlo pasar por un dibujo:

5) Pasaremos la foto a lápiz tal y como hemos aprendido en la sección anterior. De este modo tendremos:


34 of 43 21/09/2010 12:11

12) Le aplicamos el siguiente filtro filtros /artisticos/ pintura al oleo

y, dejando las opciones por defecto, ya tendríamos nuestra caricatura hecha


35 of 43 21/09/2010 12:11

13) Ahora podríamos colorear el "dibujo" ,para ello la mejor técnica es la de ir haciendo selecciones de cada zona a pintar y hacer una

nueva capa con esa selección de modo que podamos retocar el color a posteriori. Veamos por ejemplo como colorear el gorro:

14) Seleccionamos el gorro mediante la herramienta tijeras inteligentes

15) Añadimos una nueva capa transparente llamada gorro

16) Habiendo seleccionado la nueva capa pasaremos a pintar el gorro de rojo, mediante arrastrar el color sobre la selección:


36 of 43 21/09/2010 12:11

17) Para que el gorro quede lo mejor integrado posible con los dibujos cambiaremos el modo de la capa a Multiplicar;

18) De este modo, si pintamos todas las partes de la imagen llegaremos a tener algo parecido a


37 of 43 21/09/2010 12:11

Comparemos la imagen de inicio con la del final:



38 of 43 21/09/2010 12:11

Prácticas

Realiza una caricatura partiendo de la siguiente imagen

para que quede lo mas parecido a la siguiente imagen

Entregue el resultado con extensión .XCF


39 of 43 21/09/2010 12:11


http://hachemuda.com/2006/07/retoque-fotografico-gimp-convertir-foto-a-dibujo-parte-4/

Convertir foto en dibujo (Parte 4)CATEGORÍA DE LA ENTRADA: TUTORIALES GIMP, TUTORIALES Y TRUCOS | FECHA: 27/07/2006

Una nueva manera de convertir una imagen en un atractivo dibujo, esta vez dedicado a Sergio y sus jartadas.

El resultado que buscamos es este:

Pasos que he seguido:

Comenzamos abriendo el Gimp y cargando nuestra fotografía originali.

10

Inicio Archivo del blog Concursos Get Ubuntu

Video Tutoriales Gimp Acerca de Contacto


40 of 43 21/09/2010 12:11

Fuentes de información

Fuentes de información

Las siguientes fuentes se han utilizado para la elaboración del material de esta sesión recomendandose su visita para la ampliación

de conocimientos.

- Bibliografía

http://docs.gimp.org/2.6/es

http://www.gimp.org.es

- Enlaces

http://hachemuda.com/2006/07/retoque-fotografico-gimp-convertir-foto-a-dibujo-parte-4/



http://www.jesusda.com/blog/index.php?id=371


- Entradas a Wikipedia

http://es.wikipedia.org/wiki/Fotomontaje


41 of 43 21/09/2010 12:11

Resumen final

Posible resumen final del tema

Reflexión del tema

Preguntamos "¿para qué ha servido este tema?"


42 of 43 21/09/2010 12:11

Autoevaluación

Examen SCORM - ejemplo

En una selección usamos la máscara rápida para

nmlkj Para realizar un borde alrededor del dibujo

nmlkj Para poder pintar o borrar sobre la máscara y obtener la selección que nos interesa.

Para mejorar una imagen nos hemos basado en

nmlkjEl uso de la herramienta tirita y en hacer selecciones de diferentes parte y cambiar su color mediante la herramienta Balance de

Color

nmlkj Usar el filtro "Mejora la imagen" para tener una imagen de mayor resolución

Al pasar una foto a lápiza se usa la herramienta Niveles de color para

nmlkj Reducir los colores a blanco y negro y la escala de grises

nmlkj Dejar los colorres nivelados entre los colores RGB (Red, Green, Blue)

Al colorear una imagen lo hemos hecho por capas por

nmlkj Tener separada la información y poder así modificarla en un futuro separadamente del resto

nmlkj Poder usar las diferentes modalidades de combinación de capas

Respuestas propuestas


43 of 43 21/09/2010 12:11

Este artículo está licenciado bajo Creative Commons Attribution-NonCommercial 2.5 License

Formació del Professorat - CEFIRE

05 Uso de GIMP Orientado Retoque de Imagenes Digitales. Nivel

Documents

Transcript of 05 Uso de GIMP Orientado Retoque de Imagenes Digitales. Nivel