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
Formato Descripción Color Compresión
BMP Es un formato creado por Microsoft. Tiene una Formato comprimido
Es el formato de imagen estándar en profundidad de sin pérdidad de calidad
Windws color de 24 bits
(unos 16
millones de
colores)
JPG Es el formato más usado en la Tiene una Formato comprimido.
actualidad para las fotografías. La profundidad de El usuario puede
facilidad con la que se distribuye a color de 24 bits ajustar el nivel de
través de Internet ha hecho que sea compresión y pérdida
muy popular. de calidad
GIF Al igual que el formato JPG, es muy Tiene una Formato comprimido
utilizado en Internet. Además, puede profundidad de sin pérdida de calidad
contener pequeñas animaciones. color de 8 bits
Permite definir un color como ( es decir, tan
transparente. sólo admite 256
colores)

6. Imágenes de mapa de bits
Formato
Formato Descripción Color Compresión
TIF o TIFF Se utiliza para imágenes de gran Tiene una Formato comprimido
calidad. Como consecuencia de ello, profundidad de sin pérdidad de calidad
las imágenes con este formato pesan color de hasta (por eso las imágenes
mucho (ocupan un gran espacio en 64 bits (más de en este formato ocupan
disco) 18 trillones de tanto espacio en disco)
colores)
PNG Nació para sustituir al formato GIF, Tiene una Formato comprimido
pero con mejor calidad. Permite profundidad de sin pérdida de calidad
definir hasta 256 grados de color de 32 bits
transparencia. (más de 4.000
billones de
colores)
XCF Es el formato de imagen propio del Tiene una Formato comprimido
programa GIMP. Permite guardar profundidad de sin pérdida de calidad
capas, canales y distintos efectos. color de 32 bits

7. GIMP

8. Índice

Descripción

Caja de herramientas

Herramientas de selección

Herramientas de dibujo

Herramientas de color

Efectos

9. 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

10. 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

11. 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

12. Herramientas de dibujo

Actúan sobre la zona seleccionada
− Rellenar de color
− Dibuja líneas
− Pinta
− Borra

Tipo de brocha, transparencia,...

13. 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

14. 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

15. 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

16. 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

17. 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

18. 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

19. 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

20. Herramientas de transformación

Modifican la zona seleccionada
− Girar
− Escala
− Reflejo

21. Texto

Introduce un texto

Tipo de letra, tamaño, color,...

22. 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

23. 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

24. 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

25. 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

26. 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

27. 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

28. Filtros

Afectan a una zona seleccionada

Desenfocan la figura

Distorsionan

Modifican colores, textura, ...

Desenfocan, Aplican brillos, ...

29. 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

30. 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

31. 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

32. Animaciones

Son sucesiones de imagenes

En cada capa se coloca un fotograma

Se debe guardar en formato gif (y como animación)

33. 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

34. FIN
José Ramón López 2010