Juan Sanchez

1. IMAGEN
TRATAMIENTO DIGITAL DE LA
IES PINTOR RAFAEL REQUENA
PROF. JUAN SÁNCHEZ

2. Formatos de imágenes
Mapa de bits Vectoriales
- Formadas por cuadraditos (pixeles) en - Formadas por objetos geométricos
forma de rejilla o matriz que independientes (segmentos, polígonos,
descomponen la imagen. Cada pixel arcos,…) con sus atributos de forma,
guarda la información de color de la color, posición, …
posición que ocupa
Tratamiento digital de la imagen

3. ¿En qué se diferencia los distintos tipos de imágenes?
Mapa de bits Vectoriales
- Se produce una pérdida de resolución - No se produce una pérdida de
cuando se amplia la imagen resolución cuando se amplia la imagen
Tratamiento digital de la imagen

4. 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
.jpg /.jpeg Si Si Todos
archivo
.psd No Si Photoshop Capas
.xcf No Si Gimp Capas
.raw No Si Negativo digital Visualización
Tratamiento digital de la imagen

5. 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”
-Imágenes sin mucho
tamaño
-Compatibles con todos los
sistemas operativos y
programas
-Ideal para Internet
-Insertar en documentos
-Si se editan y comprimen
varias veces se pueden
“corromper” o “degradar”

6. Características de una imagen
Dimensiones de una imagen
Resolución
Profundidad de color
Tamaño de la imagen

7. Dimensiones de una imagen
Ancho x Alto (en píxeles)
4542
Ancho: 4542 píxeles
Alto: 3029 píxeles
4543 x 3029 = 13760747 píxeles ≈
3029
13,7 Megapíxeles
Mi cámara de fotos tendría 13,7
Megapíxeles

8. Resolución de una imagen
Es la capacidad de reproducir fielmente los detalles de una imagen
Píxeles / Pulgadas (ppi ó dpi)
Ancho en pixeles / Ancho en pulgadas
Alto en píxeles / Alto en píxeles
La resolución y el tamaño de la imagen dan una idea de la calidad de la
imagen.

9. 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 mismos
colores ni con la misma nitidez que en la pantalla.

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

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

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

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

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

15. 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
Tamaño = Resolución2 x Ancho x Alto x Profundidad de color
Resolución (ppi)
Ancho (pulgadas)
Alto (pulgadas)
Profundidad de color (bits)
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

16. Resumen
Profundidad
Dimensiones Resolución Tamaño
de color
Ancho Nº de bits que
Ancho x Alto
(pixeles) / guardan la R2 x A x A’ x P
Significado
Ancho información
A x A’
(pulgadas) del color
Bits
Pixeles
Bytes
Unidades Pulgadas ppi Bits
KB
Centímetros
MB
A mayor nº de
Cantidad de
A mayor bits, mayor
memoria
1 pulgada = resolución número de
Notas necesaria para
2,54 cm mayor nivel de colores se
guardar la
detalles pueden
imagen
representar

17. Modos de color
RGB CMYK
Todos los colores se obtienen como Todos los colores se obtienen como
combinación de: combinación de:
Red (Rojo) Cian
Green (Verde) Magenta
Blue (Azul) Yellow (Amarillo)
Black (Negro)
Se utiliza cuando… Se utiliza cuando…
La imágenes se van a presentar en Las imágenes se van a imprimir
pantalla, web, …

18. El GIMP
Programa para el tratamiento digital de las imágenes

19. Área de trabajo del GIMP
Barra de menú
Espacio de trabajo
Herramientas y opciones Capas, Canales,…

20. Herramientas básicas de GIMP
Selección
Mover Recorte
Herramientas Rotar Escalar
Inclinación Perspectiva
Volteo Texto
Relleno Mezcla
Pincel Borrador
Clonar Saneado
Enfoque Emborronado
Opciones de la herramienta

21. Opciones de la herramienta
Cuando selecciono una herramienta,
aparece un cuadro de diálogo debajo
donde se indican las opciones de esa
herramienta
Opciones importantes
en la selección:
Selección normal
Restar Intersectar
Añadir

22. Capas
El Gimp es un programa que trabaja por capas. Para entenderlo mejor vamos a imaginar que son láminas
transparentes que se colocan una encima de otra y que puedo ocultarlas o visualizarlas
3 capas:
Fondo
Logotipo
Texto (“El agua”)

23. REGLAS DE COMPOSICIÓN

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

25. Identifica el centro de interés
¿Y ahora?
Antes no, pero ahora… SI

26. Regla de los tercios
Si dividimos una imagen en 3 partes de forma vertical y en 3 partes de forma horizontal obtenemos los puntos
fuertes 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

27. Regla de los tercios
En resumen: NUNCA CENTRAR EL OBJETO PRINCIPAL EN LA FOTOGRAFÍA, NO DA SENSACIÓN DE REALIDAD !!!
SI
Elemento principal en un punto fuerte
NO
Elemento principal en el centro

28. Regla de los tercios

29. Rellena el encuadre
No es necesario sacar toda la flor para saber que es una flor
SI
NO

30. 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 movimiento
El ciclista se sale de la foto
SI
Espacio libre
“Aire”
En la misma dirección que el movimiento
El ciclista entra en la foto NO

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

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

33. Ahora que ya sabes las reglas de composición…
puedes atreverte a romperlas!!!