Introducción a la

manipulación

digital de imágenes

1

GERARDO NEGRETE LOPEZ

Contenidos

“Aprenda a escanear en 10 minutos”

Conceptos generales

Formatos de imágenes

Programas de imágenes

Digitalización de imágenes:

Scanners, cámaras digitales, videocámaras

Preprocesamiento de una imagen

Postprocesamiento

Captura de pantallas

Búsqueda de imágenes en la Web

2

“Aprenda a escanear en 10

minutos”

3

4

Tenemos un scanner y

un programa de imágenes

(que viene con el scanner)

Activamos el scanner

5

Visión

previa

6

Enmarcamos

Activamos

7

8

Grabamos

Pero hay mucho

más para hacer.

Primero los

conceptos

Imagen

obtenida

Conceptos

Analógico y digital

Imagen digital

Colores 1rios, 2rios y complementarios

Propiedades: tono, saturación, brillo, contraste

Resolución

Imágenes vectoriales y mapas de bits

9

Concepto de analógico y

digital

Analógico:

Un sistema analógico funciona sin cambiar la forma del fenómeno que adquiere, almacena, transmite o controla, con intervalos continuos:

Película radiográfica, videocassetera, etc.

Digital:

Un sistema digital funciona traduciendo a números el fenómeno que adquiere, almacena, transmite o controla, en intervalos discretos (sí/no: 1/0):

Computadora, ecógrafo, cámara digital, CD, DVD, etc.

10

Imagen digital

Una imagen digital es una fotografía electrónica

adquirida por dispositivos que convierten las señales

analógicas en números.

11

Conversión de analógico a

digital

12

Imagen Scanner Computadora

Manipulación

Almacenamiento Impresión Proyección

Conversión de analógico a

digital

13

Ecógrafo Salida analógica Conversor

Computadora Manipulación

Grabador de CD Impresión e informe

Colores 1rios, 2rios

y complementarios

14

Primarios Secundarios

• Primarios:

• rojo, verde y azul

• En cantidades iguales: blanco

• Secundarios:

• amarillo (rojo + verde), magenta (rojo + azul) y cian (azul

+ verde)

• En cantidades iguales: negro

• Complementarios:

• Primario y el secundario opuesto: máximo contraste

www.salleurl.edu

Colores: propiedades Tonalidad o matiz:

el color en sí, dado por la longitud de onda.

Saturación:

Pureza del tono, dado por la cantidad de luz blanca mezclada con el tono

Brillo o luminosidad:

Dado por la intensidad de la luz que se percibe, de cero (negro) a 1 (blanco)

15

Colores: propiedades Contraste:

Diferencia entre el punto más claro y el más oscuro de una imagen:

Contraste de color:

azul frente a amarillo, rojo frente a cian y verde frente a magenta (complementarios). Dan los máximos contrastes.

Nomenclatura:

Hexadecimal:

Blanco #FFFFFF

Negro #000000

16

Variables Byte:

Unidad de tamaño de archivos

Múltiplos KB – MB – GB – TB

Archivo “pesado”: muchos KB

Pixel (picture element):

tamaño de un punto en pantalla

Resolución:

Cantidad de puntos por pulgada

Se mide en dpi (dots per inch)

17

Variables

Tonos:

Blanco y negro

Escala de grises

16 colores

256 colores

Color verdadero – 24 bits

18

Para proyección o Web: 72 dpi

Diapositivas (película): 300 dpi

Impresión: 600-1200 dpi

• Resolución:

• A más dpi mayor resolución (pero mayor peso en Bytes):

Dimensiones de imágenes

Resolución de pantalla:

se mide en pixels, a mayor cantidad, más nitidez

habitualmente se utiliza de 800x600

Tamaño de impresión:

dimensiones reales de impresión (en cm, pulgadas, etc.)

Dimensiones en pixels:

cantidad de pixels en representación en pantalla

800x600 en pantalla configurada como 800x600 la ocupará por completo

400x300 en pantalla 800x600 ocupará la cuarta parte

19

Dimensiones de imágenes

Tamaño del archivo:

cantidad de memoria que ocupa, en KB, MB, etc.

Resolución de una imagen:

se mide en dpi = puntos por pulgada

Resolución de bits (o profundidad de bits):

Cantidad de información que puede almacenar un bit

1 bit: sólo blanco/negro

8 bits: 256 colores

24 bits: 16.000.000 colores

20

Imágenes digitales

Gráficos vectoriales Mapas de bits

21

Gráficos vectoriales Un gráfico vectorial es una descripción matemática

de una forma geométrica. Los trazados de vectores se

definen con puntos. Su calidad no se degrada

cuando se amplían, reducen o cambian de escala.

22

http://www.iescuravalera.org

nodo

Mapa de bits

23

• Los mapas de bits están compuestos por una cuadrícula de

pixels de color. Las imágenes con variaciones complejas de

color, como las fotografías, suelen ser imágenes de mapa

de bits. Al ampliarlas, se “pixelan”

http://www.iescuravalera.org

Imagen vectorial y de mapa de bits 24

Vectorial Mapa de bits

MSN

http://www.iescuravalera.org

Ampliaciones de gráficos

vectoriales y mapa de bits 25

Vectorial Mapa de bits

Pixelado en mapa de bits

26

Metaficheros gráficos Tipos mixtos que permiten almacenar en forma conjunta gráficos

vectoriales y de mapas de bits:

bitmaps para elementos fotográficos y figuras irregulares

elementos vectoriales para líneas, textos y dibujos

Se denominan metaformatos

Formatos habituales: WMF - GEM - WPG

27

Formatos habituales de

imágenes Estáticas:

gif - jpg (jpeg) - png - bmp - cdr - tiff - svg - ai - etc.

Dinámicas:

películas: avi - mpg - mov - etc.

gifs animados

28

Formatos habituales de

imágenes gif:

mapa de bits

objetos dibujados o diseñados

sólo 256 colores

poco peso, ideal para Web

permite zonas transparentes

jpg (jpeg):

mapa de bits

color verdadero (24 bits)

apto para fotografías

se comprime al grabar, y se degrada si se regraba

29

Formatos habituales de

imágenes

bmp:

mapa de bits, gran peso, alta compresión

png:

mapa de bits, ideal para manipulaciones repetidas, sin degradación

cdr:

formato vectorial de CorelDraw

tiff:

mapa de bits, gran peso

svg:

formato vectorial para la Web

ai:

formato vectorial de Adobe Illustrator, habitual en Mcintosh

30

Programas de imágenes Paint

Fireworks

PhotoPaint

PhotoShop

CorelDraw

Flash

PhotoImpact

Gimp (Linux)

etc....

31

Aprender a manejar a fondo uno o a lo sumo dos

Digitalización de imágenes

Proceso mediante el que se almacena una imagen

en una memoria digital.

Los dispositivos habituales para uso personal de

digitalización son

scanner

cámara fotográfica

cámara de video digital.

32

Cámaras digitales

Almacenan las imágenes en su memoria en forma de archivos, sin rollo

fotográfico.

El contenido se transfiere a una computadora, a un proyector de

imágenes o a una impresora.

Los archivos se pueden procesar con un programa de imágenes.

33

Scanners

34

De negativos

y diapositivas

Videocámaras digitales

35

• Similares características que las cámaras digitales,

salvo que almacenan las imágenes en discos

ópticos (DVD).

Pasos de una digitalización por

scanner

Preprocesamiento:“prevención primaria”

para que el procesado posterior (“secuela”) sea mínimo

Determinar la dimensión definitiva

Resolución de acuerdo al destino de la imagen: 72 dpi, 300 dpi, etc.

Destramado de acuerdo a la imagen original (foto, revista, periódico, etc.)

Controles manuales o automáticos (brillo, etc.)

etc....

Postprocesamiento

36

37

38

Resolución

39

Enmarcar

40

41

42

43

44

45

46

Postprocesamiento

47

48

Postprocesamiento en Fireworks

49

50

51

52

53

54

55

56

57

58

59

60

61

Negativo

62

63

64

65

Gif animado Proceso mediante el cual se genera una imagen en

movimiento, formada por imágenes superpuestas

Programas:

Fireworks, PhotoShop, PhotoPaint, Gimp (Linux), Gif Animator, etc.

Las imágenes se colocan una por cada fotograma (similar a los cuadros de una película)

Ejemplo de gif animado con cinco logotipos de Sociedades de FAC:

66

• Resultan animaciones de bajo peso, adecuadas para presentaciones y para la Web. No incluyen audio.

Guardado De acuerdo al programa utilizado y al formato buscado un

archivo de imagen se graba o se exporta.

Recordar que cada guardado o exportación en el formato jpg se produce una compresión que degrada la imagen.

Las imágenes guardadas pueden ser incluidas en diferentes tipos de documentos destinados a impresión o proyección.

67

Capturar pantallas

Pregunta frecuente: ¿cómo se puede convertir una pantalla en una imagen y guardarla?

Respuesta: con la tecla PrintScreen (ImpPnt – PrtScr) o mediante programas específicos (Clip’nSave)

Con la tecla PrintScreen - ImpPnt - PrtScr: Esta tecla “carga” en el portapapeles o clipboard lo que se muestra en

pantalla

El contenido se “vuelca” en un programa de imágenes (cambiar a htm)

En Linux, con ScreenShooter

68

69

70 Se abre Fireworks

71

... se oprime PrintScrn

(quedando la imagen en el

portapapeles o clipboard),

... se “pega” en Fireworks,

72

... y se exporta en el formato elegido. 73

Capturar pantallas con Clip’nSave

http://www.shareup.com/Clip'nSave-download-

5288.html 74

Capturar pantallas con

Clip’nSave

75 ... se selecciona el sector elegido

C

a

p

t

u

r

a

76

Guardado de la captura

77

Búsqueda de imágenes en la

Web Los buscadores o searchers han incluido rutinas de búsqueda sólo de

imágenes:

http://www.google.com.ar/imghp

http://ar.search.yahoo.com

78

Búsqueda de imágenes en

Google

79

Esto fue una introducción

Quedan pendientes, entre otros:

Utilización de herramientas

Filtros y efectos especiales

Películas

Transmisión de imágenes (DICOM, etc.)

etc., etc....

Esta tarde veremos una aplicación de estas manipulaciones al tratar

sobre introducción al desarrollo de presentaciones con diapositivas y en

PowerPoint.

80 Comentarios finales