IES

PIN

TOR

RA

FAEL

REQ

UEN

A

PR

OF.

JU

AN

SÁ

NC

HEZ

TRATAMIENTO DIGITAL DE LA IMAGEN

Formatos de imágenes

Mapa de bits Vectoriales

- Formadas por cuadraditos (pixeles) en forma de rejilla o matriz que descomponen la imagen. Cada pixel guarda la información de color de la posición que ocupa

- Formadas por objetos geométricosindependientes (segmentos, polígonos,arcos,…) con sus atributos de forma,color, posición, …

Tratamiento digital de la imagen

¿En qué se diferencia los distintos tipos de imágenes?

Mapa de bits Vectoriales

- Se produce una pérdida de resolución cuando se amplia la imagen

- No se produce una pérdida deresolución cuando se amplia la imagen

Tratamiento digital de la imagen

Compresión de archivos de imagen

Debido al tamaño de las imágenes se utilizan algoritmos de compresión para que se puedan transportar y trabajar más fácilmente

Tipos de imágenes más comunes

Extensión Compresión Calidad Programa nativo Notas

.bmp No Si Paint Tamaño

Degradación

Tratamiento digital de la imagen

.jpg /.jpeg Si Si TodosDegradación

archivo

.psd No Si Photoshop Capas

.xcf No Si Gimp Capas

.raw No Si Negativo digital Visualización

-Imágenes sin mucho tamaño

-Compatibles con todos los sistemas operativos y

El archivo JPG / JPEG

Se basa en los defectos visuales del ojo humano (capta mejor los cambios de brillo que de color)

No guarda todos los pixeles, sino que coge una muestra de un trozo de la fotografía y lo guarda para luego utilizarlo en zonas que “se parezcan”

sistemas operativos y programas

-Ideal para Internet

-Insertar en documentos

-Si se editan y comprimen varias veces se pueden “corromper” o “degradar”

Características de una imagen

� Dimensiones de una imagen

� Resolución

� Profundidad de color

� Tamaño de la imagen

Ancho: 4542 píxeles

Dimensiones de una imagen

Ancho x Alto (en píxeles)

4542

Alto: 3029 píxeles

4543 x 3029 = 13760747 píxeles ≈

13,7 Megapíxeles

Mi cámara de fotos tendría 13,7 Megapíxeles

30

29

Ancho en pixeles / Ancho en pulgadas

Alto en píxeles / Alto en píxeles

Resolución de una imagen

Es la capacidad de reproducir fielmente los detalles de una imagenPíxeles / Pulgadas (ppi ó dpi)

La resolución y el tamaño de la imagen dan una idea de la calidad de la imagen.

Resoluciones típicas de una imagen

Elemento Resolución

Imagen para web 72 ppi

Monitor 96 ppi

Imprimir Más de 200 ppi

Error: Imprimir una imagen sacada de internet a 72 ppi. No se verá ni con los mismoscolores ni con la misma nitidez que en la pantalla.

Profundidad de color

Son los bits que se utilizan para guardar la información de color de un pixel

Imagen con una profundidad de 1 bit (21=2 colores. 0 negro, 1 blanco)

Profundidad de color

Imagen con una profundidad de 8 bits en escala de grises (28=256 colores)

Profundidad de color

Imagen con una profundidad de 8 bits en color (28=256 colores)

Profundidad de color

Imagen con una profundidad de 16 bits en color (216=65536 colores)

Profundidad de color

Profundidad Potencia Nº de colores

1 bit 21 2

4 bits 24 16

8 bits 28 256

16 bits 216 65.536

32 bits 232 4.294.967.296

Tamaño = Resolución2 x Ancho x Alto x Profundidad de color

El tamaño de la imagen

Es la cifra en bits o bytes que describe la cantidad de memoria necesaria para almacenar la imagen en un soporte

Resolución (ppi)Ancho (pulgadas)Alto (pulgadas)

Ej. una imagen de 10 x 15 cm (3,94 x 5,91 pulgadas), con una resolución de 96 ppi y una profundidad de color de 32 bits, tendrá un

tamaño bruto de:

9216 x 3,94 x 5,91 x 32 = 6.857.144 bits = 858.393 Bytes = 838 KBytes

Alto (pulgadas)Profundidad de color (bits)

Resumen

Dimensiones ResoluciónProfundidad

de colorTamaño

SignificadoAncho x Alto

A x A’

Ancho (pixeles) /

Ancho (pulgadas)

Nº de bits que guardan la

información del color

R2 x A x A’ x P

PixelesBits

BytesUnidades

PixelesPulgadas

Centímetrosppi Bits

BytesKBMB

Notas1 pulgada =

2,54 cm

A mayor resolución

mayor nivel de detalles

A mayor nº de bits, mayor número de colores se

pueden representar

Cantidad de memoria

necesaria para guardar la

imagen

Modos de color

RGB CMYK

Todos los colores se obtienen como combinación de:

�Red (Rojo)�Green (Verde)�Blue (Azul)

Todos los colores se obtienen como combinación de:

�Cian�Magenta�Yellow (Amarillo)�Black (Negro)

Se utiliza cuando… Se utiliza cuando…

La imágenes se van a presentar en Las imágenes se van a imprimirLa imágenes se van a presentar en pantalla, web, …

Las imágenes se van a imprimir

Programa para el tratamiento digital de las imágenes

El GIMP

Área de trabajo del GIMP

Barra de menú

Herramientas y opciones

Espacio de trabajo

Capas, Canales,…

Herramientas básicas de GIMP

Herramientas

Selección

Mover Recorte

Rotar Escalar

Inclinación Perspectiva

Volteo Texto

Relleno Mezcla

Opciones de la herramienta

Pincel Borrador

Clonar Saneado

Enfoque Emborronado

Opciones de la herramienta

Cuando selecciono una herramienta,aparece un cuadro de diálogo debajo donde se indican las opciones de esa herramienta

Selección normal

Añadir Restar Intersectar

Opciones importantesen la selección:

Capas

El Gimp es un programa que trabaja por capas. Para entenderlo mejor vamos a imaginar que son láminastransparentes que se colocan una encima de otra y que puedo ocultarlas o visualizarlas

3 capas: �Fondo�Logotipo�Texto (“El agua”)

REG

LAS

DE

CO

MP

OSI

CIÓ

NR

EGLA

S D

E C

OM

PO

SIC

IÓN

Identifica el centro de interés

Cualquiera que vea una imagen debería saber que se quiere mostrar

¿Cuál es el centro de interés?

Grupo de amigos

Un botellón

El de la gorra con un vaso

Las manos

…

El título de la foto según el autor es RAP.

¿Te da la sensación de que estén cantando?NO

Identifica el centro de interés

¿Y ahora?

Antes no, pero ahora… SI

Regla de los tercios

Si dividimos una imagen en 3 partes de forma vertical y en 3 partes de forma horizontal obtenemos los puntosfuertes de la fotografía, es decir, aquellos a los que instintivamente se dirige nuestra mirada.

Cualquier foto que tenga la parte importante en esos puntos será más interesante y quedará mejor.

Punto Fuerte

Regla de los tercios

En resumen: NUNCA CENTRAR EL OBJETO PRINCIPAL EN LA FOTOGRAFÍA, NO DA SENSACIÓN DE REALIDAD !!!

SIElemento principal en un punto fuerte

NOElemento principal en el centro

Regla de los tercios

Rellena el encuadre

No es necesario sacar toda la flor para saber que es una flor

SI

NO

Dirección y movimiento

Es necesario seguir la dirección del movimiento y dejar espacio libre en el sentido del movimiento

Espacio libre“Aire”

Dirección contraria al movimientoEl ciclista se sale de la foto

SI

NO

Espacio libre“Aire”

En la misma dirección que el movimientoEl ciclista entra en la foto

Curvas en forma de S

Las curvas en forma de S conducen la mirada y resultan agradables

Las Diagonales

Los elementos colocados en las diagonales de la fotografía dirigen la mirada y dan sensación de fuerza

Ahora que ya sabes las reglas de composición…

puedes atreverte a romperlas!!!