Diseño Grafico

Carrera Profesional de Computación e Informática

Fundamentos de Diseño Gráfico I Semana 2

Profesor Gonzalo Anchante Hurtado Correo: anchantehurtado@idat.edu.pe

Temas para hoy
• • • • • • Repaso de clase previa. Formatos de color : rgb vs cmyk g y Imágenes vectoriales. Teoría del color. (ojo, pestaña y ceja…) Colores cálidos, frios, brillosos, etc. PRACTICA DE CLASEanchantehurtado@idat.edu.pe

DETALLE
• En una hoja de papel, apunta las ideas más importantes de lo que hoy conversemos. conversemos

anchantehurtado@idat.edu.pe

Mapas de bits
• Se pueden representar mediante retículas de celdillas a las que vamos asignando valores valores.

•Una imagen de 20 × 20 píxeles (total = 400). •Podría medir 2 cm. o mil metros. •Toda imagen es cuadrada. •El píxel es sólo unaunidad de división sin un tamaño real concreto

anchantehurtado@idat.edu.pe

Imágenes de 1 bit por píxel
• Cada celdilla (píxel) sólo puede tener uno de dos valores: Uno o cero. • Basta 1 bit para definir esa alternativa. Imágenes de 1 bit (también se les llama "imágenes de mapa de bits, de alto contraste, contraste o imágenes de línea ). línea") • La información es muy escasa parareproducir bien este tipo de imagen.

anchantehurtado@idat.edu.pe

Imágenes de 1 bit por píxel

anchantehurtado@idat.edu.pe

Escala de grises (8 bits por píxel)
• Cada píxel puede tener 256 valores diferentes (las 256 posibilidades combinatorias de un byte u octeto). • Imágenes digitales de blanco y negro normales. • Sólo se distinguen hasta 256 tonos diferentes de gris (y no suelen aparecer t da l vez). todos la )

anchantehurtado@idat.edu.pe

Escala de grises (8 bits por píxel)

anchantehurtado@idat.edu.pe

Imágenes RGB o Lab (24 bits por píxel)
• 3 bytes por pixel = 3 grupos de 8 bits. • R=Red G =Green B=Blue • Podemos distinguir hasta 16 777 216 tonos de color ( 256 Rojo× 256 Azul × 256 Verde).

• El tipo de color de las televisiones, monitores.anchantehurtado@idat.edu.pe

Imágenes RGB o Lab (24 bits por píxel)

anchantehurtado@idat.edu.pe

Imágenes CMYK (32 bits por píxel)

• 4 byts por pixel = 4 grupos de 8 bits. • 1 byte para el cian, otro para el magenta, otro para el amarillo y un cuarto para el negro negro.

anchantehurtado@idat.edu.pe

Imágenes CMYK (32 bits por píxel)

anchantehurtado@idat.edu.pe

Imágenes CMYK (32 bits por píxel)anchantehurtado@idat.edu.pe

Imágenes CMYK (32 bits por píxel)

anchantehurtado@idat.edu.pe

Colores reales
• El ojo humano aunque es complejo en su sistema de representar lo que percibe es bastante p q p limitado, hay muchos colores que no podemos disfrutar como los infrarrojos o los ultravioleta, este espectro d fi id por unas siglas que t t definido i l resumen sólo lo que nos estápermitido ver.

anchantehurtado@idat.edu.pe

Colores reales => RGB
• Es el que vemos en los televisores, en los monitores de nuestra computadora y en el p celular, en las cámaras de video y en web, estos son colores “ADITIVOS”, también los llamamos colores “LUZ” l “LUZ”.

anchantehurtado@idat.edu.pe

Colores reales => rgb
• Se generan a partir de la combinación de tres luces decolores ROJO > VERDE > AZUL, al , combinarlas en diferentes intensidades el monitor puede reproducir hasta 16,2 millones de colores capaces de ser vistos por el ojo humano y en su d i t l j h total intensidad al combinarlos en el centro aparece la luz blanca blanca.

anchantehurtado@idat.edu.pe

Colores reales => rgb
• Las imágenes RGB utilizan tres colores para reproducir en pantalla hasta 16,7millones de p p , colores

anchantehurtado@idat.edu.pe

Colores reales => rgb
• Ten en cuenta que el monitor de tu computador muestran siempre los colores con el modelo RGB. p Esto significa que al trabajar con modos de color diferentes, como CMYK, el software convierte temporalmente l d t a RGB para su t l t los datos visualización.

anchantehurtado@idat.edu.pe

Colores reales => rgb...