EUCVyTv - Informtica 2016 1

Bibliografa
ADOBE PHOTOSHOP ELEMENTS 4.0 EL LIBRO OFICIAL
ISBN 8441520275, Autor ADOBE, Editorial ANAYA MULTIMEDIA,
Coleccin DISEO Y CREATIVIDAD, Edicin 2006
MANUAL DE PRODUCCIN GRFICA. RECETAS.
KAJ JOHANSSON, PETER LUNDBERG Y ROBRET RYBERG, EDITORIAL:
GUSTAVO GILI.
DE LA INVESTIGACIN AUDIOVISUAL
Autor: Bux, M. (1999. Espaa: Editorial Proyecto.
LA IMAGEN FOTOGRFICA
Autor: Perea, J. (2007). Espaa: Editorial Aka
INTRODUCCIN A LA TEORIA DE LA IMAGEN
Autor: Justo Villafae, Ediciones Pirmide (Grupo Anaya S.A.), 2006.
ISBN: 84-368-0263-2
2
EUCVyTv - Informtica 2016
 Fotografa y Retoque Digital
El retoque fotogrfico es una tcnica que permite obtener
otra imagen modificada, ya sea para lograr una mejor calidad
o ms realismo, o para obtener una composicin totalmente
diferente que distorsione la realidad.
El retoque digital permite llevar a cabo dicho proceso
utilizando programas informticos.

EUCVyTv - Informtica 2016 3

 Introduccin Photoshop
Aplicacin para la creacin, edicin y retoque de imgenes
Desarrollada por la compaa Adobe Systems en el ao 1990
Se usa extensivamente en multitud de disciplinas del campo
del diseo, fotografa y en cualquier actividad que requiera el
tratamiento de imgenes digitales
Trabaja nicamente con imgenes de mapa de bits
Los formatos propios de Photoshop son PSD y PDD, que
guardan capas, canales, guas y en cualquier modo de color.

4
EUCVyTv - Informtica 2016
 Historia de Lanzamientos
Photoshop
1.0 - Mac OS - Febrero de 1990
2.0 - Mac OS - Junio de 1991
2.5 - Mac OS y Windows - Noviembre de 1992
3.0 - Mac OS y Windows e IRIX - Septiembre de 1994 y noviembre de 1994
4.0 - Mac OS, Windows - Noviembre de 1996
5.0 - Mac OS, Windows - Mayo de 1998
5.5 - Mac OS, Windows - Febrero de 1999
6.0 - Mac OS, Windows - Septiembre de 2000
7.0 - Mac OS, Windows - Marzo de 2001
CS (8.0) - Mac OS, Windows - Octubre de 2003
CS2 (9.0) - Mac OS, Windows - Abril de 2005
CS3 (10.0) - Mac OS, Windows - Abril de 2007
Versin Express - Internet - 27 de marzo de 2008
CS4 (11.0) - Mac OS, Windows - Septiembre 23 de 2008
CS5 (12.0) - Mac OS, Windows Abril 12 de 2010
Lightroom 4.0 - Mac OS, Windows Marzo 14 de 2012
CS6 (13.0) Mac OS, Windows Mayo de 2012
CC (Creative Cloud) - Mac OS, Windows Junio 2015 5
 Tipos de Imgenes
Imgenes en mapa de bits
Formada por puntos (pixeles)
organizados en una cuadrcula.
Cada pixel tiene asignado un color.

Imgenes Vectoriales
Representaciones de entidades
geomtricas.
Definidas por frmulas matemticas.

EUCVyTv - Informtica 2016 6

 Pxel (Picture Element)
Es la menor unidad homognea en color que
forma parte de una imagen digital
Las imgenes se forman como una matriz
rectangular de pxeles

7
EUCVyTv - Informtica 2016
 Imgenes en Mapa de Bits

Resolucin

Profundidad

8
EUCVyTv - Informtica 2016
 Resolucin
Capacidad de una tecnologa o un mecanismo
para reflejar los detalles de una imagen.
Indica el nmero de pxeles que caben en cada
unidad de longitud.
Tamao en pxeles: indica en cuntas filas y
columnas se ha dividido la imagen, o bien cul es
el nmero total de pxeles.
Pocos pxeles Poca resolucin
Muchos pxeles Buena Resolucin

EUCVyTv - Informtica 2016 9

 Resolucin

De las dimensiones en pxeles depende el detalle de la imagen. Aqu vemos la

misma foto dividida en 4 x 4, 12 x 12, 30 x 30 y 150 x 150 pxeles.

10
EUCVyTv - Informtica 2016
 Resolucin
Resolucin de Impresin: Es lo que ocupar la foto si
la imprimimos.
Se refiere a los puntos por pulgada (ppp) a los que
se puede imprimir una imagen digital de calidad.
La pulgada mide 2,54 cm.
A partir de 200 ppp podemos decir que la
resolucin de impresin es buena.
La resolucin no es la misma para grficos o
imgenes en pantalla que para impresin.
Los monitores actuales muestran entre 72 y 130
pixeles por pulgada(PPI), y algunas impresoras
imprimen 2400 puntos por pulgada (DPI) o ms.
11
EUCVyTv - Informtica 2016
 Resolucin
Para calcular del tamao en pxeles a centmetros
podemos aplicar la siguiente frmula:
Tamao de impresin= Nmero de pxeles/ Resolucin [PPI]

12
EUCVyTv - Informtica 2016
 Profundidad de Bits
Cantidad de informacin de color que est disponible para
cada pxel de una imagen.
Una profundidad de bits de n implica que cada pxel de la
imagen puede tener 2n posibles valores y por lo tanto,
representar 2n colores distintos.
Si tiene ms cantidad de bits por pxel ms colores, mayor
resolucin de imagen y mayor tamao del archivo.
La profundidad del BIT se puede medir en:
1 BIT, blanco o negro
8 bits de color y 256 matices de color
24 bits de color o colores RGB, imgenes en color
32 bits CMYK, para impresin de las imgenes
13
EUCVyTv - Informtica 2016
 Profundidad de Bits
1 BIT = 2 COLORES 2 BITS = 4 COLORES 4 BITS = 16 COLORES

6 BITS = 64 COLORES 8 BITS = 256 COLORES

14
EUCVyTv - Informtica 2016
 Formatos de Archivos
Grficos
Un Formato Grfico define la manera en que se
guarda una imagen y toda la informacin relacionada
con la misma.
BMP(Bit Map)
GIF (Graphics Interchange Format)
TIFF (Tagged Image File Format)
JPEG (Joint Photographic Experts Group)
PNG (Portable Network Graphics)
PSD (Photoshop Document)

15
EUCVyTv - Informtica 2016
 Formatos de Archivos
Grficos
COMPRESIN PROFUNDIDAD
FORMATO USO TPICO
/ TIPO DE COLOR

Opcional / Sin Imgenes de alta calidad, cmaras

TIFF 1 a 64 bits
prdidas digitales, escneres, impresin.
Cmaras digitales, internet,
JPEG Con prdidas 8 a 24 bits
impresin, intercambio de imgenes
Internet, imgenes de reducido
GIF Sin prdidas 1 a 8 bits
tamao, logos.
Internet, grficos, iconografa de
PNG Sin prdidas 1 a 48 bits
software.

PSD Sin prdidas 1 a 64 bits Edicin y manipulacin.

16
EUCVyTv - Informtica 2016
 Modos de Color
El modo de color de una imagen digital determinar el
mtodo especfico (el Modelo de color) que Photoshop
usar para colorear los pxeles en la imagen.
La cantidad de canales de color de una imagen
depende de su modo de color.
Tipos:

17
EUCVyTv - Informtica 2016
 Modo RGB
Basado en Sntesis Aditiva.
Asigna un valor de intensidad a cada
pxel de 0 (negro) a 255 (blanco)
para cada uno de los componentes
RGB (rojo, verde, azul) de una
imagen en color.
Utilizan tres colores o canales para
reproducir los colores en la pantalla.
Es el Modo de color comn en todos
los dispositivos de visualizacin de
imagen (escneres, vdeo, cmaras,
monitores, proyectores, etc.).
18
EUCVyTv - Informtica 2016
 Modo RGB
8 bits x 3 canales=24 bits de inf. del color por pxel.
Cada canal puede tomar un valor entre 0 y 255 (8 bits
x canal)
Rojo=(255,0,0) -- Verde=(0,255,0) -- Azul=(0,0,255)
Amarillo=(255,255,0) - Blanco=(255,255,255) - Negro=(0,0,0)

19
EUCVyTv - Informtica 2016
 Modo CMYK
Cian, Magenta, Amarillo (Yellow) y
Negro (Keay, color clave)
A cada pxel se le asigna un valor de
porcentaje para las tintas de
cuatricroma.
La mezcla de colores CMY ideales
es sustractiva .
El modelo CMYK se basa en la
absorcin de la luz.
Las imgenes en CMYK pesan ms
que las imgenes en RGB.
20
EUCVyTv - Informtica 2016
 Color Lab
CIE L*a*b* (Lab) se basa en la
percepcin humana del color.
Tres canales de hasta 256
tonalidades diferentes:
L de Luminosidad va de 0
(negro) a 100 (blanco)
A (que oscila entre verde y
rojo)
B (que oscila entre azul y
amarillo)
Este modelo es tridimensional
21
EUCVyTv - Informtica 2016
 Color Lab

Luminosidad al 25% Luminosidad al 75%

22
EUCVyTv - Informtica 2016
 Escala de Grises
Un solo canal (el negro)
Imgenes monocromticas de 256 tonos de gris
Cada pxel tiene un valor de brillo entre 0 (negro) y 255
(blanco).
Se pueden medir como porcentajes de cobertura de la tinta
negra (0%=blanco, 100%=negro).

EUCVyTv - Informtica 2016 23

 Modo Bit Map

La informacin de color del pxel se restringe slo a un bit :

puede ser 1 (blanco) o 0 (negro)
No se pueden crear matices de gris
Los archivos creados en Mapa de bits tienden a ser muy
pequeos.

24
EUCVyTv - Informtica 2016
 Histograma
Es una grfica que representa los niveles de
tono de una imagen digital.

EUCVyTv - Informtica 2016 25

 Para qu sirve el Histograma?

Podemos observar la distribucin de las

tonalidades en una imagen.
Se puede presumir algunas cosas con slo ver
el histograma.
Indica el lugar exacto en el que se encuentran
los puntos de luces altas y sombras
oscuras para su posterior edicin.

EUCVyTv - Informtica 2016 26

Informacin Numrica

Pixeles: N total de pxeles de la imagen

Promedio: valor medio de la
luminosidad de todos los pxeles
Mediana: Valor del pxel central
Desv. Est: es le media de la diferencia de
todos los pxeles sobre el promedio
Nivel: valor del grupo de pxeles sobre
el que est el cursor
Cantidad: N de pxeles que tienen el
valor de luz indicado
Percentil: % del total de pxeles que hay
entre el valor 0 (cero) y el sealado

EUCVyTv - Informtica 2016 27

 Tipificacin a Simple Vista

Predominan tonos Predominan tonos claros

oscuros Imagen Sobreexpuesta
Imagen Subexpuesta Necesita un ajuste
Necesita ms luz

EUCVyTv - Informtica 2016 28

 Tipificacin a Simple Vista

Pxeles amontonados en el Pxeles amontonados en los

centro extremos
Imagen poco contrastada Imagen demasiado contrastada

EUCVyTv - Informtica 2016 29

Panel de Ajustes

EUCVyTv - Informtica 2016 30

Gama Tonal

EUCVyTv - Informtica 2016 31

Herramienta Niveles

EUCVyTv - Informtica 2016 32

 Herramienta Niveles

Cuentagotas Sombras

Medios Tonos
Luces
Niveles de Entrada

33
EUCVyTv - Informtica 2016
Cmo corregir una imagen usando el
Cuentagotas

EUCVyTv - Informtica 2016 34

Cmo corregir una imagen usando los
deslizadores

EUCVyTv - Informtica 2016 35

Herramienta Curvas

EUCVyTv - Informtica 2016 36

Cmo establecer los puntos de altas
luces y sombras

Si la pendiente es mayor,
expande los tonos de la
imagen, lo que aumenta su
contraste.
Por el contrario, si se
disminuye su pendiente, se
comprime la gama tonal y
disminuye su contraste.

EUCVyTv - Informtica 2016 37

38
Alterando los medios tonos

Se aade un punto de anclaje

para controlar la gama tonal
Si este punto de anclaje se
arrastra hacia la esquina
superior izquierda del cuadro
de dilogo, aumentar el brillo
de los medios tonos.
Por el contrario, si se arrastra
hacia la esquina inferior
derecha, disminuir su brillo.
Cuanto ms lejos de su posicin
inicial se arrastra el punto de
anclaje, mayor es el efecto
producido.

EUCVyTv - Informtica 2016 39

 La primera curva disminuye el brillo general de los medios tonos de
forma moderada.
La segunda aumenta el brillo general de los tonos medios.
Para la imagen final se us una Curva ms extrema para aclarar los
medios tonos. EUCVyTv - Informtica 2016 40
 Filtros
Los filtros bsicos de retoque fotogrfico
Brillo y contraste
Ajuste de curvas de color
Tono, Saturacin y luminosidad
Balance de color
Niveles de color
Colorizacin
Umbral

41
EUCVyTv - Informtica 2016
Brillo y Contraste

42
EUCVyTv - Informtica 2016
Ajuste de Curvas de Color

43
EUCVyTv - Informtica 2016
Tono Saturacin - Luminosidad

44
EUCVyTv - Informtica 2016
Balance de Color

45
EUCVyTv - Informtica 2016
Niveles de Color

46
EUCVyTv - Informtica 2016
Colorizacin

47
EUCVyTv - Informtica 2016
 Umbral

48
EUCVyTv - Informtica 2016
Espacio de Trabajo

49
EUCVyTv - Informtica 2016