Bitáco ra

2 0 0 7

índiceClase 1 ................................. pag 5 Clase 2 ................................. pag 13Clase 3 ................................. pag 19Clase 4 ................................. pag 25Clase 5 ................................. pag 31

Clase 129 de Junio

5

Bibliografía

http://www.desarrolloweb.com

http://www.biografiasyvidas.com

http://www.centros5.pntic.mec.es

http://www.desarrolloweb.com

http://es.wikipedia.org/wiki/Imprenta

Corrección de la primera tarea que consistía en analizar la construcción de la portada de un diario que no fuera chile-no. Reconocer sus partes, tipografias con serif o sin serf, el uso del espacio de las imagenes, etc.

7

c l a s e p r i m e r a

Las informaciones de los diarios aparecen agrupa-das en secciones cuyas pá-ginas forman una a una, las piezas maestras de ese gran mosaico, múltiple y armóni-co que es el diario. La por-tada constituye la tarjeta de presentación del periódico y a través de ella, el periódico se asoma al lector e intenta llamar la atención. Ésta debe ser, por tanto, un reflejo fiel de cuanto el diario ofrece en su interior. Por esta razón los diarios han tratado de dar a esta página una configura-ción distinta a las demás. Esta primera página es muy difícil ya que se hace en el último minuto y los elementos que la componen son son siempre diferentes.

8

Con Gutenberg aparece la primera imprenta y al mismo tiempo las primeras problematicas que le ponen limites al diseño. el proceso productivo condiciona al diseño y al mismo tiempo, la libertad del diseñador comienza al aparecer sus límites, en aquel entonces eran escribas y dibujantes.

9

c l a s e p r i m e r a

Tuvo que hacer varios modelos de las mismas letras para que coinci-diesen todas con todas, en total más de 150 «tipos», imitando perfecta-mente la escritura de un manuscrito. Tenía que unir una a una las letras que sujetaba en un ingenioso soporte, mucho más rápido que el grabado en madera e infinitamente más resistente al uso. Como plancha de impresión, amoldó una vieja prensa de vino a la que sujetaba el soporte con los «tipos móviles» dejando el hueco para letras capitales y dibujos. Estos posteriormente serían añadidos me-diante el viejo sistema xilográfico y terminados de decorar manualmente.

Gutenberg, en vez de usar las habitu-ales tablillas de madera, que se desgasta-ban con el poco uso, confeccionó moldes en madera de cada una de las letras del al-fabeto y posteriormente rellenó los moldes con hierro, creando los primeros «tipos mó-viles».

La Imprenta

Pelos: Lineas que cumplen la función de separar información. texto-imagen, tex-to-texto, etc. Se usa principalmente para separar noticias. en algunos casos tam-bién se puede usar para ordenar la infor-mación y crear una distribución limpia del espacio gráfico.

Header: es el encabezado del diario. Acá aparece la información como el nombre, fecha o información que por lo general no tiene que ver con las noticias.

Body: Es el espacio gráfico donde se muestra el desarrollo de la s noticias con todo lo que respecta a ellas, imágenes, titulos, etc.

Footer: Es la columna horizontal inferior donde estan las noticias de menor impor-tancia o información del día, el obituario, el clima, etc.

Sinergia: cuando dos cosas conversan en-tre ellas.

Linotype: Fábrica de tipografías.

Conceptos

c l a s e p r i m e r a

Serif: La existencia de serif en el diario etermina a quien va dirigido, el caracter que se le da al diario y su rapidez. 10

Encargo

Tomar el diario que ya elegiste para la Tarea No.1 (si fueron varios, escoge uno de ellos) y sobre la base de la geometría y descubrimientos del Diseño que hiciste hacer una réplica del diario en un archivo de InDesign. Debes ir registrando los pasos que vas dando en Indesign a través de la impresión de las pantallas e ir editandolos en otro archivo InDesign que servirá para contar cómo reprodu-ciste la Portada. Este archivo es de tamaño carta con páginas enfrentadas e incluye las imagenes y las explicaicones o descripciones que tengas a tu haber. En otro archivo InDesign debes hacer la Portada. Ambos archivos deben recibri el siguiente nombrey haz los cambio que corresponda: tunombre_portada.pdf tunombre_relato.pdf Cada archivo NO DEBE PESAR más de 1 Mb. Si los archivos pesan más de 500 Kb cada uno envíalos en dos emails separados.

c l a s e p r i m e r a

11

Clase 25 de Julio

13

Bibliografíawww.zator.com

www.isopixel.net

c l a s e s e g u n d a

Tema principal de la clase es “Color e Impresión” y las propiedades de respectivas de cada uno. Corrección del encargo.

15

Los colores que vemos en la pan-talla no son los mismos que los que vemos en una impresión o

algun trabajo de tintas o de cu-alquier tipo de colorante, ya que

estos son hechos por luces. Aquí, nuestros colores “primarios”

serían el verde, el rojo y el ama-rillo, sistema de colores llamado

RGV (Red, Green and Blue). Estos colres tienden a la luz plena. En

base a estos colores las pantallas de cualquier tipo (ya sea televisor.

etc.) puden reproducir cualquier color. Sin embargo, las pantallas

varían, por lo tanto no hay un color determinado para todas.

Color e Impresiónc l a s e s e g u n d a

16

Esta es una imágen de una pantalla digital en donde podemos ver claramente los pixeles de la pantalla. Cada elemento de la imagen, o pixel, es parte de un mosaico de muchos miles de millones de pixeles, y el brillo, tono y saturación individual de cada pixel se han definido numéri-camente.

Pixel: Se lo conoce como ”Picture elements” y equivale al grano o haluro de plata, se diferen-cian de estos últimos en que son cuadrados (en lugar de circulares) y están ordenados en co-lumnas y filas produciendo un resultado supe-rior al de los haluros, en tanto y en cuanto los diferentes elementos de captura digital, con-tribuyan a un buen nivel de resolución. A mayor cantidad de pixeles es mayor la resolución y obviamente mayor la cantidad de información tanto tonal como de detalle. Al ampliar la ima-gen se amplían también los pixeles, tal como sucede con el grano de la película fotográfica.

RGB

En cambio los colores pro-ducidos en la impresión se rigen bajo otro sistema de colores, que es el de Cian, Magenta y Amarillo (CMY). Con la convinación de estos 3 colores se puede llegar a un café muy oscuro, pero nunca negro, por lo que se le agrega un cuarto elemen-to que produce el negro ab-soluto, llamado Kee color. Con estos cuatro elementos completamos el sistema de colores llamado CMYK.

Las impresoras imprimen por capas de tra-mas de puntos de colores, primero cien, lu-ego magenta, amarillo y ultimo rojo. La su-perposicion de capas es la que crea colores deribados. Con el defecto de esto se puede producir el Trapping, que es cuando se des-calza el color desu posición o es reventado y sale de sus límites. Tambien se puede crear el efecto Moire que es cuando se cambia el angulo de las tramas.

Trapping Reventado

c l a s e s e g u n d a

CMYK

17

Esta imagen es el acercamiento de una impresión en donde vemos

como se organizan los puntos de colores para poder lograr los colores deseados. Las tramas de colores varian en el grosor de los puntos y angulo de trama

19

Clase 312 de Julio

Se ven diferentes formas en que los alumnos resolvieron la problematica de tener que reproducir la portada de un diario. Aquí nos adentramos en el uso de las herramientas de Indesign. Se comienza a experimentar con este programa ajeno a la mayoría de los alumnos

c l a s e t e r c e r a

20

Diagramación

c l a s e t e r c e r a

El espacio gráfico debe ser distribuido de tal manera que la in-formación pueda ser comunicada de forma ordenada para que el lector pueda entender el contenido de la página.Aprendemos, en ésta clase, que se pueden usar herramientas como columnas, en las que se puede distribuir el texto con facilidad.

21

Encargo

construcción de bitácora que se actualice clase por clase usando el programa Indesign. Llevar una maqueta de lo que será.

22

Clase 420 de Julio

25

c l a s e c u a r t a

Corrección de bitácoras. Se ven ejemplos de diferentes alumnos donde plantean distintas formas de hacer una bitácora. Cada uno organiza la información con diferentes soluciones gráficas.

26

c l a s e c u a r t a

Una imágen en un archivo Indesign

En esta clase aprendo a poner una imagen en un archivo Inde-sign correctamente.Primer hay que determinar el espacio gráfico que usará la ima-gen. Después de determinar su porte y posición ,se modifica la foto en el programa Photoshop donde se determina el porte de la imagen.

27

c l a s e c u a r t a

Después de determinar su porte y posición, se modifica la foto en el programa photoshop donde se determina el porte de la imagen

Luego en Indesign en la opción Place se abre la foto arreigla-da y se pone en la posición elegida

28

Encargo

Correción de bitacoras y perfeccionamiento.

27

Clase 527de Julio

29

Bibliografíahttp://es.wikipedia.org/wiki/True_type

http://es.wikipedia.org/wiki/PostScript

http://gusgsm.com/que_es_postscript

c l a s e q u i n t a

Hablamos sobre como se comportan la información con respecto al color cuando se transporta de un tipo de archivo a otro. Por ejemplo, cuando trabajamos en indesign y comprimimos la infomación en pdf suelen haber minimos cambios.

31

c l a s e q u i n t a

El compor-tamiento del color

Las pantallas y los program-as trabajan bajo esta curva de RGB. Desde aquí se pu-ede ir manipulando la gama de colores, verdes, azules, rojos, etc.

Cuando trabajamos en .indd, trabajamos bajo esta condción de colores. Pero no todos los prgramas trabajan con RGB. Cuando los pasamos a .pdf, transportamos toda la información de colores a CMYK.

32

Cuando esto ocurre, algunos colores tienden a cambiar. Ya que lo que para RGB puede ser un efecto visual, para CMYK puede ser una mancha de color. Son dos formas diferentes de pensar el color, una en base a luces y la otra en base a tintas. Otra consecuencia de esto es que el peso del archivo va a cambiar y va a ser comprimido, por lo que la calidad del trabajo disminuira.

c l a s e q u i n t a

33

Postscriptc l a s e q u i n t a

PostScript es un Lenguaje de Descripción de Página (en inglés PDL, Page Description Language), utillizado en muchas impresoras y como formato de transporte de archivos gráficos en talleres de impresión profesional.

34

PostScript se diferenció por utilizar un lenguaje de programación completo, en vez de una serie de secuencias de escapes de bajo nivel, para descri-bir una imagen para que sea impresa en una impresora láser o algún otro dispositivo de salida (en esto se parece a Emacs, que explotó un concepto interno parecido con respecto a las tareas de edición). También implementó notablemente la composición de imágenes, que consiste de un conjunto de líneas horizontales, pixeles al vuelo, descripciones por curvas de Bezier y tipografía (fuentes) de alta calidad a baja resolución (e.g. 300 puntos por pulgada). Anteriormente se creía que tipografías de mapa de bits mejoradas manualmente eran requeridas para esta tarea.

c l a s e q u i n t a

35

True Type

c l a s e q u i n t a

36

TrueType es un formato de fuente tipográfica estándar desarrollada inicialmente por Apple Computer a finales de los 1980s como competi-dor de la fuente Type 1 de Adobe, usada en PostScript. La principal fortaleza de TrueType fue que ofrecia a los diseñadores de fuentes un gran grado de control sobre la forma que sus fuentes se mostraban a diferentes tamaños.

c l a s e q u i n t a

37

Las fuentes True Type son fuentes vectoriales, pero no PostScript, de alta calidad que emplean funciones cuadráticas, más rápidas en su procesamiento que las PostScripts, aunque ocupan más cantidad de memoria y contiene hints para la mejora de la visualización a bajas resoluciones.

38

c l a s e q u i n t a

Las letras en el formato True Type se de-scriben mediantes curvas definidas por funciones cuadráticas [Véase Karow, Pe-ter. Digital Typefaces]. Un relativemente directo rasterizador ls convierte en el bit-map preciso para cualquier cuerpo. Para mantener una cualidad adecuada. incluso en las resoluciones más bajas los contor-nos se ajustan a la retícula de salida an-tes de la rasterización. Esta información es parte de la fuente misma. Posee un conjunto extenso y flexible de instruccio-nes para la adecuación a la retícula que deja sitio de sobra a los desarrolladores y fabricantes de fuentes para incorpo-rar su propia tecnología de escalado del mismo modo que puede incorporar datos adicionales a la fuente en un momento posterior. Dentro del archivo la infor-mación se agrupa en bloques diferencia-dos. Por ejemplo, la información para la rasterización del carácter se almacena en una tabla denominada Glyph Data Table, glyf.

El aspecto más destacado es que los procedimientos de acomo-dación del contorno pueden variar en función del fabricante que de-sarrolle cada fuente en particular. El procedimiento parece responder al siguiente esquema: la silueta del carácter es primero colocada sobre la rejilla de salida; el ras-terizador 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 según el modo que los contornos entren en relación con los pixels. Estas técni-cas suplementarias deben ser sólo aplicadas cuando se pueda pro-ducir el peligro de dropouts pues emplean más tiempo que proceso de rasterización simple.