Está en la página 1de 102

Dis. Ind.

Diego Velazco

Un sistema analgico funciona sin


cambiar la forma del fenmeno que
adquiere, almacena, transmite o
controla, con intervalos continuos:
Ej Pelcula radiogrfica, videocasetera, etc.

Dis. Ind. Diego Velazco

Digital:
Un sistema digital funciona traduciendo
a nmeros el fenmeno que este
adquiere, almacena, ejecuta, transmite
o controla, en intervalos discretos
(s/no: 1/0).
EJ: Computadora, cmara digital, DVD, etc.
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Son representaciones graficas


bidimensionales, generadas por
computadora o convertidas a su
cdigo binario.

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

SINTESIS ADITIVA

SINTESIS SUSTRACTIVA

Dis. Ind. Diego Velazco

Esta se fundamenta directamente en el


funcionamiento del ojo humano, y
describe la formacin de color como
dependiente de la mezcla de tres colores,
el ROJO, el VERDE y el AZUL.
RED

GREEN

Dis. Ind. Diego Velazco

BLUE

SUS PRINCIPIOS BSICOS SON LOS SIGUIENTES:


Parte del color negro, que es la ausencia de toda
estimulacin visual.
Crea el color sumando estimulacin (por ello se
llama aditiva) en cualquiera de los tres colores
bsicos, rojo, verde y azul.
El color resultante es el blanco, cuando la
estimulacin es mxima en los tres colores bsicos.
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Se basa en la filtracin (o substraccin)


de los valores de color inversos a los
usados en la sntesis aditiva. De manera
que los colores fundamentales de la
sntesis substractiva son el CIAN, el
MAGENTA y el AMARILLO.
CYAN

MAGENTA

YELLOW

Dis. Ind. Diego Velazco

KEY

SUS PRINCIPIOS BSICOS SON LOS SIGUIENTES:


Parte del color blanco, que es el mximo de
estimulacin visual.
Crea el color restando estimulacin a travs de un
sistema de filtrado en cualquiera de sus colores
bsicos.
El color resultante es el negro, cuando toda la
estimulacin ha sido substrada del blanco inicial.
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

=
Dis. Ind. Diego Velazco - Dis. Ind. Guillermo Andrade

RESOLUCIN
DE PANTALLA
(PPI)

PROFUNDIDAD
DE COLOR
(PROFUNDIDAD
DE BITS)

Dis. Ind. Diego Velazco

GENERACIN DE UN PIXEL:
En los monitores, los Tubos de rayos catdicos
reflejan en la pantalla tres ases de luces de colores:
Rojo, Verde y Azul (RGB). En la combinacin de estos
tres ases se define el color de un pixel.

Dis. Ind. Diego Velazco

QUE ES UN PIXEL? (Picture Element)


Es la menor unidad homognea
en color que forma parte de una
imagen digital.
Dis. Ind. Diego Velazco

El color que cada uno de estos pixels


tendr, para componer la imagen
final, depender del tipo e intensidad
de color que se emita sobre cada uno
de ellos.

PIXEL

Dis. Ind. Diego Velazco

Esta se mide en PIXELS de largo por PIXELS de alto,


que se pueden ver en la pantalla del monitor.
Los PIXELS por pulgada de los monitores son
virtualmente fijos (72 o 96) dependiendo si es
Mac o PC. Determinante lgica y no fsica
El ultimo dato nos dice que la variacin de
resolucin de pantalla de un monitor, nos va a dar
como resultado, el aumento o definicin del
tamao de visualizacin.
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Cada pixel puede analizarse desde dos puntos de


vista:
1. Como fragmento de una imagen digital (bitmap).
2. Como parte de la informacin que contiene la
imagen.

Dis. Ind. Diego Velazco

1. Como fragmento de la imagen, se identifica


cuando la imagen se amplia, en forma de
cuadraditos homogneos de color.
2. Como parte de la informacin, puede contener
mayor o menor cantidad de bits. A esta cantidad,
que es igual para todos los pixels de la imagen, se
la denomina PROFUNDIDAD DE BITS.
Dis. Ind. Diego Velazco

Como cada bit puede ser slo 0/1, el resultado es el


siguiente:
Profundidad de bits:
1 bits - 2 colores
4 bits - 16 colores
8 bits - 256 colores
16 bits - 65.536 colores
24 bits - 16.777.216 colores
32 bits - 4.294.967.296 colores

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

FOTOS
Dis. Ind. Diego Velazco

F OTOS

GRAFICOS
Dis. Ind. Diego Velazco

F OTOS
G R A F IC OS

RENDERS
Dis. Ind. Diego Velazco

F OTOS
G R A F IC OS
R END ERS

DIBUJOS
Dis. Ind. Diego Velazco

F OTOS
G R A F IC OS
R END ERS
D IB UJ O S

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

IMGENES VECTORIALES
TRAZADOS VECTORIALES

IMGENES BITMAPS
IMGENES RASTER

Dis. Ind. Diego Velazco

Es una descripcin matemtica de una


forma que puede ser geomtrica o no.
Los trazados de vectores se definen con
puntos. Su calidad no se degrada cuando
se amplan, reducen o cambian de
escala

Dis. Ind. Diego Velazco

La mayor potencia de estos es su escalabilidad:


Posiciones relativas de vrtices y funciones de uniones.
Cambios de tamao.
Los requerimientos de memoria son muy bajos.
Esto los hacen perfectos para rtulos, logotipos
publicitarios y todo trabajo que deba imprimirse a gran
tamao.
El trabajo de edicin y modificacin de un dibujo
orientado a entidades es muy sencillo, no as, un dibujo
artstico orientado a color o sombras.
Dis. Ind. Diego Velazco

NODO

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

5
4
3
2
1
0

Dis. Ind. Diego Velazco

Estas imagenes estn compuestas por


una cuadrcula de pixels de color, las
imgenes con variaciones complejas de
color, como las fotografas, suelen ser
imgenes de mapa de bits.
Al ampliarlas, se pixelan. Se ven los
pixeles.

Dis. Ind. Diego Velazco

Por sus propiedades, suelen utilizarse en la fotografa:


Manejan gran cantidad de colores.
Pueden trabajar con texturas y tramas de color.
Son un patrn de pixels de color suficientemente
pequeos.
No hace falta inteligencia para crearlos partiendo del
mundo real o de un grfico dado.
Es muy difcil convertirlo a vector, mientras que un
vector puede convertirse automticamente a bitmap.
El escalado de bitmaps es complicado y pierde calidad.
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

1 bit de profundidad

8 bits de profundidad

Dis. Ind. Diego Velazco

24 bit de profundidad

32 bits de profundidad

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

COMPARATIVA DE SU FORMACION INTERNA


MSN

Vectorial

Mapa de bits
Dis. Ind. Diego Velazco

LO QUE SE OBSERVA AL ESTIRAR LAS IMAGENES

Vectorial

Mapa de bits
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

=
Dis. Ind. Diego Velazco

RESOLUCION
DE LA IMAGEN
A IMPRIMIR
(DPI)
Dis. Ind. Diego Velazco

CALIDAD DEL
PAPEL Y DE LA
IMPRESORA

Profundidad de bits:
1 bits - 2 colores
4 bits - 16 colores
8 bits - 256 colores

16 bits - 65.536 colores


24 bits - 16.777.216 colores
32 bits - 4.294.967.296 colores

Dis. Ind. Diego Velazco

La cuatricroma

Un sistema basado en los tres colores aditivos (Rojo, Verde


y Azul) no es posible en el mundo de la impresin ya que se
basan en ir aadiendo luz (cosa que un fluido como la tinta
no puede hacer).
Sin embargo, se puede utilizar el sistema 'sustractivo' de
crear colores. Se va aadiendo tinta de los colores
primarios (magenta, amarillo y cian), y la suma va restando
luz hasta crear el negro (se utiliza una tinta negra para
obtener un mejor negro). Los complementarios son el rojo,
el azul y el amarillo.
Dis. Ind. Diego Velazco

En la actualidad, las mquinas electrnicas destinadas a la


impresin slo tienen un sistema de imprimir:
Dividen el espacio imprimible en una retcula de diminutas
celdillas y imprimen unas s y otras no.

Dis. Ind. Diego Velazco

1 pulgada

20 puntos

20 puntos

1 pulgada

Suponiendo que la imagen


mide 1 pulgada de alto por 1
pulgada de ancho, y tiene 20
puntos x 20 puntos.
Esto equivale a una imagen
de 20 DPI de resolucin.

DPI = Dot Per Inch


Dis. Ind. Diego Velazco

Una letra formada con


muy baja resolucin.
Puede estar dentro de
una retcula de slo 20
celdillas lineales.

La misma letra con


mayor resolucin (una
retcula de 66 celdillas
lineales). El detalle es
mejor.

Dis. Ind. Diego Velazco

La retcula es ahora de
200 celdillas lineales. El
dibujo es ms complejo
y ntido.
Puede ser utilizado para
imprimir.

RESOLUCIONES MAS UTILIZADAS

PARA PROYECCIN O WEB: 72 DPI / 96 DPI


FILMINAS, IMPRESIONES HOGAREAS: 300 DPI
IMPRESIN PROFESIONAL: 600 - 1200 DPI

Dis. Ind. Diego Velazco

Resolucin de pantalla:
Se mide en pixels, a mayor cantidad, ms nitidez;
habitualmente se utilizan de 1024 x 768.
Tamao de impresin:
Dimensiones reales de impresin (cm, pulgadas, etc).
Tamao del archivo:
Cantidad de memoria que ocupa (Kb, Mb, etc).

Dis. Ind. Diego Velazco

Resolucin de una imagen:


Se mide en dpi = puntos por pulgada (300, 600, etc.)
Resolucin de bits (o profundidad de bits):
Cantidad de informacin que puede almacenar un bit
1 bit: slo blanco/negro
8 bits: 256 colores
24 bits: 16.000.000 colores

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Digitalizar es hacer que la informacin contenida


en una imagen impresa, pase a ser de carcter
numrico; es decir, a expresarse en dgitos o
cdigo binario.
Es muy importante que al digitalizar, se prevea la
dimensin real en la que se va a imprimir la
imagen, para poder calcular la resolucin a la
cual se deber escanear la misma.

Dis. Ind. Diego Velazco

DISPOSITIVOS MAS UTILIZADOS PARA DIGITALIZAR:


SCANNERS
CAMARAS FOTOGRAFICAS DIGITALES
VIDEO CAMARAS DIGITALES

Dis. Ind. Diego Velazco

LA DIGITALIZACIN GENERA MAPAS DE BITS:

200 DPI

50 DPI
Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

VECTORIALES

MAPAS DE BITS
.bmp
.jpg
.tif
.png
.gif
.pict
.psd
.tga

(1, 4, 8 y 24 bits)
(24 bits)
(32 bits)
(24 bits)
(8 bits)
(2, 4, 8, 16 y 32 bits)
(32 bits)
(16, 24 y 32 bits)

.ai
.cdr
.cgm
.dxf
.eps
.fh*

Dis. Ind. Diego Velazco

(Adobe Ilustrator)
(Corel Draw)
(Standard ISO)
(Standard ASCII)
(Poscript)
(Adobe FreeHand)

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco

CRONOGRAMA SRD 1/ Ao 2011 - I cuatrimestre


Clase

Tema del da

28-mar

TEORIA LANZAMIENTO DE LA MATERIA

05-abr

Introduccin al Corel Draw

13-abr

Introduccin al Corel Draw

21-abr

Profundizacin al Corel Draw

29-abr

Ejercicio Corel - Lanzamiento del TP 1 + Parcialito Imagen Digital

07-may

Introduccin al Photoshop

15-may

Introduccin al Photoshop

23-may

Profundizacin Photoshop

30-may

Simulacro de parcial - Ejercicio mixto - Lanzamiento del TP 2

10

06-jun

PARCIAL

11

13-jun

RECUPERATORIO

12

27-jun

CIERRE DE NOTAS

Dis. Ind. Diego Velazco

Dis. Ind. Diego Velazco