tratamiento digital de imágenes unidad didáctica 6

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

Upload: encarnacion-rubiano

Post on 22-Jan-2016

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tratamiento digital de imágenes Unidad Didáctica 6

Tratamiento digital de imágenesUnidad Didáctica 6

Page 2: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

3

Introducción1

Page 4: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

5

Fotografía digital Utilización cotidiana en:

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

Page 6: Tratamiento digital de imágenes Unidad Didáctica 6

6

Fotografía digital en internet Multitud de

bancos de imágenes

Fotos geolocalizadas

Page 7: Tratamiento digital de imágenes Unidad Didáctica 6

7

Imágenes gráficas2

Page 8: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

10

Bitmaps

Page 11: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

12

Imágenes vectoriales

Page 13: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

14

Page 15: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

16

Imágenes animadas

Page 17: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

18

Profundidad de color

PROFUNDIDAD Nº DE COLORES

1 bit Blanco y Negro

2 bits 4

4 bits 16

8 bits 256

16 bits 65536

24 bits 16.7 millones

32 bits 4294 millones

La profundidad del color depende del número de bits utilizados

Page 19: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

27

Formato de archivos gráficos

BMPXCF

GIF

JPG

PNG

RAW

DXFCDR

AI

DWG

ODGSXD

SWF

Imágenes bitmap Imágenes vectoriales

Page 28: Tratamiento digital de imágenes Unidad Didáctica 6

28

Software para visualizar y editar imágenes3

Page 29: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

32

Crear dibujos e imágenesTableta digitalizadora

Page 33: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

41

Manipular imágenes fotográficas4

Page 42: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

43

Modificar la luminosidad y el color5

Page 44: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

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 Unidad Didáctica 6

48

Trabajar con selecciones, máscaras y capas6

Page 49: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

50

Composición de fotografías7

Page 51: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

52

Trabajar con textos8

Page 53: Tratamiento digital de imágenes Unidad Didáctica 6

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 Unidad Didáctica 6

54

Aplicar filtros9

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

55

Aplicar filtros Hemos

aprendido a: Aplicar

filtros