CAPIEI - UANCV

Universidad Andina Nstor Cceres Velsquez

Curso:
DISEO GRFICO

ESTANDAR DE COLORES
Por: Ing. Beto Puma Huaman Semestre: II

Contenidos: Definir las caractersticas de las imgenes en el contexto de Internet, imprenta, offset, etc. Utilizar y realizar imgenes para integrarlas en entornos on-line u otro tipo de publicacin. Utilizar las herramientas de tratamiento de imagen tambin como herramientas de diseo.

Caractersticas de la imagen digital

Cul es el tamao correcto de una imagen? Qu parmetros hay que valorar?

El software de tratamiento de imagen

El laboratorio digital. El conjunto de herramientas para tratar las imgenes, Transformaciones numricas de las imgenes.

Photshop PaintShopPro PhotoStyler Picture Publisher

Interfaz de dilogo a travs de la pantalla. Interaccin con el teclado/ratn o tabla grfica.

El software de tratamiento de imagen

Software complementario: Software de escanners Conexin de cmeras, impresoras y otros perifricos Utilidades: Cambios de formato/paletas Animacin de imgenes Morph (formas) entre imgenes Complementos de terceras partes: . Plugg-ins . Filtros

Guardar las imgenes: los formatos

El formato de la imagen es lo que nos permite ordenar y codificar los bits de informacin. Permite la transferencia entre software y sistemas operativos. Dos grandes grupos:
1. Formatos sin compresin o con compresin sin prdidas. 2. Formatos con prdidas al comprimir.

Guardar les imgenes: los formatos

1. Formatos sin compresin o con compresin sin perdidas. BMP Mapa de Bits. Formato comn en los entornos Windows y
MS_DOS. Guarda imgenes de 2, 8, 16 y 24 bits. No permite canales alpha y permite compresin RLE -compresin simple sin perdidas.

TIFF (Tagged-Image File Format). Formato comn de la mayora

de entornos de imagen, utilizado para intercambiar imgenes entre sistemas operativos. La mayora de escanners producen TIFF. Guarda imgenes en todos los formatos hasta 32 bits, y permite compresin LZW permite imgenes en RGB en 16 y 32 bits, y imgenes de 2, 4 y 8 bits. puede incorporar compresin JPEG.

PICT Formato de imagen propio de los ordenadores Macintosh.

Guardar les imgenes: los formatos

1. Formatos sin compresin o con compresin sin perdidas.
PSD Formato propio de Photoshop. permite guardar las imgenes con todas les caractersticas que permite Photoshop: todo tipo de profundidad de color, imgenes con multicapa y multicanales, canales alpha, etc. Crea compresin sin perdidas TGA El formato TARGA es el propio de les tarjetas grficas Truevision. Comn en entornos PC y de edicin de vdeo digital y efectos en 3D. permite RGB de 32 bits, 24 o 16 bits.

Guardar les imgenes: los formatos

2. Formatos con perdidas al comprimir.
JPEG (The Joint Photographic Experts Group). Sistema de
almacenamiento de imgenes pensado para el lenguaje HTML comn en Internet. Formato de imagen de alta compresin graduable en el momento de cerrar la imagen. La mxima calidad no da perdidas perceptibles. Acepta imgenes RGB de 32 a 8 bits. formato originario de 8 bits pensado para lenguaje HTML. No permite imgenes en RGB. permite acceder y modificar la paleta de color.

GIF (Compuserve GIF, Graphics Interchange Format). PNG (Portable Network Graphics). Formato libre de licencias

pensado para sustituir el formato GIF. Acepta hasta 24 bits y incorpora gran parte de les caractersticas de los gifs: color de transparencia, descompresin por fases, etc.

3. Otros formatos de imagen: los formatos vectoriales.

Guardar les imgenes: los formatos

La generalizacin de programas como flash en el diseo de pginas Web, ha permitido recuperar los programas de imagen vectorial para su uso en Internet

EPS (Encapsulated PostScript) mantiene informacin vectorial y

de Bitmap. Es un formato habitual en artes grficas y de intercambio entre programas de diseo y programes de imagen

PDF (Portable Document Format, Adobe) formato que, como

el EPS, permite incorporar en un mismo documento, informacin vectorial, imagen y navegacin.

AI (Adobe Illustrator) Formato propio de adobe illustrator para

guardar informacin vectorial. Permite su exportacin a otros programas.

Conclusiones
1. Las imgenes se definen por el nmero de pxeles que ocupan. - Base x altura x profundidad de color. 2. En la produccin de imgenes digitales, hay que definir los parmetros de uso de las imgenes. . Qu resolucin final utilizaremos? . A Internet, la resolucin es de 72 ppp 3. Hay que establecer un criterio de produccin de las imgenes. . imagen original: TIF, BMP . imagen de trabajo: PSD . imagen final: JPG, GIF, PNG

Photoshop 6. Previos
Conjunto de herramientas para el tratamiento de la imagen fotogrfica. Antecedentes: el laboratorio analgico, el retoque fotogrfico y la
pre-impresin fotogrfica

Posibilidades: Potencialidad de los cdigos digitales. Todo pxel o

conjunto de pxeles de la imagen es susceptible de ser modificado

Evolucin: herramienta fotogrfica que incorpora conceptos y

procedimientos de campos tradicionales afines: herramientas de diseo grfico (incorporacin de texto, tramados, etc.) diseo videogrfico (efectos visuales )

Evolucin: adaptacin a los nuevos entornos: Redes y interactividad.

Photoshop 6. Previos
Primeros controles: emular el laboratorio fotogrfico . Midas de las imgenes: . Reencuadres . Cambio de formato . Caractersticas de la imagen . Ajustes: . Contraste . Dominantes de color . Paso de negativo a positivo . Saturacin

Photoshop 6. Previos
Caractersticas de las imgenes

. NOMBRE . TAMAO . RESOLUCIN . ESPACIO DE COLOR

Photoshop 6. Previos
Caractersticas de les imgenes . ESPACIO DE COLOR . GAMMA de visualizacin

Asegurar que lo que vemos en Photoshop se corresponder con lo que se ver despus en otros programas o ordenadores

Photoshop 6. Previos
Caractersticas de las imgenes . Tamao de la imagen . Espacio de la imagen

Photoshop
Ejercicio 1: Abrir la imagen avio.jpg . Comprobar sus caractersticas: . Tamao de la imagen . Espacio de color Transformarla en una imagen de 300 x 200 pxeles, a 72 ppp y escala de grises Transformarla en una imagen de 350 x 200 pxeles, a 72 ppp y 8 bits de color

Photoshop
imagen avio.jpg

. Men Imagen/Modo . herramientas de seleccin Salvar, en la carpeta propia les versiones que se generen

Photoshop 6

herramientas de seleccin

. Men Edicin/cortar copiar pegar Imagen/recortar

Photoshop 6

Guardar JPG

. Men Archivo/guardar guardar como guardar para Web

Photoshop 6

Guardar JPG

. Men Archivo/guardar guardar como guardar para Web

Photoshop 6

Ejercicio 2: De una imagen fotogrfica realizar: . Comprobacin de parmetros: Tamao, etc. . AJUSTAR: . Ajuste de dominante . Ajuste tonal . Viraje . Reencuadre segn caractersticas de uso final . Cierre de todas ellas segn ajuste final

Photoshop 6 / Ejemplos ejercicio 2

Original nen1.jpg

Dominante de color

Contraste

Photoshop 6 / Ejemplos ejercicio 2

Saturacin

negativo

sepia

Photoshop 6
Men Imagen/Ajustar

Photoshop 6
Men Imagen/Ajustar

Photoshop 6

Ejercicio 3: De una imagen realizar un cambio de fondo: . Ajustar y calibrar la imagen . Separacin de la imagen en capas . Capa nueva de fondo . Borrar la parte de imagen a descartar . Crear un fondo degradado . Ajustar reas conflictivas

. Cierre de la imagen final

Photoshop 6

Ejercicio 3. .Mens de capas .Herramientas de seleccin .Borrado de imagen .Degradado .Correccin tonal .Ajuste de reas conflictivas