Este documento resume las propiedades y características básicas de las imágenes digitales. Explica que existen dos tipos principales de imágenes: imágenes vectoriales y de mapa de bits. Las imágenes de mapa de bits se componen de píxeles y son adecuadas para la fotografía, mientras que las vectoriales usan formas y rellenos para el diseño. También describe propiedades como el tamaño, peso, resolución y profundidad de color de las imágenes de mapa de bits.

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

6. GIMP

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