L C 1LENGUAJECOMPUTACIONALDAMARIS SEPULVEDA T.

L C 1INDICELENGUAJECOMPUTACIONAL

indice

del diseño Gráfico y la Tipografía

portadas de periodicos

color e impresión

modelo RGBmodelo CMYK

procesos e n editorial

bitmap, mapa rasterizadoimagen Vectorialmodos de color

diagramación de bitácora

tipos de formato de imagen

investigación y desarrollo.

true type & postcript

4 - 7

12

17

2 2 - 2 3

3

3

8 - 9

10-11

18-21

16

14-1513

24-25

26-27

2 8 - 2 9

c l a s e s t a r e a s investigación

Al revisar la historia de la hu-manidad se puede reparar que el diseño, como grafía, se en-cuentra en la esencia del hom-bre desde que el hombre toma conciencia de si mismo, como ejemplo de esto son las pintu-ras rupestres,que nacen por la necesidad de comunicacion vi-sual del hombre, y de plasmarla en el tiempo. Esto más tarde luego de muchos evoluciones deriva en el desarrollo del alfabeto actual.El libro de Kells (una Bi-blia manuscrita profusamente ilustrada, realizada por monjes irlandeses del siglo IX d. de C.)es para algunos un muy hermoso y temprano ejemplo de diseño gráfico. Para otros, se trata de una manifestación grá-fica, de alto valor artístico.

D E LD I S E Ñ O GRAFICOY LA TIPOGRAFÍA

La historia de la tipografía (y por carácter transitivo, también la historia del libro) está muy vinculada a la del diseño gráfico, probablemente porque práctica-mente no existen diseños gráfi-cos que no incluyan este tipo de elementos gráficos. De ahí que cuando se habla de la historia del diseño gráfico, también se cita la tipografía de la columna trajana, las miniaturas medie-vales, la imprenta de Johannes Gutenberg, la evolu-ción de la industria del libro, los afiches parisinos, el Movimien-to de Artes y Oficios (Arts and Crafts), William Morris, la Bauhaus, etc.

La historia de la

influencia La introducción de los tipos móviles por Johannes Gutenberg hizo los libros más baratos de producir, aumentando su difusión. Los primeros libros impresos (in-cunables) marcaron el modelo a seguir hasta el siglo XX. El diseño gráfico de esta época se conoce como Estilo Antiguo (especialmente la tipografía que estos primeros tipógrafos usaron) o Humanista, como la escuela filosófica pre-dominante de la época.

En el siglo XIX en las calles se presentaron los carteles como expresión de la vida social, económica y cultural. Aqui es donde se presenta la influencia

. 4

de Toulouse-Lautrec (1864-1901), influyó notable-mente en la elaboración del car-tel moderno (poster). Entendía que los carteles eran un medio de comunicación con otras personas, que se dirigía a cierta audiencia. Descubrió la importancia de trasladar su tra-bajo a la imprenta, y a provechó la litografía a gran escala. En Berlín, un grupo de dise-ñadores asociado con una firma de impresión (Hollerbaum und Schmidt) rompió una nueva barrera: sus carteles restringi-eron la imagen al objeto que se estaba anunciando, y las pa-labras a la marca del fabricante. Este estilo se conoce como car-tel - objeto (Sachplakat).

Pero mi interes en este caso es detenerme en el desarrollo del diseño gráfico tal como lo conocemos hoy, el diseño que se desarrolló gracias a todos los cambios sucedidos por la revo-lucion industrial.José Ignacio Armentia apunta esta relación entre el diseño y la era industrial: “La idea de un producto concretada teórica-mente después de estudios pre-vios de necesidades de mercado y de sistemas y costes de produc-ción, a fin de valorar la fun-

cionalidad y rentabilidad, ex-ige una proyección gráfica que posibilite su materialización. Sería aquí donde entraría en juego el diseño. Se trataría de crear formas conjugando esté-tica y funcionalismo, y seleccio-nar entre ellas la más adecuada al fin propuesto.” (1) Herbert Spencer en su li-

bro Pioneros de la Tipografá moderna,(1995) “El nuevo vocabulario de la tipografía y del diseño gráfico se fraguó en menos de veinte años (...) Por supuesto, la tipografía moder-na no fue fruto de la repentina invención de un hombre, ni si-quiera de un grupo.

ToulouseLautrecDivan Japonais1893

. 5

Nació como una respuesta a las nuevas exigencias y a las nue-vas oportunidades que el siglo XIX trajo consigo. La violencia con la que la tipografía mod-erna irrumpe en escena a co-mienzos del siglo XX refleja la agresividad con la que los nue-vos conceptos sobre arte y dis-eño, en cada campo, barrieron convenciones agotadas y ataca-ron actitudes que no tenían rel-evancia en una sociedad alta-mente industrializada.”

La Bauhaus, la famosa es-cuela de artes y artesanías, esta-blecida en Weimar (Alemania), en 1919. La Bauhaus estuvo justamente en el plano de la comunicación gráfica, en la conformación de su espe-cialidad como un área moderna de incumbencia, no equipara-ble a las antiguas artes gráfi-cas. Allí intervinieron, aportes técnicos y conceptuales de la psicología, la publicidad y la propaganda de masas, gene-rando un espacio nuevo de

articulación y de ex-presión, donde la proyectación se abría no solamente a la inno-vación tipográfica y formal sino a la inclusión de la fotografía y otras composiciones plásticas. La utopía del orden y el ideal de la ilustración de lograr la de-mocratización del acceso al con-ocimiento y a la distinción de los saberes, se plasmaban aquí en un primer paso fundamental: la legibilidad.

evolución de la comunicación i m p r e s aEn los años 60, La revolución electrónica ofreció la posibi-lidad de utilizar imágenes al-macenadas desde períodos an-teriores y de transformar sus contenidos en algo contem-poráneo, a través de la manipu-lación digital. La evolución de la comunicación impresa se debió entonces, principalmente, a los avances de las nuevas técnicas y de la tecnología informática, que entregaron al diseñador el control sobre los medios gráfi-cos de producción y reproduc-ción. Pero los cambios de estilo

La emblemáti-ca tipografía diseñada en los propios talleresde la Bauhaus.1923

. 6

estuvieron provocados, más allá de los avances de la tecnología y de los medios de comunicación, por las mudanzas en el com-portamiento de la sociedad.El diseño gráfico fue llamado a solucionar problemas de comu-nicación y acabó siendo recon-ocido por los consumidores como sinónimo de moda y buen gusto. La teoría “el medio es el mensaje”, El desarrollo de la tecnología gráfica propició el control casi absoluto del diseñador sobre la producción Desde los 60 hasta el auge de los 80, la informática permitió progresivamente que la cre-ación, la organización y el al-macenamiento de los elemen-tos gráficos se concentrasen en el ámbito controlado por el diseñador.

w o r l d wide webDurante el siglo veinte, los me-dios de comunicación adop-taron nuevas formas y cada nueva técnica desarrollada aportó al diseñador un control mayor sobre el proceso gráfico. Es innegable, pues, que en los años 90 las nuevas formas de comunicación de la era digi-tal, como es el caso del sistema

de distribución de información World Wide Web de Internet, están presentando nuevos de-safíos al diseñador y por ende al futuro del diseño gráfico. Las páginas web son en realidad documentos electrónicos con enlaces de hipertexto o hiper-media que posibilitan la naveg-ación virtual por las informa-ciones disponibles en Internet.Hasta 1993, la tarea de crear una página Web estuvo reservada a los técnicos en informática que sabían manejar las etiquetas y códigos HTML (Hypertext Markup Language / Lenguaje de Marcas de Hipertexto), nec-

esarios para la composición de los elementos de presentación visual. En verdad, la WWW es un nuevo y complejo campo para el diseño gráfico. Su par-ticular arquitectura y las múlti-ples posibilidades de añadir imágenes móviles en animación o en vídeo, fotos, gráficos y tex-tos en un ambiente inter-activo, exigen un estudio de diseño gráfico mucho más profundo, porque al revés que el grafismo impreso, aún no ha habido tiempo para establecer patrones estables para la reci-ente interfaz gráfica de la Red.

Mapa 3D de laWorld Wide Web

. 7

29.06CLASE 1LENGUAJECOMPUTACIONAL

“La libertad de un diseñadorcomienza cuando tenemosclaros los límites” J.B.

¿Cómo hacemos para llevarlas noticias a un medio impreso?En este caso es conocer a que publico esta dirigido

el diario, eso definirá que temas queremos abordar y el diseño que el diario tendra.Para entender el proceso productivo de la priori im-prenta permite enteder el diseño actual, gutember por ejem-plo las letras actuales tienen directa relacion con la made-

ra. En la priori imprenta las letras eran puestas en un encuadre de madera, algo asi como una caja.Al ver la diagramacion de una pagina se puede ver la geometria que ya habia sidopensada con la invención de la imprenta.-La era de Gutember fueron

portadas de periodicos

tarea 1Reconocer la geometria de un diario, cual es su diagramación , es un analisis gráfico.En este ejemplo se mues-tra el analisis de grafias, en busca de una escala de grises.

tipo era de Gutember caja de madera donde se calsa-ban la letras.

8.

500 años, y los aportes al diseño perduran hasta hoy.-

“Los procesos productivos van condicionando al diseño”J.B.

La portada viene a una geometria, hay que entender que el diseño de la portada de un diario no es mas im-

portante que el contenido. Enseñar a la gente a usar la tipografia.Es uno como diseñor elque propone el juego al lec-tor, al tener una estructura constante del diseño denuestro diario, se crea una imagen indentitiva del dia-rio.

El lector sabe que ese di-seño representa a ese diario y no a otro.logotipoEntra en juego el logo deldiario, que identifica el caracter del diario, puede apoyarse en imágenes tam-bien.

legibilidad en el diseñoLa consideración clave al elegir un tipo de texto en la diagramación de un diario es su legibilidad. Por legibilidad entendemos la facilidad con la que las palabras pueden leerse cómodamente, a una velocidad normal de lec-tura.Ejemplos de comparaciones de tipo de letras y texto en funcion de la legibilidad: .con serif- sin serif . caja alta - caja baja.tamaño del tipoChristofer Perfect, Tipografía

Quad City TimesIowa, EEUU.diario elegido para el es-

tudio gráfico.

9.

05.07CLASE 2LENGUAJECOMPUTACIONAL

“El diseño es ductil a la infor-macion”Modelo aditivo RGBRojo,verde, azul tiende hacia la luz plena, es el color usado para las pan-tallas como dice su nombre,los colores se dan por la su-ma de estos tres colores.

Modelo sustractivo CMYK cian, magenta, amarillo más ki( seria el negro)es una cuatricromiaeste modelo de color es elque se usa para todo lo que es impresión. Tratar de cali-brar el color de la pantalla al perfil de color de la impre-sora es algo muy complicado ya que estos dos trabajan

con dos modelos de colores diferentes.Tono continuo imagen digitalizada, un original de tono continuo está formado por un número de variable de tonos intermedios en-tre blanco y negro ya sean imágenes monocromáticas opolicromáticas.Tramas de semitono

color e impresión

tarea 2Luego de la primera tarea, donde se hizo un analisis gráfico de la portada de un diario, con ese mismo analisis se hace una reproducción de la por-tada.

Modelo RGB

10.

Tinta negra escala de grises1 a 100. Postcrpit adobe pérmite hacer traducciones de ima-genes y tipografias.tramas: como se cier-ran y abren los cuatro tonos dispuestos en puntos, esto se llama punto de roseta ya que la disposición de puntos describe una figura geomé-

trica hexagonal),llamado ángulo de trama, donde ca-da color básico de selección(CMYK), posee un ángulo particular,que permite,al en-trecruzarse todas las retícu-las, la formación de la roseta. Su función es, por ilusión óptica fundir tales puntos en la retina del ojo para que se pueda apreciar “tonos” y no

“puntos”. Tinta plana TpEs una tinta sin puntos la tinta es traslucida y acuosa,la sumatoria de colores, poreso muchas ocurre un efectollamado trappingque es cuando dos tintas sejuntan imagenes que se im-primen. relaciondas con su soporte, ppi.

Modelo CMYK

efecto moiréLa superposición de dos o más patrones de dibu-jos repetitivos (las tramas de semitono lo son) suelen pro-ducir la aparición de un nuevo patrón repetitivo no de-seado. A este molesto y muy evidente patrón se le llama con el galicismo aceptado de muaré (en francés moirè).En impresión, el muaré se evita ante todo con la vari-ación de ángulos de trama y con la superposición ac-ertada de esas tramas para que formen un pequeño mo-tivo llamado roseta y mediante el uso de tramas estocásticas.

11.

El color es la sensación produ-cida por los rayos luminosos al impresionar los órganos visu-ales (ojos) en función de la lon-gitud de onda.

La descripción RGB (del in-glés Red, Green, Blue; “rojo, verde, azul”) de un color hace referencia a la composición del color en términos de la inten-sidad de los colores primarios con que se forma: el rojo, el verde y el azul. Este espacio es el adecuado para representar imágenes que serán mostradas en monitores de computadora o que serán impresas en impre-soras de papel fotográfico.

Las imágenes RGB utili-zan tres colores para repro-ducir en pantalla hasta 16,7 millones de colores. RGB es el modo por defecto para

las imágenes de Photoshop. Los monitores de or-denador muestran siem-pre los colores con el modelo RGB. Esto significa que al trabajar con modos de color diferentes, como CMYK, Photoshop convierte tem-poralmente los datos a RGB para su visualización. Para indicar con qué pro-porción mezclamos cada color, se asigna un valor a cada uno de los colores pri-marios, de manera, por ejem-plo, el valor 0 significa que no interviene en la mezcla, y a medida que ese valor au-menta, se entiende que aporta más intensidad a la mezcla. El modo RGB asigna un

valor de intensidad a cada píxel que oscile entre 0 ( negro) y 255 ( blanco) para cada uno de los componen-tes RGB de una imagen en color. Por ejemplo, un color rojo brillante podría tener un valor R de 246, un valor G de 20 y un valor B de 50. El rojo más brillante que se puede conseguir es el R: 255, G: 0, B: 0. Cuando los valores de los tres componentes son idénticos, se obtiene un matiz de gris. Si el valor de todos los componentes es de 255, el resultado será blanco puro y será negro puro si todos los componentes tienen un valor 0. Este espacio de color tiene su representación en el selec-tor de color de Photoshop.

M O D E LO R G B

. 12

R G B

Modo de color CMYKEl modelo CMYK se basa en la cualidad de absorber y rechazar luz de los objetos. Si un objeto es rojo esto sig-nifica que el mismo absorbe todas las componentes de la luz exceptuando la compo-nente roja. Los colores sus-tractivos ( CMY) y los aditivos ( RGB) son colores complementarios. Cada par de colores sustractivos crea un color aditivo y viceversa.

En el modo CMYK de Photoshop, a cada píxel se le asigna un valor de porcentaje para las tintas de cuatri-

cromía. Los colores más claros ( iluminados) tienen un porcentaje pequeño de tinta, mientras que los más oscuros ( sombras) tienen porcentajes mayores. Por ejemplo, un rojo brillante podría tener 2% de cyan, 93% de magenta, 90% de amarillo y 0% de negro. En las imágenes CMYK, el blanco puro se gen-

M O D E LO C M Y K

era si los cuatro componen-tes tienen valores del 0%. Se utiliza el modo CMYK en la preparación de imágenes que se van a imprimir en cu-alquier sistema de impresión de tintas. Aunque CMYK es un modelo de color estándar, puede variar el rango exacto de los colores representados, dependiendo de la imprenta y las condiciones de impresión.

C M Y K .13

13.07CLASE 3LENGUAJECOMPUTACIONAL

IndesignPara tener una imagen en undocumento .idd hay que crear un vínculo entre esta imagen y el archivo de la imagen, no es llegar y copiar.Tener la costumbre de hacer una carpeta nueva para la tar-ea, y dentro de ella crear una

carpeta para las imagenes, y también para las fuentes.El problema típico del dise-ñador es usar tipografías y no tener un respaldo, tener el archivo de la fuente guardado en un carpeta y al llevar el archivo a la imprenta se encuentra con que la tipo-grafia no es reconocida por el

procesos e neditorial sistema.Esto mismo suele ocurrir con las imagenes si uno no tiene una carpeta, estas al ser abi-ertas en otro computador se pueden perder. Todo este procedimiento servirá para poder realizar la próxima tarea. Esta es una tarea continua,

Realización de una bita-cora,, algo asi como un cuaderno de registro digital de todas las clases. Esta bitacora se basa en un geometría de pagina ba-sada en 1/3 de la pagina.

tarea 3

14.

un trabajo alimentado pe-riodicamente en el tiempo. Es una bitácora digi-tal se indentifican las clases abstract. se trata de tal cosa dibujos textos, etc. ubicar en algun lugar las cosas que se descubren. En un PDF y un .idd a la mano se trae orga-nizada la informacion que se

tiene.tips and t r i c k sCtrl + D placeCtrl + T ventana de caracterCtrl + N nuevo documentoCtrl + C copiarCtrl + X cortarCrtl + V pegar

V herramienta de selecciónA Herramienta de selección directa.T textoN herramienta lineaF herramienta marco rectangularR herramienta girar

imagen vectorialPara evitar los defectos y pérdidas de imagen que se producen en la imágenes tipo bitmap, las imágenes compuestas por líneas, figuras planas y textos se pueden guardar como imá-genes vectoriales donde los elementos gráficos se forman utili-zando vectores. La principal ventaja de las imágenes vecto-riales es su capacidad de almacenar los dibujos en un archivo muy compacto, ya que sólo se requiere la información necesaria para generar cada uno de los vectores. Los vectores pueden definir algunas propiedades de los objetos como el grosor de la línea o incluso el color de relleno de los objetos.

imagen vectorial

15.

El gráfico Rasterizado es también llamado mapa de bits o bitmap. Un gráfico o imagen rasterizada es un fichero de datos que repre-senta una matriz de píxeles (puntos de colores) denomi-nada raster. En esta ma-triz el color de cada píxel es definido individualmente.

Los gráficos rasterizados al ser ampliados comienzan a pixelizarse, o sea, se agrandan los elementos constituyentes del gráfico, y pierden calidad. En cambio los gráficos vectoriales pu-eden ampliarse sin límites.

Los gráficos rasterizados son útiles para imágenes fotográ-ficas, las cuales no pueden ser representadas por vectores.

La calidad de las imágenes rasterizadas es determi-nada por el total de píxeles que poseen (resolución) y la cantidad de información en cada píxel (generalmente lla-mada profundidad de color).

compresiónLos gráficos rasterizados (mapa bit) necesitan ser

Un método para representar imágenes gráficas es a través de mapa de bits o gráfico ras-terizado, en donde la ima-gen está compuesta por una matriz de puntos (píxeles).

comprimidos porque suelen necesitar muchos da-tos para poder almacenar imágenes de alta calidad. Al-gunas técnicas de compre-sión, para lograr un tamaño menor, sacrifican información de la imagen para lograr su objetivo. Esto hace que la imagen pierda calidad y que esta no pueda ser recuperada.

BITMAPGRÁFICO R A S T E R I Z A D O

16.

IMAGENVECTORIAL

(Gráficos de vector, gráficos orientado a objetos (object-oriented graphics), SVG) Se refiere al uso de fórmulas geométricas para represen-tar imágenes por software y hardware. Esto significa que los gráficos vectoriales son creados con primitivas geométricas como pun-tos, líneas, curvas o polígonos.

Las imágenes vectoriales son más flexibles que las de mapa de bits porque pueden ser re-dimensionadas y extendidas sin perder calidad. Incluso la animación por gráficos vec-toriales suele ser más sen-cilla y ocupar menos espacio que las de gráficos de mapa de bits. Otra ventaja de los

Los gráficos vectoriales al-macenan la in f o rmac ión en fórmulas matemáticas.

gráficos vectoriales es que su representación suele requerir menos memoria y menos es-pacio de almacenamiento.

La mayoría de los sistemas gráficos sofisticados (CADD y software de animación) utilizan gráficos por vector. Las fuentes son representa-das como vectores llamadas fuentes orientadas a objetos o fuentes de vectores. La mayoría de los dis-positivos de salida (im-presoras, monitores, demás) están basados en imágenes por puntos, esto significa que todos los gráficos vectoriales deben ser convertidos a un mapa de bits antes de su salida.Ha de destacarse que las fotografías no pueden alma-

cenarse vectorialmente, pero sí existen programas traza-dores de imágenes que in-tentan llevar las imágenes de mapa de bits hacia gráficos vectoriales. El resultado es una imagen tipo dibujo animado.En tanto, aquellas imágenes que contienen texto (por ejemplo un texto escaneado), pueden convertirse a gráfi-cos vectoriales y así hacer el texto editable. Estos siste-mas son llamados OCR.El flash, las fuentes, los gráficos en 3D, etc. uti-lizan gráficos vectoriales.Algunos de los formatos grá-ficos que aceptan vectores son AI (de Illustrator), CDR (de Corel Draw), DXF (formato de intercambio de AutoCad)

17.

Continuando con los gráficos digitales, acontinuación los modos de color, que es la cantidad máxima de colo-res de la paleta de un mapa de bits. El modo de color expresa la cantidad máxima de datos de color que se pu-eden almacenar en un determinado formato de archivo gráfico. Podemos considerar el modo de color como el contenedor en que colocamos la información sobre cada píxel de una imagen...

Modo Bit Map o monocromático Correspondiente a una profundidad de color de 1 bit, ofrece una imagen mono-cromática formada exclusiva-mente por los colores blanco y negro puros, sin tonos intermedios entre ellos.Para convertir una imagen a modo monocromático hay que pasarla antes a modo escala de grises.En este modo no es posible trabajar con capas ni filtros.

Modo Escala de GrisesEste modo maneja un solo canal (el negro) para trabajar con imágenes mono-

cromáticas de 256 tonos de gris, entre el blanco y el negro.El tono de gris de cada píxel se puede obtener bien asignándole un valor de brillo que va de 0 (negro) a 255 (blanco), bien como por-centajes de tinta negra (0% es igual a blanco y 100% es igual a negro). Las imágenes produ-cidas con escáneres en blanco y negro o en escala de grises se visualizan normalmente en el modo escala de grises.

El modo Escala de Grises admite cualquier formato de grabación, y salvo las funciones de aplicación de color, todas las herramien-tas de los programas grá-ficos funcionan de la misma manera a como lo hacen

con otras imágenes de color.Si se convierte una imagen modo de color a un modo Escala de Grises y después se guarda y se cierra, sus valores de luminosidad permanecerán intactos, pero la información de col-or no podrá recuperarse.

MODOSD EC O L O R

modo escala de grises18.

Modo Color IndexadoDenominado así porque tiene un solo canal de color (in-dexado) de 8 bits, por lo que sólo se puede obtener con él un máximo de 256 colores.En este modo, la gama de colores de la imagen se adecua a una paleta con un número restringido de el-los, por lo que puede resultar útil para trabajar con algunos formatos que sólo admiten la paleta de colores del sistema.

También resulta útil reducir una imágenes a color 8 bits para su utilización en apli-caciones multimedia, ya que con ello se consiguen ficheros de menos peso.

Su principal inconvenien-te es que la mayoría de las imágenes del mundo real se componen de más de 256 colores. Además, aunque admite efectos artísticos de color, muchas de las herra-mientas de los principales programas gráficos no es-tán operativas con una

paleta de colores tan limitada.

Modo Color R G B

Modo Color C M Y K

Modo Color L a b Consiste en tres canales, cada uno de los cuales con-tiene hasta 256 tonalidades diferentes: un canal L de Luminosidad y dos canales cromáticos, A (que oscila entre verde y rojo) y B (que oscila entre azul y amarillo). El componente de luminosidad L va de 0 (negro) a 100 (blanco). Los componentes A (eje rojo-verde) y B (eje azul-amarillo) van de +120 a El modelo de color Lab se basa en el modelo pro-puesto en 1931 por la CIE (Commission Internatio-nale d’Eclairage) como es-tándar internacional para medir el color. En 1976,este modelo se perfeccionó y

...Así, podemos guardar una cantidad pequeña de da-tos de color en un contenedor muy grande, pero no po-dremos almacenar una gran cantidad de datos de color en un contenedor muy pequeño.Los principales modos de color utilizados en aplicaciones gráficas son:

color indexado 19.

se denominó CIE Lab. El color Lab es indepen-diente del dispositivo, creando colores coherentes con independencia de los dispositivos concretos para crear o reproducir la imagen (monitores, impresoras, etc.).

Este modo permite cambiar la luminosidad de una imagen sin alterar los valores de tono y saturación del color, siendo adecuado para trans-ferir imágenes de unos siste-mas a otros, pues los valores

cromáticos se mantienen independientes del disposi-tivo de salida de la imagen.

Color Lab. M a y o r l u m i n o s i d a dSe usa sobre todo para traba-jar en imágenes Photo CD o para modificar la lumi-nancia y los valores del color de una imagen inde-pendientemente. También se puede usar el modo Lab

para conservar la fidelidad del color al trasladar archi-

vos entre sistemas y para imprimir en impresoras de PostScript de Nivel 2. Sólo las impresoras Post-Script de nivel 2 puede re-producir esta imágenes. Para impresiones normales, se recomienda pasar las imá-genes a RGB o a CMYK.

Modo Color D u o t o n oModo de color que trabaja con imágenes en escala de grises, a las que se le pu-

color lab

color Lab mayor luminosidad

20.

eden añadir tintas planas (3 para cada imagen, más el ne-gro), con el fin de colorear distintas gamas de grises. Sólo posee un canal de color (Duotono, Trito-no o Cuatritono, dependi-endo del número de tintas).

Con este método podemos obtener fotos en blanco y negro viradas al color que queramos. Suele ser em-pleado en impresión, donde se usan dos o más plan-chas para añadir riqueza y profundidad tonal a una imagen de escala de grises.El problema que presenta este modo es que en los duotonos,

tritonos y cuadritonos sólo hay un canal, por lo que no es posible tratar cada tinta de forma distinta según las zonas de la imagen. Es decir, no podemos hacer una zona en la que solo haya, por ejem-plo, un parche cuadrado de tinta roja, mientras que en el resto sólo hay una imagen de semitono en blanco y negro.

Modo ColorM u l t i c a n a lPosee múltiples canales de 256 niveles de grises, descom-poniendo la imagen en tan-tos canales alfa como canales de color tuviera el original

(una imagen RGB quedará descompuesta en 3 canales y una CMYK en 4 canales). En este modo, cada tinta es un canal que a la hora de imprimir se superpon-drá en el orden que deter-minemos sobre los otros. Por ello, es posible tratar cada zona de forma particularizada. Se utiliza en determinadas situaciones de impresión en escala de grises. También, para ensamblar cana-les individuales de diversas imágenes antes de convertir la nueva imagen a un modo de color, pues los canales de color de tinta plana se con-servan si se convierte una imagen a modo multicanal.

Al convertir una imagen en color a multicanal, la nueva información de es-cala de grises se basa en los valores de color de los píx-eles de cada canal. Si la ima-gen estaba en modo CMYK, el modo multicanal crea ca-nales de tinta plana cian, magenta, amarilla y negra. Si estaba en modo RGB, se crean canales de tinta plana cian, magenta y amarilla.

modelo de color duotono

21.

20.07CLASE 4LENGUAJECOMPUTACIONAL

“El diseñador debe tener la capacidad de relacionar”A.M

Para la diagramación hay que observar distintas jerar-quias, descubrir distintos el-ementos , tener la capacidad de relacionar.

Definir un formato mas como libro, tener en cuenta las imágen , notas a lo largo, buscar el dramatismo de una imágen. Tratar de usar más las imágenes.Recopilación en la bitacora.índice.paginación.portadillas:

Lo que más destaca del texto. de la imagen.de la i m a g e n Toda imagen tiene un for-mato, esto depende , del programa en donde se este trabajando la imagen o el formato que uno eliga darle.

tarea 4Busqueda de el formato definitivo de la bitacora. D i n a m i s -mo tanto en el tex-to como en en el diseño.Uso de iamgenes q hagan visual lo que aprendimod

diagramación de bitácora

22.

Esto se puede definir como formato nativo, que como definición seria el for-mato propio que el programa le da a la imagen.la imagen digital también puede clasificarse de dos formas: imagen de bitmap (mapabit) o imagen vecto-rial (.ai) El mapabit trabaja

con píxeles que son los portadores de la informacion gráfica (color,etc,) de la ima-gen es como una tejido.Distintos formatos de ima-gen bitmap:.tiff: guarda toda la infor-macion de la imagen sin comprimir,es deuna alta cali-dad, se usa para diarios que

requieren una mejor resolu-cion jpg/jpeg: se comprime la in-formacion dela imágen..pns.psd (photoshop).gif: toma colores como de una paleta de finida..eps: es un formato que so-porta iamgenes de birmap o vectoriales.

el pixelEl píxel (del inglés picture element, es decir, “elemento de la imagen”) es la menor unidad en la que se descompone una imagen digital, ya sea una fotografía, un fotograma de vídeo o un gráfico. Al ampliar fuertemente una imagen digital (zoom), por ejemplo en la pantalla de un ordenador, pueden observarse los píxeles que componen la imagen. Los píxeles aparecen como pequeños cuadrados en color, en blan-co o en negro, o en matices de gris. Las imágenes se forman como una matriz rectangular de píxeles, donde cada píxel forma un punto diminuto en la imagen total. 23.

BMP(.bmp)Profundidad del color:· 1 (Mapa de bits)· 4-8 bits (Escala grises)· 8 bits (Color Indexado)· 24 bits(RGB)

Modos de color:· Modos RGB· Color Indexado,· Escala de Grises,· Mapa de Bits

Canales alfa: NOCompresión: NO (excepto en 4 y 8 bits)Notas acerca del formato: · Formato estandar IBM PC,· Uso: fondo escritorio, o imagenes sencillas de hasta 256 colores

GIF(.gif)Graphics Interchange FormatProfundidad del color:· 8 bits (256 colores)

Modos de color:

· Compuserve GIF: Mapa de bitsEscala de grises Color indexado· GIF89a (GIF Animado): Color IndexadoRGB

Canales alfa: NOCompresión: SI (LZW)Notas acerca del formato: · Creado por Compuserve en 1987· Graficos color indexado· Posibilidad visualización entrelazada (aparición gradual)· Transparencia y Ani-mación· Uso: Internet

PICT (.pct; .pic)Profundidad del color: . RGB: 16/32 bits· Escala Grises: 2,4, 8 bitsModos de color:· Mapa de bits (sin canalaes Alfa)· Escala de grises· Color Indexado

· RGB (1 canal)Canales alfa: SI (1)Compresión: SI (sin pérdi das) (con QuicTime: 4 opcio- nes para JPEG)Notas acerca del formato:· Estándar de Macintosh· Bueno para compresión imágenes con área color sólidoUso: Transferencia de grá-ficos entre aplicaciones

JPEG(.jpg; .jpe)Joint Photographic Ex-pert GroupProfundidad del color:24 bits

Modos de color:· Escala de grises· RGB· CMYK

Canales alfa: NOCompresión: SI: diversas calidades (con pérdidas)Notas acerca del formato:

Nota: El sistema de color tricromático (red, green, blue, (RGB)) en imagen digital, conserva cada uno de sus componentes en un canal por separado y la adición de los colores primarios en cada pixel, crea el espectro visible. El canal alfa o “alpha chan-nel”, se refiere a un cuarto canal usualmente de 8 bits, interpretado por el sistema gráfico como una transparencia en diferentes grados de tal forma que sobrepuesto con un color tendrá el efecto de mezcla.

TIPOSFORMATOS DEIMAGEN

24.

· Junto con GIF y PNG es el formato de Internet para gráficos y fotografias.· Formato de color ver-dadero en el que no se produce pérdida de color, anque si se comprime SI, pues se eliminan datos.Uso:fotografías Internet

PHOTOSHOP (.psd)Profundidad del color:32 bits

Modos de color:· Admite todos los Modos de Color· Canal Alfa y de Tintas Planas· Guïas, trazados· Capas de ajuste, de texto, efectos capa

Canales alfa: SI (varios)Compresión: NONotas acerca del formato:· Propio de Adobe Photo-

shop· Guarda capas y seleccio-nes (canales)Uso: Creación y Trata-miento Imagen

TARGA (.tga; .vda;.icb;.vst)Profundidad del color:16, 24 y 32 bits Modos de color:· Escala Grises,· Colorindexado,· RGB (16 y 24 bits sin ca-nales alfa);· RGB de 32 bits (un solo canal alfa)Canales alfa: Si (1) Compresión: NONotas acerca del formato: Uso: Exportación a edición profesional Video

PNG(.png)Portable Networks GraphicsProfundidad del color:24 bitsModos de color:· Mapa de bits· Escala Grises,· Color Indexado,· RGB

Canales alfa:· Mapa de bits ( 0 canal)· Escala Grises, (1 canal)· Color Indexado (0 canal),

· RGB (1 canal)Compresión: SI sin pérdidasNotas acerca del formato:· Mayor capacidad de al-macenamiento y capaci-dades que el GIF· Genera transparencias de fondo sin bordes dentados· No muy extendido, con el tiempo sustiirá al GIF· Uso: Internet

TIF(.tif)Tag Image File FormatProfundidad del color:32 bits

Modos de color:·Mapa de bits sin canales Alfa· Escala de Grises con ca-nales Alfa y archivos Lab· Color Indexado· RGB con canales Alfa y archivos Lab· · · CMYK

Canales alfa: SICompresión: SI (LZW)Notas acerca del formato:· Desarrollado por Aldus Corporation.· Reconocido por casi todos los programas de Pintura y Vectorización·· Compatible IBM PC y MacUso: Imprenta e intercam-bio de archivos

LZW (Lempel-ZivWelch) es un algoritmo de com-presión sin pérdida

25.

Problema en el traspaso de un archivo desde un formato a otroAunque en el documento se usaron colores CMYK, sorprendentemente el fichero PDF re-sultante contiene definiciones de colores en RGB.SolucionesEn primer lugar, comprueba los parámetros (settings) de Distiller y asegurate de que la opción “convertir todos los colores a RGB” está desactivada. Comprueba también qué PPD se usó para crear el PDF (o el fichero PostScript original). Debes usar preferentemente el PPD de Distiller que viene con tu Acrobat. Algunas aplicaciones, como FrameMaker o PageMaker usan el espacio de color por omisión (default colour space) que viene en el PPD. En el PPD de Acrobat 4, ese espacio de color por omisión es CMYK. Desgraciadamente, el espacio de color por omisión que venía con Acrobat 3 era el RGB. Una aplicación como PageMaker 6.5.2 respetará este valor y cambiará los valores CMYK usados en los rellenos. Para resolver este problema, se debe:

27.07CLASE 5LENGUAJECOMPUTACIONAL

26.

Investigación y desarrolloInternet es un modelo edito-rial. Adobe Abrobat salvar en PDF.La fortma de tener un archi-vo PDF con una información muy rica y sin perdida de ella

es trabajando con los archi-vos postscript, luego de im-primir el archivo en un for-mato PDF.postscript modela-miento de la trama.comportamiento colome-trico .ppdperfiles de im-

presión traduccio elec-tronica de los perfiles con una valorización colometrica de lo que imprime.distillersetttings estandar para PDF abrobat 5 pdf 1.4

true typecopia de window para las

Abrir el PPD en un editor de texto como BBEdit (Macintosh), el Bloc de notas (Windows) o similar.Buscar la línea donde pone: DefaultColorSpace: RGBCambiarla por: *DefaultColorSpace: CMYKGuardar el PPD.Volver a crear el fichero PDF.

En FrameMaker para Macintosh, las imágenes CMYK se pueden convertir a RGB si no se asignan parámetros correctos a Acrobat Distiller. En Distiller 4.x hay que asegurarse de que la opción “Dejar color intacto” está activada en el menú “Opciones de trabajo - Color”. En Distiller 3.x, asegurate de que la opción “Convertir las imágenes CMYK a RGB” está 27.

fuentes de Mac (postscript)p o s t s c r i p t son tipografías vectoriales, a base de logartimos matemati-cos.vector escalamiento sin

deformar ni pixelar la imagen

Vector linea, dirección determinada

Investigar acerca de las tipo-grafia true type y postcript

matemáticas, mediante vec-tores (ángulos, escribir recta de x, y...). Eso permite aumen-tarlas o reducirlas a placer sin perder calidad. Se dividen básicamente en tres tipos:F u e n t e s P o s t S c r i p t . Son, como su nombre indica, un sistema de describir fuen-tes incluido en el lenguaje PostScript (vectores). Básica-mente son las llamadas “Tipo 1,2 y 3”. Son lo más extendido

Básicamente las fuentes ele-trónicas se dividen en 2 cat-egorías: Fuentes de mapa de bits y fuentes de contorno.

Fuentes de mapa de bits. Son conjuntos de letras descritas mediante matrices de puntos. Para el tamaño al que fueron destinadas pu-eden dar un resultado “acept-able” a la hora de imprimir (generalmente van de 5 pts. hasta máximo 36 o 48 pts.). Por ejemplo, en cuanto deci-das aumentarlas, los puntos de la matriz pierden su for-ma y se ven “pixeleadas”).Fuentes de c o n t o r n o . Son letras que logran su forma a base de operaciones

y usual en artes gráficas profe-sionales. Se suelen componer de dos ficheros, uno ellos es la “maletita o suitcase” que contiene la fuente y el otro es el del archivo de la impresora o “outlines”. Las versiones para Mac y para PC no son compatibles (lo que compli-ca mucho la vida de los fo-tomecánicos y diseñadores).F u e n t e s True Type. Como el sistema PostScript 28.

TIPOSDE FUENTESTRUE TYPEP O S T C R I P T

F u e n t e postscript

es propiedad de la empresa Adobe, otras firmas (Apple y Microsoft) intentaron sacar un estándar de fuentes de contorno alternativo a las fuentes PostScript. Las True Type son compatibles entre mac y PC, pero como mu-chas de ellas estan muy mal realizadas y las versiones an-tiguas de PostScript tenían problemas con ellas, han to-mado muy mala fama (in-merecidamente) entre algu-nos profesionales del sector.F u e n t e s Open Type. Son el presente/futuro. Son compatibles entre Mac y PC. Admiten muchos más carác-teres, sobre todo especiales (ligaturas, etc...). Nacen de un desarrollo conjunto de los principales fabricantes y fir-mas relacionadas con el sector. OpenType es una tec-nología de tipos desar-rollada entre Adobe yMicrosoft, que combina las tecnologías PostScript Tipo 1 de Adobe y TrueType de Apple. Según las espe-cificaciones de Microsoft son multiplataforma y fun-cionan tanto en Windows como en Mac. No son muy

populares todavía. Va a pasar algún antes de que puedan ser utilizadas extensamente por proveedores, diseñadores y negocios de pre-prensa.

¿Cómo se diferencia una TrueType de una Post-Script de pantalla y de una PostScript de impresora?

Las PostScript tienen en su icono de pantalla una única letra “A” mientras las True Type (que solo constan de un archivo similar al de pan-talla Postscript), contienen varias AAAs de diferen-tes tamaños que hacen ref-

erencia a su escalabilidad.

Pero ojo, esto de los diferen-tes iconos de pantalla sirve para el Mac OS 9.x y ante-riores. En el sistema 10.x pu-eden aparecer ambos tipos de pantalla con el mismo icono. El archivo de impresora de los Postscript (las Truetype no tienen) no se puede alo-jar en maletas y su icono de-pende del fabricante, además de caracterizarse porque su nombre está abreviado (p. ej. Helvebolobl que sería el ar-chivo relativo al de pantalla Helvetica Bold Oblique).

29.

ejemplo del archivo de letra opentype