HOJAS DE INFORMACIN TCNICA (93788019.

doc)

Curso:

DISEO GRFICO NIVEL II

Temas: Introduccin a la Teora del Color Introduccin a sistemas de impresin Modificacin de Imgenes Composicin

Centro de Formacin Profesional N 402 Liniers 2110 Lans

Fplio 2 de 11

Adobe Suite Adobe Systems Incorporated PhotoShop Adobe Systems Incorporated Pantone

PROVINCIA DE BUENOS AIRES DIRECCIN GENERAL DE CULTURA Y EDUCACIN

INFORMACIN TECNOLGICA DISEO GRFICO NIVEL II

93788019.doc

FOLIO N 3 de 11 Diseo Grfico en sistemas informticos

C. F. P. N 402 Lans C. F. P. N 402 Lans Ubaldo L. Blicharski Marzo 2012 Ubaldo L. Blicharski Marzo 2012

LECCIN N 1 TEORA DEL COLOR

DEFINICIN DE COLOR
Para comprender los temas que desarrolla la Teora del Color, tenemos que tener presente dos aspectos importantes: El color es una propiedad fsica que depende de la luz. Cada color es provocado en la retina de nuestro ojo de acuerdo a la longitud de onda electromagntica recibida El color blanco es la suma de todas las longitudes de onda percibidas por nuestro ojo El negro es la ausencia de luz El color es una representacin mental subjetiva e individual para cada ser humano. Los colores que percibimos pueden tener dos orgenes distintos: Colores por emisin de luz: corresponden a aquellos que son provocados por fuentes luminosas. Como ejemplo, los que vemos en una pantalla de televisin, las luces de colores navideas, etc. En algunos casos el color es emitido directamente por la fuente luminosa, y en otros puede ser filtrado por una pantalla que slo deja pasar el color que se desea1. A este tipo de coloracin se la denomina COLORES ADITIVOS, y es utilizado en monitores y proyecciones. Colores por reflexin de luz: en este caso, cuando un objeto recibe una luz blanca, slo refleja un color o una combinacin de colores determinada. Como ejemplo: una flor roja recibe la luz del sol (blanca) y absorbe todas las ondas lumnicas menos la roja. A este tipo de coloracin se la denomina COLORES SUBSTRACTIVOS, y es utilizado en impresiones y pigmentaciones.

COLORES ADITIVOS
Los colores aditivos son aquellos que, cuando se suman, dan por resultado el color blanco. En contraposicin, cuando todos los colores faltan, dan por resultado el negro. En este sistema de coloracin existen tres colores primarios: El ROJO, el VERDE, y el AZUL. Dadas estas propiedades, a este sistema se lo denomina RGB (Red-rojo/Green-verde/Blue-azul)2, y la combinacin de estos tres colores permiten visualizar toda la gama de colores. Cuando utilizamos aplicaciones de diseo grfico, la combinacin de estos tres colores pueden ser expresados en ternas de valores donde el primer valor representa al rojo, el segundo al verde, y el tercero al azul.

Notacin Decimal
El cada color est representado por un valor que puede variar entre 0 y 255. El valor 0 corresponde al emisor de luz apagado, mientras que el valor 255 corresponde al mximo.

Notacin Porcentual
Similar al anterior, donde cada valor de la terna puede variar entre 0 (apagado) y 100 (encendido al mximo)

Notacin Hexadecimal
En este caso la terna de valores decimales se interpretan en valores hexadecimales, donde el valor 00 corresponder a apagado, mientras que FF significa que el emisor est encendido a pleno.

1 En el caso de los semforos, coexisten dos tecnologas: la primera es construirlo con focos de luz blanca y vidrios que slo dejan pasar el color que se desea; la segunda es construirlo con LED (diodos emisores de luz) que slo emiten luz de un color determinado 2 Podemos observar estas caractersticas en los logotipos de cualquier equipo de reproduccin visual (televisores, canales de televisin, etc.)

Fplio 4 de 11 Las notacion Decimal y la Hexadecimal son las utilizadas en los sistemas informticos, ya que derivan de la definicin de BYTE u OCTETO, que es la base de la informacin digital y est conformada por 8 BITS o DGITOS BINARIOS, cuyos valores pueden ser 0 o 1, resultando que la combinacin de los 8 valores da por resultado valores entre 0 decimal y 255 decimal. La notacin Porcentual es utilizada mayormente en los sistemas de iluminacin directa, donde el 0 representa un foco apagado (0%) y 100 es el foco en su mximo de emisin (100%) Los colores complementarios son aquellos cuyos componentes toman los valores que restan para llegar al mximo de cada uno. Ejemplo: un color definido como Notacin Decimales Hexadecimal Porcentual Color original Rojo Verde Azul 150 210 63 96 D2 3F 59 82 25 Color complementario de: (clculo) Rojo Verde Azul 105 = 255-150 45 = 255-210 192 = 255-63 69 = FF-96 2D = FF-D2 C0 = FF-3F 41 = 100-59 12 = 100-82 75 = 100-25

Primarios Rojo Verde Azul Blanco Complementario s Cyan Magenta Amarillo Negro

TABLA DE CORRESPONDENCIA ENTRE NOTACIONES ADITIVAS Decimal Hexadecimal Porcentual Rojo Verde Azul Rojo Verde Azul Rojo Verde Azul 255 0 0 FF 00 00 100 0 0 0 255 0 00 FF 00 0 100 0 0 0 255 00 00 FF 0 0 100 255 255 255 FF FF FF 100 100 100

0 255 255 0

255 0 255 0

255 255 0 0

00 FF FF 00

FF 00 FF 00

FF FF 00 00

0 100 100 0

100 0 100 0

100 100 0 0

COLORES SUSTRACTIVOS
Los colores sustractivos son aquellos que, cuando se suman, dan por resultado el color negro (en realidad dan un color oscuro). En contraposicin, cuando todos los colores faltan, dan por resultado el blanco (o el color del sustrato donde se aplican). En este sistema de coloracin existen tres colores primarios: El CYAN, el MAGENTA, y el AMARILLO, y se complementa con el color NEGRO, para reforzar las oscuridades. Dadas estas propiedades, a este sistema se lo denomina CMYK (Cian/Magenta/Yellow-amarillo/BlacKnegro)3, y la combinacin de estos tres colores permiten visualizar toda la gama de colores. Este sistema slo admite la notacin porcentual, que indica el porcentaje de pigmento de cada color primario que se debe incluir en la composicin del color final. Por otra parte, de manera similar a los colores aditivos, los colores complementarios se calculan como diferencia entre el 100% y el valor correspondiente de cada componente del color original mximo de cada uno. Ejemplo: un color definido como Color original Notacin C M Y Porcentual 59 82 25

K 32

C 41 = 100-59

Color complementario (clculo) M Y 12 = 75 = 100-82 100-25

K 68 = 100-32

TABLA DE CORRESPONDENCIA ENTRE NOTACIONES SUSTRACTIVAS Porcentual

3 Podemos observar estas caractersticas en las tintas de las impresoras color. Los colores Cyan y Magenta no tienen traduccin al castellano

PROVINCIA DE BUENOS AIRES DIRECCIN GENERAL DE CULTURA Y EDUCACIN

INFORMACIN TECNOLGICA DISEO GRFICO NIVEL II Primarios Cyan Magenta Amarillo Negro Rojo 100 0 0 100 0 100 100 0 Verde 0 100 0 100 100 0 100 0 Azul 0 0 100 100 100 100 0 0

93788019.doc

FOLIO N 5 de 11 Diseo Grfico en sistemas informticos

C. F. P. N 402 Lans C. F. P. N 402 Lans

Complementarios Rojo Verde Azul Blanco (SIN COLOR)

RELACIN RGB-CMYK Como puede observarse en las tablas de colores, la relacin entre ambos sistemas est determinada por la complementariedad de los mismos: los colores primarios RGB tienen como complementarios a los colores primarios CMYK

Ubaldo L. Blicharski Marzo 2012 Ubaldo L. Blicharski Marzo 2012

MODO HSV (HSB)

En este modelo es un derivado del RGB, por lo tanto se utiliza en monitores o presentaciones, y se definen los colores en funcin de tres valores de la coloracin: El matiz (Hue), que se refiere al color como tal y est representado por crculo de colores. Su valor se mide en ngulos, y puede variar entre 0 y 359. La saturacin (cantidad de color) mide porcentualmente la cantidad de matiz aplicado. Su valor es porcentual y vara entre 0 y 100 Finalmente el brillo (value) define la claridad del color, y representa la cantidad de blanco que se incorpora. En algunos textos se lo menciona como claridad. Su valor es porcentual y vara entre 0 y 100

Relaciones entre RGB y HSV

Primarios Rojo Verde Azul Blanco Complementario s Cyan Magenta Amarillo Negro Rojo 255 0 0 255 RGB Decimal Verde Azul 0 0 255 0 0 255 255 255 RGB Hexadecimal Rojo Verde Azul FF 00 00 00 FF 00 00 00 FF FF FF FF H () 0 120 240 0 HSV S (%) 100 100 100 0 V (%) 100 100 100 100

0 255 255 0

255 0 255 0

255 255 0 0

00 FF FF 00

FF 00 FF 00

FF FF 00 00

180 300 60 0

100 100 100 0

100 100 100 0

Fplio 6 de 11 El clculo del matiz (H) de un color complementario cualquiera tiene una diferencia de 180 respecto el color original Color original Color complementario (clculo) Notacin Red Green Blue Red Green Blue RGB (Decimal) 150 210 63 105 = 255-150 45 = 255-210 192 = 255-63 Hexadecimal 96 D2 3F 69 = FF-96 2D = FF-D2 C0 = FF-3F H S V H S V HSV 84 70 82 264 77 75

MODO DE COLOR LAB

El modelo de color CIE L*a*b* (Lab) se basa en la percepcin humana del color. Los valores numricos de Lab describen todos los colores que ve una persona con una capacidad de visin normal. Como Lab describe la apariencia del color en lugar de la cantidad de colorante necesaria para que un dispositivo (como un monitor, una impresora de escritorio o una cmara digital) produzca el color, Lab se considera un modelo de color independiente de dispositivo. Los sistemas de gestin de color utilizan Lab como referencia de color para transformar un color de forma predecible de un espacio de color a otro. El modo de color Lab contiene un componente de luminosidad (L) que vara entre 0 y 100. En el Selector de color de Adobe y el panel Color, el componente a (eje verde-rojo) y el componente b (eje azul-amarillo) pueden estar comprendidos entre +127 y 128.

MODO DE ESCALA DE GRISES

El modo Escala de grises utiliza distintos tonos de gris en una imagen. En imgenes de 8 bits, puede haber hasta 256 tonos de gris. Cada pxel de una imagen en escala de grises tiene un valor de brillo comprendido entre 0 (negro) y 255 (blanco). En imgenes de 16 y 32 bits, el nmero de tonos de una imagen es mucho mayor que en las imgenes de 8 bits. Los valores de la escala de grises tambin se pueden medir como porcentajes de cobertura de la tinta negra (0% es igual a blanco, 100% a negro).

MODO PANTONE
Por ltimo, existen diferentes sistemas comerciales de definicin de colores, siendo el ms conocido de ellos el sistema Pantone.

Creado en 1963 y buscando un estndar para la comunicacin y reproduccin de colores en las artes grficas, su nombre completo es Pantone Matching System, y se basa en la edicin de una serie de catlogos sobre diversos sustratos (superficies a imprimir), que suministran una codificacin estandarizada mediante un nmero de referencia y un color especfico.

PROVINCIA DE BUENOS AIRES DIRECCIN GENERAL DE CULTURA Y EDUCACIN

INFORMACIN TECNOLGICA DISEO GRFICO NIVEL II

93788019.doc

FOLIO N 7 de 11 Diseo Grfico en sistemas informticos

CUESTIONARIO

C. F. P. N 402 Lans C. F. P. N 402 Lans

Marque la opcin correcta: Los colores aditivos se obtiene por Los colores sustractivos se obtienen por Marque la(s) opcin(es) correcta(s) Los colores aditivos corresponden a:

Reflexin de la luz sobre los objetos Reflexin de la luz sobre los objetos RGB Lab* Todos los anteriores Se usa en impresoras RGB Lab* Todos los anteriores Se usa en impresoras

Emisin de luz Emisin de luz

CMYK HSV Ninguno de los anteriores Se usa en monitores CMYK HSV Ninguno de los anteriores Se usa en monitores

Los colores sustractivos corresponden a:

Ubaldo L. Blicharski Marzo 2012 Ubaldo L. Blicharski Marzo 2012

Complete las siguientes tablas de definicin de colores: Sistema RGB Decimal R 250 140 135 Sistema CMYK Porcentual C 90 18 55 Sistema RGB Hexadecimal R FA 15 3B Color Original G 9D B 40 0F 75 Color complementario R G B C3 AD 4E 00 CC Color Original M Y 45 80 40 45 K 5 C 36 35 Color complementario M Y 84 65 96 K 75 32 36 Color Original G 35 B 40 60 214 Color complementario R G B 180 210 18 95 96

Fplio 8 de 11

PROVINCIA DE BUENOS AIRES DIRECCIN GENERAL DE CULTURA Y EDUCACIN

INFORMACIN TECNOLGICA DISEO GRFICO NIVEL II

93788019.doc

FOLIO N 9 de 11 Diseo Grfico en sistemas informticos

C. F. P. N 402 Lans C. F. P. N 402 Lans

LECCIN N 2 HERRAMIENTAS DE SELECCIN

Las Herramientas de Seleccin son aquellas que permiten las seleccin de reas en la imagen. A diferencia de otras aplicaciones, en Diseo Grfico las selecciones no slo permiten copiar, cortar y pegar. Tambin posibilita que los efectos y modificaciones se realicen solamente dentro de la seleccin. Esto sucede porque las selecciones aslan pixeles de la imagen posibilitando estas acciones particulares. Por otra parte, en los procesos de pegado puede si el tipo de modo de color lo permite crear capas con una copia del elemento pegado. Atencin: Las herramientas de seleccin funcionan sobre una capa visible (no oculta) Estas herramientas estn agrupadas en la ventana de herramientas, conformando tres grupos principales: Herramientas de marco rectangulares, elpticas, fila nica y columna nica reas irregulares, a mano alzada (Lazo), poligonales y por contraste Herramientas de Lazo de color (magntico) Herramientas de seleccin rpida reas del mismo color

Ubaldo L. Blicharski Marzo 2012 Ubaldo L. Blicharski Marzo 2012

PROPIEDADES
Comunes
Herramienta Opciones Nueva Aadir a Todas Restar de Interseccin Desvo (en pixeles) Desvanecer Estilo normal Rectngulo Elipse Lazo Propiedades / Observaciones Al comenzar una nueva seleccin, la anterior se deselecciona Al comenzar una nueva seleccin, se le suma a la seleccin anterior Al comenzar una nueva seleccin deselecciona las reas comunes Mantiene seleccionadas nicamente las reas comunes a dos selecciones Efecta un esfumado del borde de la seleccin Si el rango de desvo es mayor que la mitad del tamao de la seleccin, emite mensaje de error Seleccin libre de tamao y proporciones Seleccin libre de tamao, manteniendo las proporciones indicadas Ejemplo: una proporcin de ancho=1 y alto=2, selecciona manteniendo las selecciones donde el alto ser el doble que el ancho. Una proporcin de anchos y altos iguales permite seleccionar cuadrados o crculos Realiza todas las selecciones manteniendo el tamao ingresado (alto y ancho). Se puede especificar en centmetros (cm), pxeles (px) o pulgadas (pulgadas) Realiza mejoras profesionales sobre el borde de la seleccin Suaviza los bordes irregulares Agudiza los bordes suaves Redondea los bordes irregulares Se recuperan detalles finos con Radio Desvanece el borde con un enfoque uniforme Resultados ms perfeccionados, con Radio Disminuye/aumenta el rea seleccionada Muestra el efecto del borde perfeccionado Aumenta la visualizacin del rea Mueve el lienzo de trabajo Muestra el efecto del rea sobre distintos tipos de fondo

Estilo proporcional

Estilo tamao fijo Perfeccionar borde Radio Contraste Rectngulo Elipse Lazo Seleccin Rpida Varita Mgica Suavizar Calar Contraer/Expandir Previsualizar Zoom Mano Previsualizaciones

Fplio 10 de 11

Especiales
Lazo (Todos) Suavizar Anchura Realiza las mismas acciones que Suavizar en Perfeccionar Bordes Especifica una anchura de deteccin, introduzca un valor en pxeles para Anchura. La herramienta Lazo magntico detecta slo los bordes que se encuentran dentro de la distancia especificada del puntero Especifica la sensibilidad del lazo en los bordes de la imagen, introduzca un valor entre 1% y 100% en Contraste. Un valor ms alto detecta slo los bordes que contrastan de forma acentuada con los circundantes; un valor ms bajo detecta los bordes de bajo contraste Especifica la velocidad a la que el lazo establece los puntos de fijacin, introduzca un valor entre 0 y 100 en Lineatura. Un valor ms alto fija el borde de seleccin en su lugar de manera mucho ms rpida Si est trabajando con una tableta stylus, seleccione la opcin Presin de stylus o anule la seleccin. Al seleccionar la opcin, un incremento de la presin de stylus provocar una disminucin de la anchura del borde Especifica el ancho, tipo y caractersticas del puntero del mouse Crea una seleccin segn todas las capas en lugar de slo la capa actualmente seleccionada Reduce la rugosidad y solidez del lmite de seleccin. Mejorar automticamente hace que la seleccin fluya ms hacia los bordes de la imagen y aplica parte de la precisin de bordes que puede aplicar manualmente en el cuadro de dilogo Perfeccionar borde con las opciones Redondear, Contraste y Radio Determina la similitud o la diferencia de los pxeles seleccionados. Introduzca un valor en pxeles, entre 0 y 255. Si define un valor bajo, seleccionar aquellos colores que ms se asemejen al pxel en el que ha hecho clic. Cuanto ms alto sea el valor, mayor ser la gama de colores seleccionada Selecciona slo zonas adyacentes con los mismos colores. De lo contrario, se seleccionan todos los pxeles de la imagen completa con los mismos colores Crea una seleccin segn todas las capas en lugar de slo la capa actualmente seleccionada

Contraste Lazo Magntico Lineatura Presin de Stylus Pincel Muestrear todas las capas Seleccin Rpida Mejorar automticamente

Tolerancia Varita Mgica Contiguo Muestrear todas las capas

UTILIZACIN
La utilizacin de las herramientas de seleccin puede ser combinada, y su implementacin es decisin del diseador. ste utilizar aquella(s) herramientas(s) de las que tenga mayor prctica, acorde al trabajo a realizar. Recuerde que no hay reglas ni mtodos fijos: un mismo efecto puede ser logrado siguiendo diversas tcnicas o combinacin de herramientas. Tambin debe tenerse presente las siguientes propiedades de una seleccin: Cuando se aplican efectos, ste slo trabaja DENTRO DE LA SELECCIN (consecuencia de la propiedad por la cual la seleccin asla un sector de la imagen La seleccin slo se puede hacer sobre una capa visible y activa El pegado de una seleccin copiada o cortada puede generar las siguientes acciones: o Generar una capa (slo en imgenes que permitan, por su modo de color, el uso de capas o Pegarse sobre la imagen integrando el fondo (en imgenes que no permitan el uso de capas) La opcin EDICIN PEGAR DENTRO, permite pegar la seleccin dentro de otra seleccin, sin generar una nueva capa

PROVINCIA DE BUENOS AIRES DIRECCIN GENERAL DE CULTURA Y EDUCACIN

INFORMACIN TECNOLGICA DISEO GRFICO NIVEL II

93788019.doc

FOLIO N 11 de 11 Diseo Grfico en sistemas informticos

CUESTIONARIO

C. F. P. N 402 Lans C. F. P. N 402 Lans

Marque la opcin correcta: El Lazo permite seleccionar La varita mgica selecciona por El Lazo Magntico selecciona por La opcin aadir a permite El Desvo es una propiedad para Marque la(s) opcin(es) correcta(s) Las herramientas de seleccin utilizan para: se

Marcos (rectngulos y elipses) Tolerancia de Color Tolerancia de Color Crear una seleccin nueva Separar la seleccin Copiar Pegar Todos los anteriores

Bordes libres Contraste de color Contraste de color Agregar a una seleccin Difuminar bordes Cortar Aislar un rea del resto de la imagen Ninguno de los anteriores

Ejercicio: Abra el archivo __________________________

Ubaldo L. Blicharski Marzo 2012 Ubaldo L. Blicharski Marzo 2012