Macarena Goles Gompertz

Lenguaje Computacional 1

bitácoraLC1

Índice

Clase 1 Gutenber y el periódico________________________________1Clase 2 a. Colores aditivos y sustractivos________________________2 b. Semitono y cuatricromía____________________________ 3 c. Tintas y trapping___________________________________4Clase 3 Uso de InDesing___________________________________ 5Clase 4 Bitácora, Imágen e InDesing____________________________6

Clase 5 Perfiles de Color______________________________________7

Tarea PostScript___________________________________________8 TrueType____________________________________________9

Clase 6 Arquitectura de Información ___________________________11

Clase 7

Luego de hacer una investiga-ción y profundización sobre las portadas de algunos diarios in-ternacionales, disertamos sobre los descubrimientos hechos por cada cual en la investigación.

Al ir exponiendo el tema de los periodicos y su geometría sale un nuevo término; pelos.Pelos es una línea recta delgada que separa una noticia de otra, en téminos básicos, pero su existencia nació hace años.

La era “Gutemberiana”

Los pelos o plecas nace en la “era Gutenberiana” gracias a un sistema de tipo móviles que se insertaban en cajas de metal o madera, el resultado de la página final sería el negativo de aquella página te tipos, los filetes y ple-cas o pelos eran utilizados para separar secciones, para tener un mejor resultado visual .

29.06.07

ProducciónGutenberg

Tipos MóvilesPelos, Plecas

Términos:Heather-CabezaBody-CuerpoFootter-PieTarget-blanco,dirigido a un público específico.Lynotipe-maquina que hacia oraciones de tipos (de plomo)Grilla-estructura básica

Próxima tarea:Construir un diario sobre su base geométrica.

1

El Periódico y Gutenberg

En esta clase vimos los colores y su forma de impresión.

1.R G B (red, green and blue), colores primarios.Estos son los colores aditivos, tienden hacia la luz plenaPodriamos decir que son los colo-res del mundo electrónico, como pantallas, televisión, monitores, etc.

2.CMYK (cian, magenta, yellow,

key color -black- )Estos son los colores sustracti-vos. Son los que se utilizan en los metodos de impresión. Su calidad varía según la tecnología de im-presión que exista.

•Colores Visibles, rango de vi-sibilidad. Las pantallas no captan todos los colores por una razón de economía y rangos visuales, en la pantalla se encuentran los colores justos.

06.07.07

RGBaditivos

CMYKsustractivos

Colores Visibles

Términos:RGB - red, green, blueCMYK - cian, magenta, ye-llow, key color (black)

a

22

Colores Aditivos y Sustractivos

•Tramas semitono.Gamas de grises-negros-, la tra-ma es de puntos y están ordena-dos en un ángulo específico. En el caso de las tramas cuatricromías cada color posee un ángulo espe-cífico y así se van yuxtaponiendo colores, este fenómeno es co-nocido por el nombre de Roseta (posee una forma floral). Al variar los ángulos de los colores, se su-perponen las tramas de colores y se le conoce como efecto Moiré.

•Tinta Plana, la tinta plana es aquella que no posee puntos (dpi), es 100% tinta. Se expresa en porcentaje.

•Orden de Impresión por color1. cian2. magenta3. amarillo4. negro

Post Script, tecnología Adove traduce imágenes y tipografías para mandar a una imprentaPara mandar una imagen se debe separar por películas (son 5 en to-tal, parecen radiografías), es aquí donde las cruces de calce son de gran importancia para que todas calcen Películas:• cian• magenta• amarillo• negro• negro registro

06.07.07

SemitonoTinta PlanaImpresiónPost Script

Películas

Términos:Roseta - Yuxtaposición de colores, su forma es como una flor, por eso el nombreTinta Plana - 100% tinta, sin trama punteada

b

33

Semitonos y Cutricromía

•Tintas Translucidas Acuo-sasComparten algunas característi-cas de la acuarela, son transluci-das y se suman capas para formar nuevos colore.Para que un color sea “puro” se debe calar el color en el cual iría superpuesto, esto se hace para que los colores no se sumen.

•Trapping (revelado)Requiere una técnica aprendi-da por práctica para hacer calzar perfectamente los colores, al no calzar se superponen tonos, for-

mando nuevos colores.•Resolución de una imagenPpi – points per inchDpi - dots per inchEl soporte determina de impresión. Por ejemplo un diario no soporta una calidad de más de 150 ppi el papel (bio-bio) no es un papel es-pecial para imágenes, una tapa de revista llega atener 300 ppi.

Lineatura o frecuencia de tra-mas, linea 100 es lo normal se po-dría comparar con los hilos de una sabana, que configuran el total.

06.07.07

Tintas Acuosascolor “puro”

Trappingppi, dpi

lineatura

Términos:Ppi - points per inchDpi - dots per inch

Próxima tarea:Construir un diario sobre su base geométrica.

c

44

Tintas y Trapping

En esta clase revisamos algunas de las tareas entregadas en día anterior, había que realizar una ré-plica del diario anteriormente elegi-do para la primera tarea, la réplica era a base de su geometría. Pa-ralelamente había que realizar en un archivo .pdf un seguimiento de todos los pasos realizados para replicar el diario escogido. Con esta tarea surgieron dudas sobre el InDesing (en este pro-grama se realizaba la tarea). En clases con la ayuda del datashow aclaramos algunas dudas y vimos los usos básicos del programa,

que nos facilita la construcción de esta bitácora digital.

Importación de imágenesLa imagen no se puede copiar y pegar directamente a InDesing, primero se debe crear un recua-dro donde insertar la imagen, lue-go se inserta la imagen (que mide lo mismo que el recuadro don-de será insertada). Este proceso hace que el archivo .indd sea más liviano, cosa muy importante al lle-var a una imprenta.

13.07.07

InDesingImportación

Imágen

Términos:Bitacora - Libro l en que se lleva la cuenta y razón, o en que se escriben algunas noti-cias, ordenanzas o instruccio-nes

Próxima tarea:Construir una Bitácora digital en InDesing de las clases

55

Uso de InDesing

Dieron el promedio de los dos primeros trabajos, fue el término de una primera etapa; la prensa y “su reproducción”. Mi prome-dio fue de 5,5. Luego de dar las notas mostra-ron los trabajos más destaca-dos, como también los que tu-vieron una gran oscilación entre primera y segunda nota. Al término de algunas presen-taciones se comenzó a mostrar las bitácoras digitales hechas en InDesing. Cada bitácora tenía ciertas co-rrecciones por ejemplo en la mía faltaba algún título que die-ra indicio a de lo que se trataba la clase. También me fije que el cuerpo de mi letra era muy pe-queño de 10 lo agrandé a 11, visualmente hay un gran cambio, de un bloque negro solidó pasó a uno más gris. Al titulas mis páginas quería ha-cerlo en un estilo transparente, no sabía como hacerlo, bus-

cando encontré la opción para transparentar objetos y fuentes (Ventana-Transparencia). Den-tro de esa misma opción se en-cuentran otras más como color, degradado y contorno.

Imágenes y Formatos

.psd = photoshop, el programa lo guarda, “supone”, automática-mente..png = fireworks.tiff = no comprime los “puntos” (ppi, dpi), la información es pe-sada, posee mucho detalle y la imagen es de buena resolución. Bueno para revistas.jpg = formato de compresión para la web.gif =.

Imágenes digitales • Bitmap (8, 16)• Vectores (ejm pinceles de photoshop)

Bitácora, Imágen e InDesing20.07.07

BitácoraTransparenciaFormatos de

imágenes

Tips:Para transparentar, degradar, cambiar color y contornear en InDesing buscar en la parte superior VENTANA

6

Revisando algunas bitácoras sur-gieron dudas del color y a base de esas dudas surgió el tema de la clase, los perfiles del color.

Calibración de una pantalla.Las gamas de colores son dife-rentes para cada programa. Por ejemplo al hacer una imagen en PS y pasarlo a IND, los colores que originalmente veía en PS pier-den su viveza y se tornan opacos, para que eso no suceda hay que configurar los programas y la pan-talla para que trabajen en la misma gama de colores.

Al hacer un archivo con imágenes y pasarlo a PDF, la calidad del ima-gen baja automáticamente, igual que la del color, para hacer el ar-chivo menos pesado.

La calidad de una imagen esta sujeta directamente a los recursos que tenemos y la configuración que le damos a estos.

PostScript

- Imprime Películas- impresora virtual- PostSrcipt conjuga la im-presora con el papel y la impreso-ra de películas

Tipografía -PostScript -TrueTypeLa tipografía es vectorial, es de-cir posee dirección, son archivos construidos con algoritmos mate-máticos. Al escalarse no se defor-man ni pixelan (así trabaja IND con la tipografía y formas.)

Perfiles de Color26.07.07

PantallaColor

PostScriptTipografía

En Singapur se especializan en los perfiles de color.Adobe Distiller – Acrobat 5.0 (PDF 1.4)PDF-PostScript-DistillerPREFLY – lectura de archivos PS, ve sus erroresMac – atributos gráficos

7

Diario la Época (diario de oposición)Los Fotógrafos Hoppe presentaban una denuncia política en una foto. En una época donde no se podía expresar libremente ingeniaron una forma de mostrar su protesta de forma gráfica. Sus fotos estaban trabajadas en un alto contraste.

Próxima Tarea:Averiguar del mundo PostScrip y TrueType

PostScript es un Lenguaje de Descripción de Página*, utilli-zado en muchas impresoras y como formato de transporte de archivos gráficos en talleres de impresión profesional.

PostScript se diferenció por uti-lizar un lenguaje de programa-ción completo, en vez de una serie de secuencias de escapes de bajo nivel, para describir una imagen para que sea impresa en una impresora láser o algún otro dispositivo de salida. También implementó la composi-ción de imágenes, que consiste de un conjunto de líneas horizon-tales, pixeles al vuelo, descrip-ciones por curvas de Bezier y ti-pografía (fuentes) de alta calidad a baja resolución (e.g. 300 pun-tos por pulgada). Anteriormente

se creía que tipografías de mapa de bits mejoradas manualmente eran requeridas para esta tarea.PostScript también ha encontra-do aplicaciones distintas de la impresión en papel, como es el caso de Display PostScript. DPS es una extensión de PostScript y fue utilizado como sistema grá-fico 2D en el sistema operativo NEXTSTEP. Quartz, de Mac OS X, es un sistema similar que uti-liza PDF.

Ghostscript es una implemen-tación abierta de un intérprete compatible con PostScript.Otro tipo lenguaje de descrip-ción de página para impresoras es PCL. Es más ligero pero con menos posibilidades que PostS-cript

PostScript

PostScriptDescripcióm de Página

GhostScript

(PDF es otro lenguaje de descripción de páginas y es derivado de PostScript, pero más simple y liviano).

8

*Lenguaje de descripción de páginas es un lenguaje que ciertas impresoras pueden interpretar directamente. Describen el formato de la página y la colocación del tex-to y elementos dentro de las mismas para conseguir una impresión fiable.

PostScript Bitmap

La tecnología True Type fue desa-rrollada por Apple y Microsoft con el objetivo de frenar el predominio que en este ámbito estaba alcan-zando la tecnología PostScript de Adobe. Microsoft Windows 3.1, la versión aparecida a finales de 1991 incluía un programa de es-calado de tipos de letra capaz de gestionar estas fuentes.

Las fuentes True Type son fuentes vectoriales, pero no PostScript, de alta calidad que emplean funcio-nes cuadráticas, más rápidas en su procesamiento que las PostS-cripts, aunque ocupan más canti-dad de memoria y contiene hints para la mejora de la visualización a

bajas resoluciones. La tecnología TrueType incorpora el gestor de tipos en el propio sistema opera-tivo a partir de Windows 3.1 y de Apple System 7.0.

Las letras en el formato True Type se describen mediantes curvas definidas por funciones cuadráti-cas. Un rasterizador los convierte en el bitmap preciso para cual-quier cuerpo. Para mantener una cualidad adecuada. Incluso en las resoluciones más bajas los con-tornos se ajustan a la retícula de salida antes de la rasterización. Esta información es parte de la fuente misma.

True Type

True TypeTipografía

BitmapVectores

9

TrueType Bitmap

Posee un conjunto extenso y flexi-ble de instrucciones para la ade-cuación a la retícula que deja sitio de sobra a los desarrolladores y fabricantes de fuentes para incor-porar su propia tecnología de es-calado del mismo modo que pue-de incorporar datos adicionales a la fuente en un momento posterior. Dentro del archivo la información se agrupa en bloques diferencia-dos. Por ejemplo, la información para la rasterización del carácter se almacena en una tabla deno-minada Glyph Data Table, glyf.

Las curvas en este tipo de fuentes están representadas por funciones cudráticas, series de secciones de parábola o quadratic B splines. El rasterizador de las fuentes está generalmente instalado en la ROM del dispositivo de salida o forma parte del software del driver.

El aspecto más destacado es que los procedimientos de acomoda-ción del contorno pueden variar en función del fabricante que de-sarrolle cada fuente en particular. El procedimiento parece respon-der al siguiente esquema: la si-lueta del carácter es primero co-locada sobre la rejilla de salida; el rasterizador llena todos los pixeles cuyos centros entra dentro de los límites internos del contorno. En principio este procedimiento po-

dría provocar algunos dropout, a pesar de que la acomodación se realice correctamente, si se trata de cuerpos pequeños, o cuando se ha producido alguna rotación o deformación. El formato prevee procedimientos de corrección para evitar estas aberraciones se-gún el modo que los contornos entren en relación con los pixels. Estas técnicas suplementarias de-ben ser sólo aplicadas cuando se pueda producir el peligro de dro-pouts pues emplean más tiempo que proceso de rasterización sim-ple.

True Type

True TypeCurvas

AspectoRasterización

10

El contenido esta separado del diseño. Hay distintas maneras que pue-de lucir el contenido: editorial web móviles merch.

Esto es un ejemplo básico de ar-quitectura de información.

La digitalización es el fenomeno más importante para las artes gráficas en el s.xx, trajo muchos cambios en el ámbiente laboral asi como facilitó muchos proce-sos que eran muy complejos de ejecutar.

La Arquitectura de Infor-mación es la disciplina encar-gada del estudio, análisis, pla-nificación y fundamentación de la organización, disposición y

estructuración de espacios de información, y de la selección y presentación de los datos con-tenidos en los sistemas de infor-mación interactivos.esta definida como:1. El diseño estructural en entor-nos de información compartida. 2. El arte y la ciencia de organi-zar y rotular sitios web, intranets, comunidades en línea y software para promover la usabilidad y encontrabilidad.

3. Una comunidad emergente orientada a aplicar los principios del diseño y la arquitectura en el entorno digital.

Arquitectura de Información03.07.07

Arquitectura de Info.

11

diseño semántico

diseño contenido

CONT.

En un TextoSe debe tener claro cuales son las jerarquias, estan resaltan en el texto gracias a las variaciones de la tipografía (por ejemplo) Para que las cosas adquieran importancia se debe crear un JUEGO. Un juego que se rige por leyes que lo configuran.

Estilos de Textos.En InDesing como en Illustrator existe una opción que nos per-mite configurar el estilo de un pá-rrafo o de caracteres. Los medios de comunicación presentan variados estilos de texto.Por ejemplo:Revista, una entrevista: En la en-trevista el texto de las preguntas es distinto al de las respuestas.

¿Cual es el nombre del gru-po?-El grupo nuevo se llama Xe-lot, no es nuevo, pero...El texto general es la matriz ma-dre, todo lo demás esta basado en él.

Luego de pensar los contenidos se deben pensar los estilos para lograr así la jerarquía. Pero antes de ver los estilo y para hacer más eficiente el proceso de produc-ción se debe diagramar la página en la cual se trabajará.

Levantmiento de Conteni-do.Es la acción que se realiza al seleccionar toda la información para luego con aquella informa-ción hacer la arquitectura de in-formación.

Estilos

EstilosJerarquias

Levantamiento Contenido

.

Texto general

negrita tx. General -2italica

03.07.07