Tipografía, color e imágenes [12.1] Cómo estudiar este tema? [12.2] Tipos y fuentes [12.3] El color aditivo y el color sustractivo [12.4] El sistema pantone [12.5] Creación, edición y obtención de imágenes TEMA
Esquema TEMA # Esquema
Ideas clave 12.1. Cómo estudiar este tema? Para estudiar este tema lee el capítulo 4 (páginas 182-213) del manual de la asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon (Editorial Gustavo Gili, SL), además de las Ideas clave. 12.2. Tipos y fuentes Una fuente es una coleccionen de letras de un tipo determinado que se almacenan en un archivo de un ordenador. Una fuente puede contener el alfabeto en caja baja y caja alta, con sus numerales y signos de puntuación correspondiente, más cualquier cantidad de caracteres y símbolos adicionales alternativos. Bitmaps y vectores La información de una letra puede almacenarse digitalmente en forma de mapa de bits o de vectores. Los datos del mapa de bits (que no son más que una imagen en blanco y negro) funcionan bien para mostrar el texto en pantalla en un tamaño fijo, pero le otorgan un aspecto pixelado cuando se amplían. TEMA 12 Ideas clave
La mayor desventaja de las fuentes diseñadas para pantalla es que, al estar diseñadas para un tamaño concreto, es imposible redimensionarlas adecuadamente, ya que, aparecen trazos horizontales y verticales que las distorsionan. Las descripciones de vectores o de contorno de cada carácter proporcionan modelos escalables, que pueden mostrarse e imprimirse en cualquier tamaño, siempre y cuando el ordenador disponga de los medios para rasterizar los contornos y convertirlos en mapa de bits. Fuentes PostScrip tipo 1 El PostScript, lenguaje de descripción de páginas de Adobe, se puede utilizar para almacenar cualquier tipo de gráfico vectorial, desde una simple forma hasta la compleja estructura de una página maquetada. Las fuentes para uso profesional, especialmente en los Mac, cuentan con archivos en este lenguaje, más específicamente en un formato conocido como tipo 1, que consiste en 2 pares, un archivo en mapa de bits para el dibujado del texto en pantalla y un archivo de contorno. TEMA 12 Ideas clave
Aunque contengan la misma información, los archivos de fuentes PostScript de Mac y PC no son intercambiables. Nos hará falta la versión correcta para cada una de las plataformas. Fuentes TrueType Las fuentes TrueType consisten en un único archivo, que puede contener variaciones como la redonda, la cursiva, la negrita y la negrita cursiva. Desde el MacOS 8.5 en adelante, los Mac han podido utilizar el mismo formato de archivo TrueType que los PC, con las extensiones.ttf o.ttc. Fuentes OpenType Es un formato relativamente novedoso de Adobe y Microsoft, puede incluir datos TrueType y PostScript y funciona tanto en Mac Como en PC. Las fuentes OpenType llevan la extensión.otf. Fuentes Multiple Master Este tipo de fuentes contienen diversos juegos de contornos que representan cada uno de los extremos de ejes de diseño: peso, anchura, estilo, dimensiones ópticas. Por desgracia, solo han aparecido unas pocas y no son bien aceptadas por Windows o Mac. TEMA 12 Ideas clave
12.3. Color aditivo y color sustractivo Todo color proviene de la luz blanca. Muchos de nosotros habremos visto cómo al pasar la luz blanca a través de un prisma de cristal, esta se descompone en los colores del espectro. El monitor del ordenador es una fuente de luz blanca artificial y los colores que vemos en pantalla son también transmitidos directamente a la retina. Dado que todos los datos que componen las imágenes de un ordenador son digitales, los monitores precisan de un método mediante el que puedan simularse rápidamente todos los colores del espectro. El método empleado emite solo los tres colores primarios que componen la luz blanca, a través de una retícula de píxeles. Mediante el uso de hasta 56 niveles distintos de intensidad de cada uno de esos colores primarios para cada píxel, es posible alcanzar hasta un total de 16,7 millones de colores (256 x 256 x 256). Los tres colores primarios que se utilizan son rojos, verdes y azules, que para abreviar se conocen como RGB (Red, Green, Blue). El color de las tintas es percibido a través de la reflexión de la luz sobre la superficie impresa. Los primarios RGB solo funcionan para luz emitida, así que para luz reflejada es necesario otro juego de tres colores primarios. Estos son el cian, el magenta y el amarillo o (CMY). El color aditivo o emitido Cuando un color primario emitido se combina con otro, percibimos más luz que con uno solo. Por ese motivo, se llama colores primarios aditivos al rojo, verde y azul. La suma de los tres produce el blanco. Así, la combinación de la luz roja con la luz verde, origina un color que empieza a acercarse a la luz blanca. El color sustractivo o reflejado En nuestro mundo material, todo lo que vemos tiene color debido a que la mayor parte de la materia absorbe la luz blanca en mayor o menor medida. Los objetos negros absorben toda la luz blanca que reciben. TEMA 12 Ideas clave
Lo que generalmente entendemos como el color de un objeto no es en realidad otra cosa que la reflexión de ciertas cantidades de los tres colores primarios. 12.4. El sistema pantone Si un trabajo solo requiere uno o dos colores, resulta innecesario imprimirlo en una maquina de cuatricomía. Una sola tinta de color específico sería mucho más razonable que una mezcla de cian, magenta, amarillo y negro. Antiguamente, muchas imprentas tenían existencias de tintas de diversos fabricantes, pero por razones prácticas, la gama de colores disponibles era extremadamente limitada. El pantone se concibió para cubrir las necesidades de los diseñadores que quieren especificar un color concreto. TEMA 12 Ideas clave
En esencia se trata de una serie de ingredientes básicos y un libro de recetas en forma de muestrario, que contiene centenares de colores que pueden obtenerse a través de la mezcla de cantidades específicas de los pigmentos estandarizados. Casi todo el software de artes gráficas, para proporcionar al diseñador la más amplia gama posible de selección de colores, cuenta con el muestrario completo de colores pantone. El diseñador tiene la posibilidad de escoger un pantone para imprimirlo como una tinta directa o simularlo mediante cian, magenta, amarillo y negro. Atributos del color Para describir el color resulta sencillo hacerlo en términos de tono, saturación y brillo (HSB), también puede hacerse con respecto a luminosidad, saturación, y brillo (HLS). El tono o matiz: Se refiere a la longitud de onda lumínica. La saturación: Es la mezcla de colores, la interferencia de diferentes frecuencias de onda lumínica. Así, una saturación alta indica un color más puro y una saturación más baja indica la interferencia de otros colores. Si las ondas se perciben de igual valor unas que otras se visualiza el blanco. El brillo: Es la intensidad lumínica. TEMA 12 Ideas clave
Un color se define por sus valores de tono, brillo y saturación. En el modelo HSL la saturación baja al gris en lugar de al blanco, se basa en la idea de luminosidad, cuanta más cantidad de blanco posea el color será más luminoso, así también será más oscuro cuanto mayor sea su porcentaje de negro. 12.5. Creación, edición y obtención de imágenes Existen muy diversos tipos de imágenes que pueden ser generadas por un ordenador, desde un simple icono hasta un complicado montaje fotográfico que reúna todos los colores del espectro cromático. Programas de edición de mapa de bits Los programas de edición de mapa de bits se basan en las correcciones que aplicamos a los valores de color de los píxeles que componen una imagen digital. Es el sistema usado para la manipulación fotográfica o de imágenes de tono continuo como dibujos o gráficos que previamente hemos escaneado. Tienen dos inconvenientes, las imágenes de mapa de bits ocupan gran cantidad de espacio (aunque puedan comprimirse mediante varios procesos como LZW o JPEG) y que al ampliarlas los pixeles deforman la imagen y esta pierde calidad. Programas vectoriales Son programas basados en vectores manipulables que pueden modificarse y escalarse sin pérdida de calidad. TEMA 12 Ideas clave
Lo + recomendado Clases magistrales Tipografía, color e imágenes Duración: 12:57 min. En esta última clase magistral, Diego Castro se centrará en la imagen digital dentro del último tema de la asignatura. El video está disponible en el aula virtual No dejes de leer Teoría del color Con el siguiente documento podrás profundizar más sobre la teoría del color. El documento está disponible en el aula virtual o en la siguiente dirección web: http://www.youblisher.com/p/88841-kolorea/ TEMA 12 Lo + recomendado
+ Información A fondo El azote de la Arial El siguiente artículo recoge la historia de la tipografía Arial. Además se analizan los pros y los contras del uso de esta tipografía. El artículo está disponible en el aula virtual o en la siguiente dirección web: http://www.unostiposduros.com/?p=1437 Webgrafía Imágenes stockfree En el siguiente enlace encontrarás fotos e ilustraciones con calidad profesional, libres de derechos. http://www.sxc.hu/ Open clipart En la siguiente web podrás encontrar numerosos Clip Art. http://www.openclipart.org/ TEMA 12 + Información
Bibliografía DELGADO, J.M. Illustrator CS5. Anaya Multimedia. Madrid. 2010. DELGADO, J.M. Photoshop CS5. Anaya Multimedia. Madrid. 2010. HOPE, H. y WALSH, M. The color compendium. Van Nostrand Reinhold. New York. 1990. TEMA 12 + Información
Actividades Tratamiento de imágenes Obtén una imagen en mapa de bits y otra vectorial tratándolas con Photoshop e Illustrator respectivamente y anota las diferencias que nos topamos al trabajar con ellas. Extensión aproximada: 2 páginas. TEMA 12 Actividades
Test 1. Un tipo es A. Un alfabeto considerado una entidad visual diseñada o estética. B. Una colección de letras de un tipo determinado, que se almacenan en un archivo de un ordenador. C. Una letra estándar de un alfabeto. 2. Una fuente es A. Un alfabeto considerado una entidad visual diseñada o estética. B. Una colección de letras de un tipo determinado que se almacenan en un archivo de un ordenador. C. El ascendente de una letra en particular. 3. El antialiasing es A. Un mecanismo para suavizar los vectores. B. Un mecanismo utilizado en las imágenes de mapa de bits para evitar la pixelación. C. Un método de rasterizado consistente en pasa las imágenes de mapa de bits a vectores. 4. Los colores primarios aditivos son A. Cian, rojo y amarillo. B. Rojo, verde y azul. C. Rojo, verde, azul y negro. 5. Los colores primarios sustractivos son A. Cian, magenta y amarillo. B. Rojo, verde y azul. C. Rojo, verde, azul y negro. 6. Los atributos del color son A. Tono, saturación y brillo. B. Tono, saturación y luminosidad. C. Ambas son correctas. TEMA 12 Test
7. Los dos principales defectos de las imágenes de mapa de bits son A. Lo poco extendido que esta su uso. B. Su peso. C. Su pérdida de calidad al agrandarlas. 8. JPEG es A. Un tipo de archivo de imagen. B. Un método de compresión de mapa de bits. C. Un mecanismo para suavizar los vectores. 9. Qué dos características hace superiores a las imágenes vectoriales con respecto a las imágenes de mapa de bits? A. Lo extendido de su uso. B. Su poco peso. C. Que permiten un escalado de buena calidad. 10. CMYK son las siglas de... A. Cian, magenta, amarillo y negro. B. Verde, azul y rojo. C. Cian, verde, amarillo y rojo. TEMA 12 Test