Source: http://docplayer.es/4878194-Elementos-del-diseno-grafico-imagen-digital.html
Timestamp: 2018-12-10 03:06:12+00:00

Document:
ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL - PDF
Download "ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL"
José María Ortiz de Zárate Morales
1 Unidad 2 ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL Vectores Mapa de bits» Profundidad de color» Tamaño y resolución» Alisado» Formatos y compresión Imagen digital: Es una representación visual de un objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. Son aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores. Pág: 2 1
2 Vectores y mapa de bits: Las imágenes digitales pueden dividirse en dos grandes grupos:» Vectores» Mapas de bits Si bien muchas imágenes pueden representarse de ambas maneras, será nuestro deber decidir cuál se adapta mejor a nuestras exigencias. Pág: 3 Imagen en vectores: Se compone de objetos rectas, curvas, círculos, rectángulos, texto, etc. los cuales a su vez están compuestos por una escasa cantidad de puntos (vértices) unidos entre sí por segmentos. Estos segmentos pueden ser rectos o curvos, y dicha curvatura es controlada por unos manejadores denominados tangentes. Ideal para crear y manipular imágenes de gran tamaño. La posibilidad de cambiar fácilmente de lugar los elementos que componen la imagen (tarea ardua en una imagen de mapa de bits). Pág: 4 2
3 Imagen en mapa de bits: Una imagen en mapa de bits es una estructura de datos que se representa mediante una rejilla rectangular de píxeles de color. Un píxel es cada uno de los pequeños cuadraditos que componen una imagen digital. Podemos compararla con un mural de pequeños mosaicos de colores. Cuando nos acercamos al mural vemos cada mosaico; al alejarnos lo suficiente vemos una imagen continua, un todo. Pág: 5 Características: A las imágenes de mapa de bits o rasterizadas se las caracteriza por:» su tamaño: altura y anchura (en pixels px) Ej: 500x170px» su profundidad de color (en bits por pixel bpp), que determina el número de colores distintos (escala de colores) que se pueden almacenar en cada pixel, dando la calidad del color de la imagen.» Pág: 6 3
4 Características: Profundidad de color Las profundidades de color más destacadas son:» Bitmap 1 bit (2 tonos blanco y negro) por pixel.» Escala de grises 8 bits (256 colores o grises) por pixel.» RGB 24 bits (imágenes en color 16,7 millones de colores) por pixel. Son 3 canales de 8 bits cada uno, correspondientes a los 3 colores primarios de la luz: Rojo (Red), Verde (Green) y Azul (Blue).» CMYK 32 bits. Son 4 canales de 8 bits cada uno: Cyan, Magenta, Amarillo (Yellow) y Negro (Black). La letra K define el color negro para que no haya confusión con el azul. Modo utilizado en gráfica impresa. Pág: 7 Características: Tamaño y resolución Llamaremos tamaño a la cantidad de píxeles que componen una imagen. Se mide de 2 maneras:» a) mencionando los pixeles en lo ancho y alto. Ej: 1600x1200px» b) o la cantidad total de pixeles. Ej: 1600x1200 = px, es decir 1,92 megapíxeles. Cuando hablamos de resolución en una imagen nos referimos al tamaño con el que se representará cada uno de sus pixeles, y por consiguientelacalidadque calidad tendrá. Semideenpíxelespor en por pulgada (ppi). En un monitor está establecida una resolución de 72 o 96dpi. Pág: 8 4
5 Características: Alisado Más conocido como anti aliasing, se encarga de reducir el efecto dentado que provocan los pixeles al describir curvas o diagonales. La técnica consiste en generar pixeles de valores intermedios; así si tenemos un círculo negro sobre un fondo blanco, el software generará distintos tonos de grises en los pixeles que unen ambos elementos. Pág: 9 Formatos y compresión: JPG GIF PNG Número de colores: 24 bits (8 bits por canal). Muy alto grado de compresión. Archivo liviano para web. Formato de compresión con pérdida de calidad. No permite transparencia. No permite animación. Uso recomendado: fotografías Colores indexados de 2 hasta 256 colores. Formato de compresión sin pérdida de calidad. Archivo liviano para web. Carga progresiva. Permite transparencia sin alisado. Permite animación simple. Uso recomendado: logotipos o imágenes de colores plenos. Colores indexados hasta 256 colores y no indexado hasta 48 bits por píxel. Formato de compresión sin pérdida de calidad. Archivo medianamente pesado para web. Mayor grado de compresión que formato GIF (+10%). Permite transparencia variable con alisado. No permite animación. Uso recomendado: fotografías de alta calidad. Pág: 10 5
6 Qué formato y resolución utilizar según el uso: Diseños en pantalla: web, cds. interactivo o presentaciones multimediales» Fotos:.jpg o.png» Gráficos:.gif,.png,.pdf,.swf o.svg» Resolución: 72 o 96 dpi Fotografías: formato.jpg o.png 72 dpi de resolución 8 bits de profundidad Modo RGB Logos simples con colores planos: formato.gif 72 dpi de resolución Modo Indexado Pág: 11 Referencias: libros y links» imagen digital» Técnicas de optimización imagen jpeg optimization optimization techniques/ png optimizationtechniques/ designers guide to png imageformat/ Pág: 12 6
Bloque Básico Compilador: Lic. Dalia Álvarez Juárez Licenciatura en Diseño Gráfico CONOCERSE ACEPTARSE AMARSE CUIDARSE SUPERARSE TRANSMITIR TRANSFORMAR Índice Índice 1 Introducción 3 Objetivo general 4

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución