tratamiento digital de imágenes

55
Tratamiento digital de imágenes Unidad Didáctica 6

Upload: hertz

Post on 24-Feb-2016

102 views

Category:

Documents


0 download

DESCRIPTION

Tratamiento digital de imágenes. Unidad Didáctica 6. Índice. Introducción Imágenes gráficas Software para visualizar y editar imágenes Obtención de imágenes digitales Manipular imágenes fotográficas Modificar la luminosidad y el color Trabajar con selecciones, máscaras y capas - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Tratamiento digital de imágenes

Tratamiento digital de imágenesUnidad Didáctica 6

Page 2: Tratamiento digital de imágenes

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

3

Introducción1

Page 4: Tratamiento digital de imágenes

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

5

Fotografía digital Utilización cotidiana en:

Teléfonos móviles Cámaras digitales PDAs Webcam

Page 6: Tratamiento digital de imágenes

6

Fotografía digital en internet Multitud de

bancos de imágenes

Fotos geolocalizadas

Page 7: Tratamiento digital de imágenes

7

Imágenes gráficas2

Page 8: Tratamiento digital de imágenes

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

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

10

Bitmaps

Page 11: Tratamiento digital de imágenes

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

12

Imágenes vectoriales

Page 13: Tratamiento digital de imágenes

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

14

Page 15: Tratamiento digital de imágenes

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

16

Imágenes animadas

Page 17: Tratamiento digital de imágenes

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

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

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

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

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

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

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

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

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

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

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

28

Software para visualizar y editar imágenes3

Page 29: Tratamiento digital de imágenes

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

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

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

32

Crear dibujos e imágenesTableta digitalizadora

Page 33: Tratamiento digital de imágenes

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

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

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

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

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

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

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

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

41

Manipular imágenes fotográficas4

Page 42: Tratamiento digital de imágenes

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

43

Modificar la luminosidad y el color5

Page 44: Tratamiento digital de imágenes

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

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

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

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

48

Trabajar con selecciones, máscaras y capas6

Page 49: Tratamiento digital de imágenes

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

50

Composición de fotografías7

Page 51: Tratamiento digital de imágenes

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

52

Trabajar con textos8

Page 53: Tratamiento digital de imágenes

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

54

Aplicar filtros9

Page 55: Tratamiento digital de imágenes

55

Aplicar filtros Hemos

aprendido a: Aplicar

filtros