SlideShare una empresa de Scribd logo
1 de 33
Imagen digital


    Imagen vectorial
    −   Formas y rellenos
    −   Diseño artístico y
        arquitectura

●
    Imagen de Mapa de bits
    −   Píxeles

    −   Fotografía
        Para presentar la realidad al detalle
Imágenes de mapa de bits
                        Propiedades de un archivo de imagen


    Dimensiones (o tamaño)
        1600 x 1200 = 1.920.000 píxeles = 1,92 megapíxeles (1 megapíxel = 1.000.000 píxeles)


    Peso (lo que ocupa la imagen en el disco del ordenador)
                                 Se mide en Kilobytes, mega bytes o gigabytes

                         1 MB = 1.024 KB,               1 GB = 1.024 MB = 1.048.576 KB



    Resolución (indica la calidad de la imagen)
        - Se expresa en píxelestiene 200 píxeles de ancho, y en cada pulgada 300 ppp
                   La imagen por pulgada (ppp). Por ejemplo, una resolución de
        indica que la impresora ha (2,54 cm) hay 300 píxeles de tanto:
                    en cada pulgada de pintar 100 píxeles. Por la imagen.
        - La resolución afecta a la imagen impresa, no a la imagen en formato digital
                   Ancho de la imagen = 200 píxeles /100 ppp = 2 pulgadas

                  Como cada pulgada tiene 2,54 centímetros:
        Ejemplo: tenemos una imagen de 200 x 300 píxeles con una resolución de 100 ppp.
                           Ancho de la imagen = 2 x 2,54 = 5,08 cm
        ¿Cuál será su tamaño en centímetros al imprimirla?
Imágenes de mapa de bits
                  Características de las imágenes

    Exposición
       Cantidad de luz que ha sido capturada en una imagen.
       Sobreexposición y subexposición

    Brillo.
       Luminosidad de una imagen, la claridad que tiene. Esta
       propiedad nos dice si una imagen es clara u oscura.

    Contraste
       Es la diferencia relativa de intensidad entre un punto
       cualquiera de la imagen y los de su alrededor.

    Saturación
       Indica la pureza de un color. Un color está muy saturado
       cuando es puro, sin mezcla. Cuando una imagen va
       perdiendo saturación, va acercándose al color gris.
Imágenes de mapa de bits
                         Características de las imágenes

    Luminosidad
      Concepto similar al brillo. Cuando aplicamos luminosidad a una imagen o color, se ca
      aproximando al blanco. Y al contrario: si le quitamos luminosidad, se aproxima al negro.

    Color
      La mayoría de aparatos digitales (móvil, televisor, etc.) trabajan con tres colores
      primarios: el rojo, el verde y el azul. Este sistema de color se llama RGB. Existen otros
      modelos de color como por ejemplo el CMYK (cyan, magenta, yellow y black) que
      utilizan las imprentas para su proceso de impresión

    Profundidad de color
      Cantidad de colores que aparecen , o que pueden aparecer,
      en una imagen.
      Se suele expresar en bits. Por ejemplo, una profundidad de color
      de 16 bits indica que la imagen puede contener un total
      de 65. 536 colores distintos
      ( 216 = 65 536)
Imágenes de mapa de bits
       Formato
GIMP
Índice

    Descripción

    Caja de herramientas

    Herramientas de selección

    Herramientas de dibujo

    Herramientas de color

    Efectos
Descripción

    GIMP = GNU/GPL Image Manipulation Program
        (Programa de Manipulación de Imágenes GNU/GPL)


    GNU/GPL = GNU is Not Unix / General Public License
        (No es Unix / Licencia de uso Público General)

             
               Programa para retocar imágenes
             
               Estilo y prestaciones de Photoshop
Caja de herramientas

    Contiene las herramientas más comunes

    Grupos:
    −   Herramientas de selección
    −   Herramientas de modificación
    −   Herramientas de dibujo
    −   Herramientas de color

    Propiedades de la herramienta seleccionada
Práctica 1: Formatos de imagen

    Abre el archivo ojo.jpg

    Amplía la imagen hasta distinguir los píxeles



    Abre el archivo arbol.jpg

    Guarda la imagen en formato GIF, TIF, BMP y PNG

    Compara el tamaño del archivo en cada formato
Herramientas de dibujo

    Actúan sobre la zona seleccionada
     −   Rellenar de color
     −   Dibuja líneas
     −   Pinta
     −   Borra

    Tipo de brocha, transparencia,...
Herramientas de color

    Selecciona el color con que se va a dibujar
     −   Recoge color de un píxel


    Colores seleccionados
     −   Color para dibujar
     −   Color para borrar
Práctica 2: Herramientas de dibujo

    Selecciona la herramienta lápiz y dibuja tres trazos de
    distinto color y grosor

    Selecciona la herramienta pincel y dibuja cinco trazos de
    distinto grosor y puntero
     Uno de los trazos debe ser difuminado
     −
●
  Uno de los trazos debe tener
  un 50% de opacidad

    Selecciona la herramienta
    aerógrafo y dibuja un trazo
    aplicando más o menos
    pintura
Práctica 2b: Herramientas de dibujo

    Abre el archivo foto.jpg

    Transforma la imagen a blanco y negro:
           Imagen > Modo > Escala de grises

    Selecciona la herramienta clonador

    Elige una zona a restaurar

    Copia un área próxima

    Reproduce ese área
Herramientas de selección

    Seleccionar zonas para modificarlas
    −   Zonas cuadradas
    −   Zonas redondas
    −   Zonas definidas por puntos
    −   Zonas continuas
    −   El mismo color

    Opciones de selección
Práctica 3: Herramientas de selección
 
     Abre el archivo ojo_rojo.jpg
 
     Amplía la zona de los ojos y selecciona la zona roja
 
     Pinta esa zona con colores adecuados
Práctica 3b: Herramientas de selección
  
      Abre el archivo chaval.jpg
  
      Marca bien las líneas aumentando el contraste:
  Herramientas > Herramientas de color > Brillo y contraste
  
      Selecciona las distintas áreas con la varita mágica
  
      Rellena con colores y con degradados
Práctica 4: Herramientas de selección
 
     Abre el archivo uvas.jpg
 
     Marca el contorno de una de las uvas mediante la
     herramienta tijera
     −   El último punto debe coincidir con el primero
     −   La selección acaba pulsando dentro de la zona
 
     Cambia su color
Herramientas > Herramientas de color >
> Balance de color
Herramientas de transformación

    Modifican la zona seleccionada
    −   Girar
    −   Escala
    −   Reflejo
Texto

    Introduce un texto





    Tipo de letra, tamaño, color,...
Práctica 5.1: Texto

    Crea un archivo nuevo de 600 x 200 píxeles

    Selecciona la herramienta texto

    Elige el tipo de letra Arial Black, con un tamaño de 40
    píxeles y color rijo

    Introduce vuestro nombre

    Pulsando sobre las letras, centra el texto en la ventana

    Funde todas las imágenes
      Imagen > Aplanar imagen
Práctica 5.2: Texto artístico

    Crea un documento nuevo de 600x200, y con la herramienta
    texto escribe guerrero (tamaño 50 píxeles y color negro)

    En la ventana de Filtros, pulsa en Alfa a logotipos y
    a continuación en Metal frío

    En la ventana que se despliega, selecciona Metal frío y
    fija el tamaño de letra en 50

    Si no estaba abierta, abre la ventana de capas
      Archivo > Diálogos empotrables > Capas

    Comprueba las capas que se han creado y pulsa en el ojo de
    la capa Background y Fondo para hacerlas invisibles

    Selecciona Imagen>Combinar las capas
    visibles>Recortada según la imagen

    Guarda la imagen como texto.xcf y no cierres el archivo
Práctica 5.2: Texto y Capas

    Abre el archivo guerrero.jpg

    En el archivo de texto anterior, selecciona la capa
    Reflection, y pulsa Editar>Copiar



    En el archivo guerrero pulsa
    Editar>Pegar

    Combina las capas del texto, reflejo,
    sombras, ...
      Capa > Anclar Capa
Capas

    Son como papeles transparentes

    Sólo se modifica la capa que se encuentre activa

    Para abrir la ventana de capas:
      Archivo > Diálogos > Capas




      Operaciones con capas
Práctica 6: Capas

    Crea un archivo nuevo de 350 px de ancho y 250 px de alto

    Abre la ventana de capas    Archivo > Diálogos > Capas

    Crea una capa nueva de 200 x 200 px y relleno transparente

    Píntala de azul con el bote de pintura

    Haz un duplicado de la capa azul y píntala
    de rojo

    Haz otra copia en color verde                     Duplicar capa
                                                 Capa nueva

    Aplica el 60% de opacidad a
    las capas y colocalas como en
    el dibujo
Práctica 7: Capas

    Crea un archivo nuevo de 300 px de ancho y 400 px de alto

    Rellenalo con un patrón oscuro

    Abre el archivo mujer.jpg

    Recorta la cara y pégala sobre el
    archivo creado antes

    Ajusta para obtener un resultado
    como el de la imagen
Filtros

    Afectan a una zona seleccionada

    Desenfocan la figura

    Distorsionan

    Modifican colores, textura, ...

    Desenfocan, Aplican brillos, ...
Práctica 8: Filtros

    Abre el archivo globos.jpg

    Aplica un repujado
      Filtros > Distorsiones > Repujado



    Vuelve a abrir el mismo
    archivo

    Aplica un envejecimiento y
    manchas de cafe
      Filtros > Decorativos
    > Foto antigua
Práctica 8b: Filtros

    Abre el archivo charlot.jpg

    Selecciona la zona de la boca

    Deforma esa zona
      Filtros > Distorsiones > Doblar según curva

    Aplica otros filtros en otras zonas

    Aplica el filtro de hoja doblada
Práctica 8c: Filtros

    Abre el archivo lluvia.jpg

    Selecciona las figuras principales

    Invierte la selección
      Seleccionar > Invertir

    Pon el fondo en blanco y negro (u otra coloración )
     Herramientas > Herramientas de color >
    Colorear
Animaciones

    Son sucesiones de imagenes

    En cada capa se coloca un fotograma

    Se debe guardar en formato gif   (y como animación)
Práctica 9: Animaciones

    Crea un archivo nuevo de 300 x 300 px

    Selecciona un cuadrado y píntalo de rojo

    En su interior, pinta un círculo blanco

    Duplica la capa

    Con centro en un vértice del cuadrado, giralo 45º

    Repite el proceso hasta completar 360º

    Guarda en formato gif y como animación
FIN


      José Ramón López 2010

Más contenido relacionado

La actualidad más candente

La imagen digital
La imagen digitalLa imagen digital
La imagen digitalmartapotoc
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Raquel Gómez Diago
 
Fotografía digital
Fotografía digitalFotografía digital
Fotografía digitallucia-16
 
Tipos de resolución
Tipos de resoluciónTipos de resolución
Tipos de resoluciónNando Colim
 
Tema 9 isamar y trinidad
Tema 9 isamar y trinidadTema 9 isamar y trinidad
Tema 9 isamar y trinidadiestrinity
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicosliccom
 
05 Multimedia. Introduccion. Imagen. Anexo
05 Multimedia. Introduccion. Imagen. Anexo05 Multimedia. Introduccion. Imagen. Anexo
05 Multimedia. Introduccion. Imagen. AnexoJosé M. Padilla
 
Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Elbarto678
 
Guia apoyo photoshop primera clase
Guia  apoyo photoshop primera claseGuia  apoyo photoshop primera clase
Guia apoyo photoshop primera claseminegslide
 
Ig 011 resolucion
Ig 011 resolucionIg 011 resolucion
Ig 011 resolucionProfe Alejo
 

La actualidad más candente (19)

La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
Imagen digital. Herramientas digitales: Photoshop, Illustrator y InDesign.
 
RESOLUCIÓ
RESOLUCIÓRESOLUCIÓ
RESOLUCIÓ
 
Actividad 1.1
Actividad 1.1Actividad 1.1
Actividad 1.1
 
Fotografía digital
Fotografía digitalFotografía digital
Fotografía digital
 
Tutoriales fotoshop
Tutoriales fotoshopTutoriales fotoshop
Tutoriales fotoshop
 
Compendio
CompendioCompendio
Compendio
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Tipos de resolución
Tipos de resoluciónTipos de resolución
Tipos de resolución
 
Resolucion digital
Resolucion digitalResolucion digital
Resolucion digital
 
Tema 9 isamar y trinidad
Tema 9 isamar y trinidadTema 9 isamar y trinidad
Tema 9 isamar y trinidad
 
Imagen Digital_conceptos básicos
Imagen Digital_conceptos básicosImagen Digital_conceptos básicos
Imagen Digital_conceptos básicos
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
05 Multimedia. Introduccion. Imagen. Anexo
05 Multimedia. Introduccion. Imagen. Anexo05 Multimedia. Introduccion. Imagen. Anexo
05 Multimedia. Introduccion. Imagen. Anexo
 
Conceptos básicos de imágen digital
Conceptos básicos de imágen digital Conceptos básicos de imágen digital
Conceptos básicos de imágen digital
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Guia apoyo photoshop primera clase
Guia  apoyo photoshop primera claseGuia  apoyo photoshop primera clase
Guia apoyo photoshop primera clase
 
Imagen Digital
Imagen DigitalImagen Digital
Imagen Digital
 
Ig 011 resolucion
Ig 011 resolucionIg 011 resolucion
Ig 011 resolucion
 

Similar a Gimp (20)

Gimp
GimpGimp
Gimp
 
Actividad 1 Ps
Actividad 1 PsActividad 1 Ps
Actividad 1 Ps
 
Gimp
GimpGimp
Gimp
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Retoque fotográfico
Retoque fotográficoRetoque fotográfico
Retoque fotográfico
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital
 
Gimp
GimpGimp
Gimp
 
Pdf fusionné
Pdf fusionnéPdf fusionné
Pdf fusionné
 
Luis Alfredo Gonzalez Valdes
Luis Alfredo Gonzalez ValdesLuis Alfredo Gonzalez Valdes
Luis Alfredo Gonzalez Valdes
 
Tema 2: Imagen Digital
Tema 2: Imagen DigitalTema 2: Imagen Digital
Tema 2: Imagen Digital
 
Tutorial de Gimp
Tutorial de Gimp Tutorial de Gimp
Tutorial de Gimp
 
manual-de-photoshop-cs5.pdf
manual-de-photoshop-cs5.pdfmanual-de-photoshop-cs5.pdf
manual-de-photoshop-cs5.pdf
 
Características de la Imagen Digital
Características de la Imagen DigitalCaracterísticas de la Imagen Digital
Características de la Imagen Digital
 
La resolucion en las imagenes
La resolucion en las imagenesLa resolucion en las imagenes
La resolucion en las imagenes
 
Tutorial de GIMP - José David Vásquez Delgado
Tutorial de GIMP - José David Vásquez DelgadoTutorial de GIMP - José David Vásquez Delgado
Tutorial de GIMP - José David Vásquez Delgado
 
Clase de-photoshop-2
Clase de-photoshop-2Clase de-photoshop-2
Clase de-photoshop-2
 
UNIDAD 3 tic_4_eso
UNIDAD 3 tic_4_esoUNIDAD 3 tic_4_eso
UNIDAD 3 tic_4_eso
 
Photoshop cs5
Photoshop cs5  Photoshop cs5
Photoshop cs5
 
6 imagen digital curso básico de photoshop_1
6 imagen digital curso básico de photoshop_16 imagen digital curso básico de photoshop_1
6 imagen digital curso básico de photoshop_1
 
Herramientas de pintura
Herramientas de pinturaHerramientas de pintura
Herramientas de pintura
 

Último

Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 

Último (20)

Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 

Gimp

  • 1. Imagen digital  Imagen vectorial − Formas y rellenos − Diseño artístico y arquitectura ● Imagen de Mapa de bits − Píxeles − Fotografía Para presentar la realidad al detalle
  • 2. Imágenes de mapa de bits Propiedades de un archivo de imagen  Dimensiones (o tamaño) 1600 x 1200 = 1.920.000 píxeles = 1,92 megapíxeles (1 megapíxel = 1.000.000 píxeles)  Peso (lo que ocupa la imagen en el disco del ordenador) Se mide en Kilobytes, mega bytes o gigabytes 1 MB = 1.024 KB, 1 GB = 1.024 MB = 1.048.576 KB  Resolución (indica la calidad de la imagen) - Se expresa en píxelestiene 200 píxeles de ancho, y en cada pulgada 300 ppp La imagen por pulgada (ppp). Por ejemplo, una resolución de indica que la impresora ha (2,54 cm) hay 300 píxeles de tanto: en cada pulgada de pintar 100 píxeles. Por la imagen. - La resolución afecta a la imagen impresa, no a la imagen en formato digital Ancho de la imagen = 200 píxeles /100 ppp = 2 pulgadas Como cada pulgada tiene 2,54 centímetros: Ejemplo: tenemos una imagen de 200 x 300 píxeles con una resolución de 100 ppp. Ancho de la imagen = 2 x 2,54 = 5,08 cm ¿Cuál será su tamaño en centímetros al imprimirla?
  • 3. Imágenes de mapa de bits Características de las imágenes  Exposición Cantidad de luz que ha sido capturada en una imagen. Sobreexposición y subexposición  Brillo. Luminosidad de una imagen, la claridad que tiene. Esta propiedad nos dice si una imagen es clara u oscura.  Contraste Es la diferencia relativa de intensidad entre un punto cualquiera de la imagen y los de su alrededor.  Saturación Indica la pureza de un color. Un color está muy saturado cuando es puro, sin mezcla. Cuando una imagen va perdiendo saturación, va acercándose al color gris.
  • 4. Imágenes de mapa de bits Características de las imágenes  Luminosidad Concepto similar al brillo. Cuando aplicamos luminosidad a una imagen o color, se ca aproximando al blanco. Y al contrario: si le quitamos luminosidad, se aproxima al negro.  Color La mayoría de aparatos digitales (móvil, televisor, etc.) trabajan con tres colores primarios: el rojo, el verde y el azul. Este sistema de color se llama RGB. Existen otros modelos de color como por ejemplo el CMYK (cyan, magenta, yellow y black) que utilizan las imprentas para su proceso de impresión  Profundidad de color Cantidad de colores que aparecen , o que pueden aparecer, en una imagen. Se suele expresar en bits. Por ejemplo, una profundidad de color de 16 bits indica que la imagen puede contener un total de 65. 536 colores distintos ( 216 = 65 536)
  • 5. Imágenes de mapa de bits Formato
  • 7. Índice  Descripción  Caja de herramientas  Herramientas de selección  Herramientas de dibujo  Herramientas de color  Efectos
  • 8. Descripción  GIMP = GNU/GPL Image Manipulation Program (Programa de Manipulación de Imágenes GNU/GPL)  GNU/GPL = GNU is Not Unix / General Public License (No es Unix / Licencia de uso Público General)  Programa para retocar imágenes  Estilo y prestaciones de Photoshop
  • 9. Caja de herramientas  Contiene las herramientas más comunes  Grupos: − Herramientas de selección − Herramientas de modificación − Herramientas de dibujo − Herramientas de color  Propiedades de la herramienta seleccionada
  • 10. Práctica 1: Formatos de imagen  Abre el archivo ojo.jpg  Amplía la imagen hasta distinguir los píxeles  Abre el archivo arbol.jpg  Guarda la imagen en formato GIF, TIF, BMP y PNG  Compara el tamaño del archivo en cada formato
  • 11. Herramientas de dibujo  Actúan sobre la zona seleccionada − Rellenar de color − Dibuja líneas − Pinta − Borra  Tipo de brocha, transparencia,...
  • 12. Herramientas de color  Selecciona el color con que se va a dibujar − Recoge color de un píxel  Colores seleccionados − Color para dibujar − Color para borrar
  • 13. Práctica 2: Herramientas de dibujo  Selecciona la herramienta lápiz y dibuja tres trazos de distinto color y grosor  Selecciona la herramienta pincel y dibuja cinco trazos de distinto grosor y puntero Uno de los trazos debe ser difuminado − ● Uno de los trazos debe tener un 50% de opacidad  Selecciona la herramienta aerógrafo y dibuja un trazo aplicando más o menos pintura
  • 14. Práctica 2b: Herramientas de dibujo  Abre el archivo foto.jpg  Transforma la imagen a blanco y negro: Imagen > Modo > Escala de grises  Selecciona la herramienta clonador  Elige una zona a restaurar  Copia un área próxima  Reproduce ese área
  • 15. Herramientas de selección  Seleccionar zonas para modificarlas − Zonas cuadradas − Zonas redondas − Zonas definidas por puntos − Zonas continuas − El mismo color  Opciones de selección
  • 16. Práctica 3: Herramientas de selección  Abre el archivo ojo_rojo.jpg  Amplía la zona de los ojos y selecciona la zona roja  Pinta esa zona con colores adecuados
  • 17. Práctica 3b: Herramientas de selección  Abre el archivo chaval.jpg  Marca bien las líneas aumentando el contraste: Herramientas > Herramientas de color > Brillo y contraste  Selecciona las distintas áreas con la varita mágica  Rellena con colores y con degradados
  • 18. Práctica 4: Herramientas de selección  Abre el archivo uvas.jpg  Marca el contorno de una de las uvas mediante la herramienta tijera − El último punto debe coincidir con el primero − La selección acaba pulsando dentro de la zona  Cambia su color Herramientas > Herramientas de color > > Balance de color
  • 19. Herramientas de transformación  Modifican la zona seleccionada − Girar − Escala − Reflejo
  • 20. Texto  Introduce un texto  Tipo de letra, tamaño, color,...
  • 21. Práctica 5.1: Texto  Crea un archivo nuevo de 600 x 200 píxeles  Selecciona la herramienta texto  Elige el tipo de letra Arial Black, con un tamaño de 40 píxeles y color rijo  Introduce vuestro nombre  Pulsando sobre las letras, centra el texto en la ventana  Funde todas las imágenes Imagen > Aplanar imagen
  • 22. Práctica 5.2: Texto artístico  Crea un documento nuevo de 600x200, y con la herramienta texto escribe guerrero (tamaño 50 píxeles y color negro)  En la ventana de Filtros, pulsa en Alfa a logotipos y a continuación en Metal frío  En la ventana que se despliega, selecciona Metal frío y fija el tamaño de letra en 50  Si no estaba abierta, abre la ventana de capas Archivo > Diálogos empotrables > Capas  Comprueba las capas que se han creado y pulsa en el ojo de la capa Background y Fondo para hacerlas invisibles  Selecciona Imagen>Combinar las capas visibles>Recortada según la imagen  Guarda la imagen como texto.xcf y no cierres el archivo
  • 23. Práctica 5.2: Texto y Capas  Abre el archivo guerrero.jpg  En el archivo de texto anterior, selecciona la capa Reflection, y pulsa Editar>Copiar  En el archivo guerrero pulsa Editar>Pegar  Combina las capas del texto, reflejo, sombras, ... Capa > Anclar Capa
  • 24. Capas  Son como papeles transparentes  Sólo se modifica la capa que se encuentre activa  Para abrir la ventana de capas: Archivo > Diálogos > Capas Operaciones con capas
  • 25. Práctica 6: Capas  Crea un archivo nuevo de 350 px de ancho y 250 px de alto  Abre la ventana de capas Archivo > Diálogos > Capas  Crea una capa nueva de 200 x 200 px y relleno transparente  Píntala de azul con el bote de pintura  Haz un duplicado de la capa azul y píntala de rojo  Haz otra copia en color verde Duplicar capa Capa nueva  Aplica el 60% de opacidad a las capas y colocalas como en el dibujo
  • 26. Práctica 7: Capas  Crea un archivo nuevo de 300 px de ancho y 400 px de alto  Rellenalo con un patrón oscuro  Abre el archivo mujer.jpg  Recorta la cara y pégala sobre el archivo creado antes  Ajusta para obtener un resultado como el de la imagen
  • 27. Filtros  Afectan a una zona seleccionada  Desenfocan la figura  Distorsionan  Modifican colores, textura, ...  Desenfocan, Aplican brillos, ...
  • 28. Práctica 8: Filtros  Abre el archivo globos.jpg  Aplica un repujado Filtros > Distorsiones > Repujado  Vuelve a abrir el mismo archivo  Aplica un envejecimiento y manchas de cafe Filtros > Decorativos > Foto antigua
  • 29. Práctica 8b: Filtros  Abre el archivo charlot.jpg  Selecciona la zona de la boca  Deforma esa zona Filtros > Distorsiones > Doblar según curva  Aplica otros filtros en otras zonas  Aplica el filtro de hoja doblada
  • 30. Práctica 8c: Filtros  Abre el archivo lluvia.jpg  Selecciona las figuras principales  Invierte la selección Seleccionar > Invertir  Pon el fondo en blanco y negro (u otra coloración ) Herramientas > Herramientas de color > Colorear
  • 31. Animaciones  Son sucesiones de imagenes  En cada capa se coloca un fotograma  Se debe guardar en formato gif (y como animación)
  • 32. Práctica 9: Animaciones  Crea un archivo nuevo de 300 x 300 px  Selecciona un cuadrado y píntalo de rojo  En su interior, pinta un círculo blanco  Duplica la capa  Con centro en un vértice del cuadrado, giralo 45º  Repite el proceso hasta completar 360º  Guarda en formato gif y como animación
  • 33. FIN José Ramón López 2010