50
04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04... 1 of 50 21/09/2010 12:09 Materials curriculars INF Tema 4 CEFIRE Uso de GIMP orientado retoque de imagenes digitales. Nivel INTERMEDIO

Materials curriculars INF - gva.escefire.edu.gva.es/file.php/1/Gimp_y_Draw/04_Uso_de_GIMP... · 2011. 6. 24. · 1. Estudiar que son las mascaras de GIMP y como usarlas, tanto para

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    1 of 50 21/09/2010 12:09

    Materials curriculars INF

    Tema 4

    CEFIRE

    Uso de GIMP orientado retoque de imagenes digitales . Nivel INTERMEDIO

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    2 of 50 21/09/2010 12:09

    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 medio de la aplicación. De este modo en esta sesión profundizaremos sobre las máscaras y su

    uso, los filtros y los diferentes modos de combinación de las capas 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 básico de capas de una imagen

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

    Partiendo de estos conocimientos avanzaremos en el uso de la herramienta GIMP para conseguir diferentes

    objetivos que veremos a lo largo de las secciones.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    3 of 50 21/09/2010 12:09

    Objetivos

    Objetivos

    El objetivo principal de este tema es ser punto de partida para el uso de GIMP orientado al retoque fotográfico

    con un nivel medio de dificultad.

    Más concretamente los objetivos son:

    1. Estudiar que son las mascaras de GIMP y como usarlas, tanto para realizar un fundido de dos imagenes,

    como para colorear partes de una imagen

    2. Conocer que son los filtros de GIMP y como usarlos.

    3. Entender los diferentes tipos de combinación de capas y saber manejarlos

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    4 of 50 21/09/2010 12:09

    Contenidos

    Contenidos

    Introducción a las mascaras en GIMP1.

    Uso de mascaras I (fundido)2.

    Uso de mascaras II (colorear)3.

    Filtros de GIMP. Aplicar efecto de velocidad4.

    Modos de combinar capas. Centrar la atención en un punto concreto.5.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    5 of 50 21/09/2010 12:09

    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_tema4_seccionX.zip

    (Ej: vicente_rubio_tema4_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.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    6 of 50 21/09/2010 12:09

    Sección 1

    Introducción a las mascaras en GIMPTemporización: 15 min

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    7 of 50 21/09/2010 12:09

    Teoría

    Máscaras de Capa Las máscaras de capa son una especie de PANTALLA que nos filtra la visibilidad de los píxeles 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:

    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 NOS DEJAN

    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ía que 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. etc.

    A lo largo de las siguientes sesiones manejaremos la máscara de capa, de modo que podamos entender el

    manejo de esta herramienta FUNDAMENTAL de diseño.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    8 of 50 21/09/2010 12:09

    Ampliar conocimientos

    http://docs.gimp.org/es/gimp-layer-mask-add.html

    7.21. Añadir máscara de capa

    7. El menú “Capa”

    7.21. Añadir máscara de capa

    The Add Layer Mask command adds a layer mask to the active layer. It displays adialog in which you can set the initial properties of the mask. If the layer already has alayer mask, the menu entry is insensitive and grayed out.Una máscara de capa le permite definir que partes de la capa son opacas,semitransparentes o transparente. Puede mirar la sección Máscara de capa, paramás información.

    7.21.1. Activating the Command

    You can access this command from the image menubar through Layer →Mask → Add Layer Maskor from the pop-up menu you get by right-clicking on the active layer in theLayers Dialog.

    7.21.2. Descripción del diálogo “Añadir máscara de capa”

    F ig u ra 15 .95 . E l d iá logo “Añ ad i r máscara de capa”

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    9 of 50 21/09/2010 12:09

    Sección 2

    Uso de mascaras I (fundido)Temporización: 15 min

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    10 of 50 21/09/2010 12:09

    Teoría

    Fundido de Imágenes

    En esta sesión aprenderemos sobre el manejo de las máscaras de capa. Usaremos la mascara de tipo

    Blanco(Opacidad total). Esto crea una mascara de capa donde el negro hace la capa totalmente transparente y

    el blanco la deja tal y como esta.(los grises provocan la semitransparencia)

    En la sesión estudiaremos como usar la mascara de capa para lograr hacer un fundido de dos imagenes.

    Veamoslo por pasos:

    1- Abrimos una imagen de GIMP usando las nubes como fondo:

    2- Abrimos en una nueva imagen la foto de la chica.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    11 of 50 21/09/2010 12:09

    3- Pasaremos la imagen a blanco y negro por medio de Desaturar la imagen (Colores/Desaturar )

    Dejamos las opciones por defecto

    4- Copiamos la imagen mediante Editar/Copiar

    5- Volvemos a nuestra imagen de nubes. Pegamos la imagen de la chica mediante Editar / Pegar en / NuevaCapa. En el diálogo de capas observamos que aparece una capa nueva llamada Portapapeles

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    12 of 50 21/09/2010 12:09

    6- Desplazamos la capa mediante la herramienta de modo que quede a la derecha de las nubes.

    Escalamos la capa mediante la herramienta para dejarla a una altura igual a la de las nubes

    7- Ahora pasaremos a ver el efecto de la mascara de capa:Sobre la capa Portapapeles (la de la chica) pulsamos la opción Añadir mascara de capa del menu conceptual

    (botón derecho sobre la capa)

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    13 of 50 21/09/2010 12:09

    Eligiremos la mascara de tipo Blanco(Opacidad total). Esto crea una mascara de capa donde el negro hace la

    capa totalmente transparente y el blanco la deja tal y como esta.

    Ahora estamos trabajando sobre la mascara de capa. Eligiremos la herramienta de degradado y

    aplicaremos sobre la capa de la chica un degradado de negro a blanco .

    8- Una vez hemos aplicado el degradado sobre la capa de la chica y elegiremos Aplicar Mascara de Capa del

    menu contextual.

    El resultado final será:

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    14 of 50 21/09/2010 12:09

    PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    15 of 50 21/09/2010 12:09

    Prácticas

    Realize un fundido entre estas dos imagenes

    y

    Para que quede lo más parecido a

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    16 of 50 21/09/2010 12:09

    Entregue el resultado en formato .XCF

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    17 of 50 21/09/2010 12:09

    Sección 3

    Uso de mascaras II (colorear)Temporización: 15 min

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    18 of 50 21/09/2010 12:09

    Teoría

    COLOREAR ZONAS DE IMAGENEn esta sesión aprenderemos como colorear una zona determinada de una foto en blanco y negro.

    Para ello volveremos a usar las máscaras de capa , de modo que sobre la misma foto en color y en blanco y

    negro haremos transparente mediante una mascara de capa solo aquellas zonas de color que se vean.

    Una gran utilidad de la mascara de capa es establecer la mascara en una capa y mediante pincel negro dejar

    ver las partes de la capa que queramos y ante un fallo podríamos recuperarlo repintandolo con el blanco.

    Comenzemos con esta sesión:

    Usaremos esta imagen

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    19 of 50 21/09/2010 12:09

    1- Abrimos la foto de la novia en una nueva imagen.

    Duplicamos la capa de la novia mediante el botón del diálogo Capas.

    Pasamos a blanco y negro la capa superior (mediante Colores/Desaturar )

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    20 of 50 21/09/2010 12:09

    2- Una vez tenemos la foto en blanco y negro escogemos una brocha con borde difuminado, por ejemplo la de

    la siguiente figura. Tambien escogemos el color negro como color de primer plano.

    3- Teniendo seleccionada la capa en blanco y negro le asociamos una mascara de capa. Recordemos que se

    hace mediante Añadir mascara de capa del menu contextual de la capa. Elegimos que sea de tipo Blanco

    (Opacidad total).

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    21 of 50 21/09/2010 12:09

    De este modo ya podemos pintar con el pincel seleccionado y color negro el ramo de la foto (para ello

    ampliaremos la imagen) y veremos como se hace transparente, permitiendo que se vea el color de la foto en

    color(capa inferior)

    4- Para aplicar la máscara a la imagen elegiremos Aplicar Máscara de capa del menu contextual de la capa.

    El resutado final será:

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    22 of 50 21/09/2010 12:09

    PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    23 of 50 21/09/2010 12:09

    Práctica

    Resalte la abeja de la imagen siguiente

    de modo que quede algo similar a

    Entregue el resultado en formato .XCF

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    24 of 50 21/09/2010 12:09

    Sección 4

    Filtros de GIMP. Aplicar efecto de velocidadTemporización: 15 min

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    25 of 50 21/09/2010 12:09

    Teoría

    Filtros de GIMP. Dar velocidad a una imagen.

    Filtros de GIMP

    Los filtros de GIMP están diseñados para mejorar una imagen y disimular los defectos. Aunque también pueden

    hacer otras muchas cosas con una imagen: distorsionarla, conseguir efectos tridimensionales, fantásticos o de

    pintura.

    La raíz de los filtros proviene de la fotografía convencional donde añadíamos una serie de filtros (un cristal

    puesto delante del objetivo de nuestra cámara), para modificar la luz que llegaba a nuestro soporte químico.

    Las posibilidades de los filtros digitales son muchísmo mayores porque podemos aplicar un filtro una y otra vez.

    1. Cómo funciona un filtroLos filtros de GIMP producen efectos diferentes. Hay filtros que analizan cada píxel de una imagen o selección

    y lo transforman aplicando algoritmos matemáticos para crear formas; otros muestrean los píxeles individuales

    o grupos de ellos para definir áreas que muestren la mayor diferencia de color o de brillo y una vez detectada el

    filtro comienza a cambiar los colores de color.

    Dependiendo del filtro podemos conseguir una mayor nitidez de la imagen, suavizar los bordes o

    transformaciones más complejas.

    Podemos controlar la magnitud y diferentes parámetros del filtro antes aplicarlo.

    2. Aplicar un filtroPrimero debemos tener activa una imagen y realizar una selección, en caso de que queramos aplicar el filtro

    sólo sobre esa parte de la imagen. Los filtros sólo se aplican sobre las partes coloreadas de una capa, no sobre

    las transparentes , tampoco podemos aplicar un filtro a más de una capa a la vez .

    La mayor parte de los filtros de GIMP sólo pueden aplicarse a imágenes RGB , aunque podemos pasar

    cualquier imagen a este modo de color.

    3. Tipos de filtros en GIMP

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    26 of 50 21/09/2010 12:09

    Podemos distinguir varios grupos de filtros:

    • Filtros que actúan sobre el color y la nitidez de la imagen.

    • Filtros para conseguir efectos especiales.

    • Filtros con automatización de tareas para la realización de una imagen nueva o para la modificación de alguna

    existente.

    Para tener una pequeña idea de las posibilidades de los filtros observa como ejemplo as variaciones sobre esta

    imagen:

    Imagen original

    Filtro: Enrollar página Filtro: Detección de bordes. Sobel

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    27 of 50 21/09/2010 12:09

    Filtro: Kaleidoscope Filtro: Aplicar lienzo

    Filtro: Baldosas de cristal Filtro: Supernova

    Filtro: Pixelizar Filtro: Colorear

    Filtro: Papel de periódico Filtro: GIMPresionista

    Filtro: Espejismo Filtro: Render -mosaico

    Veamos en el siguiente ejemplo como aplicar un ejemplo de uso de filtros.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    28 of 50 21/09/2010 12:09

    Dar velocidad a una imagen

    1) abrir la siguiente imagen para trabajar con ella

    2) seleccionar con la herramienta tijeras intelegentes la silueta del avión y su estela

    3) Invertir la selección (Seleccionar / Invertir )

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    29 of 50 21/09/2010 12:09

    4) Aplicar un desenfoque de movimiento: filtros/desenfoque/ desenfoque de movimiento es importante que

    el ángulo sea el mismo de la inclinación del avión, y la longitud depende de la velocidad que querais darle

    5) deseleccionamos todo y el resultado será este

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    30 of 50 21/09/2010 12:09

    PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    31 of 50 21/09/2010 12:09

    Práctica

    Aplica el efecto de velocidad al motorista de la siguiente imagen

    El entregable será de tipo .GIF

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    32 of 50 21/09/2010 12:09

    Ampliar conocimientos

    En los siguientes pdfs podrás observar en funcionamiento los diferentes filtros de GIMP

    FILTROS I

    FILTROS II

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    33 of 50 21/09/2010 12:09

    Sección 5

    Modos de combinar capas. Centrar la atención en unpunto concreto.Temporización: 15 min

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    34 of 50 21/09/2010 12:09

    Teoría

    Modos de combinar capas.Resaltar una zona de laimagen

    Combinar capasHasta el momento hemos visto que las capas son como láminas de acetato que se superponen, donde las

    capas superiores dejan ver lo que hay en las inferiores a través de sus zonas transparentes. Pero no nos

    quedemos ahí. Una capa puede combinarse visualmente con las que están debajo de ella atendiendo a

    diferentes modos de combinación.

    Para comprender los modos de combinación de las capas vamos a usar una imagen preparada. Puedes

    obtenerla haciendo clic con el botón derecho del ratón y seleccionando Guardar destino como ... en CAPAS.

    1. Modos de combinación

    Abrimos con GIMP la imagen que acabamos de guardar "Capas.xcf". Para aplicar un efecto del modo de

    combinación de una capa, primero debemos tenerla seleccionada. El modo de combinación de las capas se

    ajusta en la zona de la Ventana Capas marcada en la siguiente figura.

    Utilicemos distintos modos de combinación de capas para ir comprobando su funcionamiento. En la siguiente

    tabla se muestran las posibilidades de cada modo de combinación de capas. En todos los casos aplicamos el

    modo de combinación marcado a las capas llamadas "Círculo" y "Capas".

    Modo Descripción Modo normal Modificado

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    35 of 50 21/09/2010 12:09

    Normal

    Los píxeles de la

    capa superior

    reemplazan a los

    píxeles de las

    capas inferiores.

    Disolver

    Añade agujeros

    de forma aleaoria

    en la capa activa

    en las zonas de

    baja opacidad

    (bordes).

    Multiplicar

    La capa activa

    oscurece la

    composición.

    Cuanto más

    claros son los

    píxeles menos

    oscurecen.

    Cuando debajo

    hay blanco no se

    produce ningún

    efecto.

    Dividir

    La capa activa da

    luminosidad a

    toda la

    combinación de

    capas con

    colores

    complementarios.

    Pantalla

    La capa activa da

    luminosidad a la

    composición.

    Cuanto más

    oscuro es el

    píxel, menos

    efecto tiene.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    36 of 50 21/09/2010 12:09

    Solapar

    Los píxeles

    claros aclaran la

    composición y los

    oscuros la

    oscurecen.

    Diferencia

    Entre los valores

    absolutos de los

    píxeles

    compuestos

    (todas las capas)

    y el píxel de la

    capa activa. Se

    observan las

    diferencias

    atendiendo a los

    píxeles que hay

    debajo de la capa

    activa.

    Suma

    Se suma el píxel

    compuesto con el

    píxel de la capa

    activa, el valor

    máximo que

    puede obtenerse

    es 255 (color

    blanco).

    Sustraer

    Al píxel

    compuesto se le

    quita el píxel de

    la capa activa,

    con un valor

    mínimo de 0

    (negro).

    Oscurecer

    sólo

    Los píxeles de la

    capa activa que

    son más oscuros

    que la

    composición de

    los píxeles de

    todas las capas

    sustituyen a los

    últimos.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    37 of 50 21/09/2010 12:09

    Clarear

    sólo

    Lo mismo que en

    el anterior caso

    pero atendiendo

    a píxeles más

    claros.

    Tono

    Cambio del color

    visible del píxel

    atendiendo a su

    tono. Sustituye el

    tono de los

    píxeles de la

    composición por

    el tono del de la

    capa activa.

    La capa "Círculo" está en modo

    normal

    Saturación

    Atendiendo a la

    saturación del

    color. Color puro

    o color diluído.

    ColorLos dos

    anteriores a la

    vez.

    Valor

    Como Tono y

    Saturación: el

    color visible del

    píxel compuesto

    se aplica sobre el

    píxel de la capa

    activa.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    38 of 50 21/09/2010 12:09

    Veamos el uso de combinar las capas mediante un ejemplo:

    Practicando la combinación

    Paso 1 – Abrir la imagenEn el primer paso has de abrir la imagen con GIMP

    En esta imagen el protagonista es este anciano. La idea es que resaltes el cuerpo para darle más protagonismo

    y se oscurezca el resto para quitarle importancia. De la zona resaltada, la parte más importante será la cara.

    Paso 2 – Crear la capa para resaltar la caraEl segundo paso consiste en crear la segunda capa. Ves a "Capa / Nueva capa "

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    39 of 50 21/09/2010 12:09

    Te saldrá la siguiente ventana donde pondrás un nombre a la capa. Este nombre será “resaltado” . Del resto

    de opciones no hagas caso.

    Con esto habrás conseguido insertar una capa nueva en el dibujo. ¿De qué sirve ésto? De mucho.

    Primeramente te permite añadir elementos al dibujo sin tocar el original. Después, para esta sesión te servirá

    para multiplicar pixeles en función del dibujo que pongas en esta capa.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    40 of 50 21/09/2010 12:09

    Paso 3 – Aplicar el degradado radial

    Has de elegir “Rellenar con un degradado de colores ” . Esto activa el menú propio del relleno de áreas

    con degradado. Deja las opciones que se indican en la figura (principalmente debes escoger el degradado

    radial)

    Te debe de quedar algo como la siguiente imagen. Un desastre ¿no?. bueno, no te preocupes porque

    como te he dicho antes, la imagen original está en una capa diferente. Si no has tenido la precaución de

    cambiar de capa, entonces, si que has borrado la imagen anterior y te aconsejo que pulses inmediatamente

    CTRL + Z

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    41 of 50 21/09/2010 12:09

    ¿Cómo sé si lo he hecho en la capa correcta? Viendo el diálogo de "Capas "

    Te deben aparecer dos capas:

    1- La que pone fondo será la imagen original.

    2- La segunda capa, que tiene como nombre

    “resaltado” , es donde deberías haber hecho el

    degradado.

    Si ves que en el fondo no aparece una imagen en

    pequeño que te recuerde la imagen original pulsa

    CTRL+Z y repite la operación. Pero antes pulsa la capa

    llamada “resaltado”

    Ahora invierte los colores de la imagen que está en la capa “resaltado” Ves a “Colores/Invertir ”

    La imagen te ha de quedar así

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    42 of 50 21/09/2010 12:09

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    43 of 50 21/09/2010 12:09

    Paso 4 – Multiplicar la capa

    Te queda el último paso donde multiplicarás la

    capa y la harás transparente.

    Para multiplicar la capa ves a la ventana de

    capas y selecciona el modo “multiplicar”

    Te debe de quedar la imagen tal y como

    aparece a continuación

    Ya falta poco. Ahora has de hacer transparente la capa “resaltado” . Si te fijas en la ventana que lista

    las capas hay un control llamado “opacidad” . Normalmente está al 100%. Esto quiere decir que la capa es

    completamente opaca. Si bajas alrededor del 50% verás como la zona del paisaje que estaba oculta aparece.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    44 of 50 21/09/2010 12:09

    No solo eso, sino que verás como la parte importante de la foto no solo aparece centrada sino que

    aparece como más iluminada.

    PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    45 of 50 21/09/2010 12:09

    Práctica

    Resalta al hombre de la imagen mediante la técnica vista en teoría

    de modo que quede lo mas parecido ala siguiente imagen

    El resultado debe guardarse en formato .XCF

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    46 of 50 21/09/2010 12:09

    Ampliar conocimientos

    http://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0209.htm

    Las capas > Componer capas

    Construir la imagen

    Cuando construimos una imagen lo hacemos basándonos en las capas, será diferente según lascapas que mostremos. Para obtener la imagen final debemos componer las capas, es decir, juntarlas.

    El objetivo final de un trabajo con una imagen es imprimirla o visionarla en la pantalla. Entonces nose podrán distinguir las capas que la forman. La excepción la encontramos con el formato GIF, quemuestra una a una las distintas capas , como los fotogramas de una película, por lo que podemosconseguir una animación.

    GIMP nos permite dos posibilidades diferentes para la composición de la imagen final, mezclando oaplanando, aunque en ambos casos conseguimos básicamente lo mismo: combinar las capasvisibles.

    1. Combinar capas

    Existen dos formas de mezclar capas: Combinar capas visibles y Combinar hacia abajo,especificadas en las opciones que aparecen en la Ventana Capas cuando hacemos clic con el botónderecho sobre una capa activa.

    Es conveniente recordar que con las teclas Ctrl + M también se combinan las capas visibles.

    Abramos el archivo "capas.xcf" que utilizamos en el anterior apartado para comprenderlomejor. Dupliquemos dos veces la capa "Círculo" y pintemos uno de los circulos de color verdey otro de naranja. Ahora movemos el círculo verde a la parte superior derecha y el naranja ala inferior izquierda. El orden en la pila de capas debe quedar como se observa en la figura.Guarda la composición como "capas mezcladas0.xcf".

    1.

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    47 of 50 21/09/2010 12:09

    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://docs.gimp.org/es/gimp-layer-mask-add.html

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

    http://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0208.htm

    http://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0209.htm

    http://creativenerds.co.uk/tutorials/50-design-tutorials-for-mastering-gimp/

    - Entradas a Wikipedia

    http://es.wikipedia.org/wiki/Procesamiento_digital_de_imágenes

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    48 of 50 21/09/2010 12:09

    Resumen final

    Posible resumen final del tema

    Reflexión del tema

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

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    49 of 50 21/09/2010 12:09

    Autoevaluación

    Examen SCORM - ejemplo

    ¿Que permite la mascara de capa de tipo blanco?

    nmlkjEsto crea una mascara de capa donde el negro hace la capa totalmente transparente y el blanco la deja

    tal y como esta.

    nmlkj Esto crea una capa de tipo blanco donde se varia el fondo mediante la herramienta Opacidad

    ¿Cual es la base para realizar un fundido de dos imagenes?

    nmlkjSituarlas una al lado de la otra y aplicar la mascara de capa con un degradado de blanco a negro

    permitiendo de este modo fundir ambas imagenes

    nmlkj Usar el filtro fundido de dos imagenes

    ¿Que son los filtros de GIMP?

    nmlkj Son operaciones que permiten el paso de unos colores u otros. De ahí su nombre "filtros"

    nmlkjSon diferentes operaciones automatizadas que son agrupadas por GIMP para aplicarse tantas veces se

    desee sobre la imagen

    Los diferentes modos de combinación permiten

    nmlkj Combinar visualmente una capa con las que están debajo de ella el función del modo de combinación.

    nmlkj Realizar selecciones combinadas entre diferentes herramientas (eclipse, rectangulo, etc.)

    La base de colorear zonas de una imagen en blanco y negro es

    nmlkj Recortar la zona en color y pegarla sobre la imagen en blanco y negro

    nmlkjEstablecer la mascara en una capa superior (con la imagen en blanco y negro) y mediante pincel negro

    dejar ver las partes de la capa inferior (con la imagene en color) que queramos.

    Respuestas propuestas

  • 04_Uso_de_GIMP_orientado_retoque_de_imagenes_digitales._Nivel... http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_bvykmz/04...

    50 of 50 21/09/2010 12:09

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

    Formació del Professorat - CEFIRE