Download - Tratamiento digital de imágenes
![Page 1: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/1.jpg)
Tratamiento digital de imágenesUnidad Didáctica 6
![Page 2: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/2.jpg)
2
Índice1. Introducción2. Imágenes gráficas3. Software para visualizar y editar imágenes4. Obtención de imágenes digitales5. Manipular imágenes fotográficas6. Modificar la luminosidad y el color7. Trabajar con selecciones, máscaras y capas8. Composición de fotografías9. Trabajar con textos10. Aplicar filtros
![Page 3: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/3.jpg)
3
Introducción1
![Page 4: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/4.jpg)
4
Origen de la fotografía digital Desarrollo en las dos últimas décadas
Trabajo restringido a ámbito profesional
Pérdida de calidad respecto a las fotos digitales actuales
Digitalización en papel
![Page 5: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/5.jpg)
5
Fotografía digital Utilización cotidiana en:
Teléfonos móviles Cámaras digitales PDAs Webcam
![Page 6: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/6.jpg)
6
Fotografía digital en internet Multitud de
bancos de imágenes
Fotos geolocalizadas
![Page 7: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/7.jpg)
7
Imágenes gráficas2
![Page 8: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/8.jpg)
8
Tipos de imágenes Imágenes rasterizadas o mapas de
bits (bitmaps)
Imágenes vectoriales
Imágenes 3D
Imágenes animadas
![Page 9: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/9.jpg)
9
Bitmaps Las imágenes están formadas por un
conjunto de puntos que definen la imagen final
Cada punto de la imagen tiene: Color Brillo Contraste Etc.
![Page 10: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/10.jpg)
10
Bitmaps
![Page 11: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/11.jpg)
11
Imágenes vectoriales Imágenes creados con multitud de
vectores u objetos individuales. Cada uno de estos objetos tiene
características propias (tamaño, color, relleno…)
Habitualmente tienen un tamaño inferior a las imágenes de tipo bitmaps.
Al redimensionar una imagen vectorial no se pierde calidad en la misma.
![Page 12: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/12.jpg)
12
Imágenes vectoriales
![Page 13: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/13.jpg)
13
Imágenes 3D Uso en multitud de películas y
animaciones actualmente
Se pueden crear con diversas técnicas
Transmiten la proyección de algo visual en un espacio tridimensional
![Page 14: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/14.jpg)
14
![Page 15: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/15.jpg)
15
Imágenes animadas Primera aproximación de los videos Secuencia de movimiento sin sonido. Conjunto de imágenes estáticas que se van
alternando de forma secuencial en un periodo de tiempo especificado.
Hay varios tipos: GIF animada: Más utilizadas hace años Animaciones Flash: Más utilizadas actualmente
![Page 16: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/16.jpg)
16
Imágenes animadas
![Page 17: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/17.jpg)
17
Calidad de una imagen digital La calidad de una imagen bitmap
depende de:
Número de puntos
Profundidad del color
Compresión de la información
![Page 18: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/18.jpg)
18
Profundidad de color
PROFUNDIDAD Nº DE COLORES1 bit Blanco y Negro2 bits 44 bits 168 bits 25616 bits 6553624 bits 16.7 millones32 bits 4294 millones
La profundidad del color depende del número de bits utilizados
![Page 19: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/19.jpg)
19
Tamaño de imagen y tamaño de archivo Importante distinguir entre:
Tamaño físico: Cuando la foto está impresa en papel
Tamaño digital: Cuando está digitalizada
Tamaño del archivo: Cuando ha sido almacenado en una unidad de almacenamiento.
![Page 20: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/20.jpg)
20
Tamaño de imagen y tamaño de archivo Tamaño físico: Se mide en centímetros
o pulgadas.
1 pulgada = 2.54 cm
Tamaños estándares de fotografías: 10 x 15 cm 13 x 18 cm Etc.
![Page 21: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/21.jpg)
21
Tamaño de imagen y tamaño de archivo Tamaño digital: Se mide en píxeles
Pixel: Cada uno de los puntos que forma una imagen
Tamaños de imágenes: 3 Megapíxeles (3 millones de puntos) 5 Megapíxeles (5 millones de puntos)
![Page 22: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/22.jpg)
22
Tamaño de imagen y tamaño de archivo Tamaño del archivo: Se expresa en
Megabytes.
El tamaño dependerá del formato aplicado y del algoritmo de compresión utilizado.
Algunos formatos permiten al usuario elegir el grado de compresión a aplicar. Ej: Formato PNG
![Page 23: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/23.jpg)
23
Tamaño de imagen y tamaño de archivo El tamaño físico y digital de una imagen
están relacionados entre sí mediante la resolución.
Por ejemplo: Fotografía digital de 5 Megapíxeles Dimensiones de la foto 2560 x 1920
píxeles Impresora de 300 ppp ¿Tamaño físico de la impresión?
![Page 24: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/24.jpg)
24
Tamaño de imagen y relación de aspecto Calidad de una foto depende del sensor
CCD Características:
Calidad de la lente Sensibilidad a la luz Conversión analógico/digital Número de celdas para medir luminosidad Cada celda corresponde a un pixel
![Page 25: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/25.jpg)
25
Tamaño de imagen y relación de aspecto Las dimensiones de una fotografía
dependerán: De su tamaño digital (pixeles) Relación de aspecto
![Page 26: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/26.jpg)
26
Formato de archivos gráficos Muchos formatos distintos para cada
tipo de imágenes.
El formato le otorga al archivo: Características particulares Determina que programa podrá abrir y
modificar dicho archivo
![Page 27: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/27.jpg)
27
Formato de archivos gráficos
BMPXCF
GIF
JPG
PNG
RAW
DXFCDR
AI
DWGODGSXD
SWF
Imágenes bitmap Imágenes vectoriales
![Page 28: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/28.jpg)
28
Software para visualizar y editar imágenes3
![Page 29: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/29.jpg)
29
Editores gráficos Software que permite crear, visualizar,
modificar, guardar e imprimir imágenes. Existen distintos tipos de editores
gráficos ya que existen distintos tipos de imágenes.
Algunos editores pueden trabajar con imágenes de distinto tipo.
![Page 30: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/30.jpg)
30
Editores gráficos Posible agrupación:
Programas de dibujo vectorial CorelDRAW, Freehand, OpenOffice.org Draw
Software de CAD AutoCad, Qcad, CadStd, etc
Programas de animación Flash, Easy Gif Animator, etc
Programas de tratamiento de imágenes Photoshop, GIMP, Fireworks, etc
![Page 31: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/31.jpg)
31
Editores gráficos Programas de edición gráfica:
Paint (Windows) TuxPaint (Windows y GNU/Linux) Freehand Paint Shop Pro Corel Draw AutoCAD Photoshop GIMP
Más sencillos
Más herramientas
Transformar y retocar imágenes
![Page 32: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/32.jpg)
32
Crear dibujos e imágenesTableta digitalizadora
![Page 33: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/33.jpg)
33
Visualizadores de imágenes Son aplicaciones
capaces de reconocer imágenes de muy diversos formatos.
IrfanView (Windows) Eye of Gnome
(GNU/Linux) Integrados en el SSOO
![Page 34: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/34.jpg)
34
Photoshop Software muy potente utilizado para
retocar y manipular imágenes y fotografías
Muy extendido debido a su sencillez de uso
Software propietario
![Page 35: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/35.jpg)
35
GIMP Es un editor gráfico que dispone de
características y funciones muy avanzadas para el retoque fotográfico
Funciones análogas a Photoshop Software de libre uso Versión para Windows y Linux Video interfaz de GIMP
![Page 36: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/36.jpg)
36
Digitalizar imágenes Escáner: Dispositivo que permite
introducir, en el ordenador, imágenes en papel o en otro medio similar.
Digitalizar: Convertir la imagen en papel en información digital.
![Page 37: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/37.jpg)
37
Digitalizar imágenes El proceso consiste en:1. Encender el escáner2. Colocar una imagen en papel en el escáner 3. Iniciar el programa de digitalización
1. El propio del escáner2. Algún otro software externo
4. Iniciar digitalización de la imagen5. Retocar y transformar la imagen6. Guardarla en un archivo
![Page 38: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/38.jpg)
38
Obtener una imagen de la pantalla Se puede realizar de diferentes formas:
Pulsar la tecla Imp Pant Pulsar la tecla Alt + Imp Pant (obtiene
una imagen de la ventana activa) Utilizar GIMP
Menú Archivo/Adquirir Seleccionar Captura de pantalla
![Page 39: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/39.jpg)
39
Transferir fotografías al ordenador Se realiza una foto con la cámara digital Se almacena en:
Memoria externa (Tarjeta SD, Micro SD, etc) Memoria interna
Para pasar al ordenador: Conectando la cámara a un puerto USB del
ordenador Extrayendo la tarjeta de memoria de la cámara e
introduciéndola en el lector de tarjetas del ordenador. No válido para fotos de memoria interna.
![Page 40: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/40.jpg)
40
Propiedades de una imagen fotográfica Información EXIF Muestra ciertas propiedades especiales
Modelo de cámara utilizada Fecha en la que se tomó la fotografía Valores de exposición Apertura y velocidad del obturador Distancia focal Etc.
![Page 41: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/41.jpg)
41
Manipular imágenes fotográficas4
![Page 42: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/42.jpg)
42
Manipular imágenes fotográficas Hemos aprendido a:
Modificar el tamaño de una imagen Cambiar el tamaño del lienzo Ajustar la resolución para imprimir una
imagen Conversión de formato
![Page 43: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/43.jpg)
43
Modificar la luminosidad y el color5
![Page 44: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/44.jpg)
44
Sistemas de color La luz visible por el ojo humano es una
onda (frecuencia, amplitud…) Se situa dentro del gran espectro
electromagnético.
![Page 45: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/45.jpg)
45
Sistemas de color Vemos los colores porque el ojo tiene
unas células (conos), sensibles a: Ondas cortas (Violetas y azules) Ondas medias (Verdes) Ondas largas (Rojos)
La mezcla de estas ondas forman los diferentes colores
![Page 46: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/46.jpg)
46
Sistemas de color En informática existen dos sistemas de
color diferentes para formar colores. Sistema de color aditivo (RGB)
Red Green Blue La superposición genera el color blanco
Sistema de color sustractivo (CMY) Cyan Magenta Yellow La superposición genera el color negro
![Page 47: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/47.jpg)
47
Modificar la luminosidad y el color Hemos aprendido a:
Convertir una imagen en escala de grises Equilibrar los colores Modificar el brillo y el contraste Modificar el tono y la saturación de los
colores Modificar las curvas y el color
![Page 48: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/48.jpg)
48
Trabajar con selecciones, máscaras y capas6
![Page 49: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/49.jpg)
49
Trabajar con selecciones, máscaras y capas Hemos aprendido a:
Seleccionar parte de una imagen Enmarcar una fotografía Trabajar con capas Trabajar con máscaras
![Page 50: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/50.jpg)
50
Composición de fotografías7
![Page 51: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/51.jpg)
51
Composición de fotografías Hemos aprendido a:
Recortar imágenes Transferir recortes a la nueva imagen Escalar y colocar imágenes Aplicar perspectiva a una capa y disminuir
su opacidad Trabajar con capas
![Page 52: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/52.jpg)
52
Trabajar con textos8
![Page 53: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/53.jpg)
53
Trabajar con textos Hemos aprendido a:
Agregar texto a las imágenes Ver las diferentes posibilidades de
transformar un texto. Script-Fu
![Page 54: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/54.jpg)
54
Aplicar filtros9
![Page 55: Tratamiento digital de imágenes](https://reader035.vdocuments.co/reader035/viewer/2022062521/5681664c550346895dd9c820/html5/thumbnails/55.jpg)
55
Aplicar filtros Hemos
aprendido a: Aplicar
filtros