Bitácora Digital LC1

L C 1

BITACORA

DI

GITAL

Camila Vargas Thiermann

Índice bitácora digital

Clase 1 Gutenberg............................................1-2

Clase 2 Color e Impresión.................................3-4

Clase 3 Adobe InDesign....................................5

Clase 4 Formatos de fotos.................................6

Clase 5 Postscript y Truetype.............................7-9

Clase 6 Importancia del contenido.................10

Clase 7 Revista WIRED......................................11-12

L C 1

C l a s e n ú m e r o 1Viernes 29 de junio

La primera clase del trimestre comenzó con la corrección de las tareas que se habían dado previamente en una pequeña clase de innauguración al ramo. Cada alumno analizó graficamente una portada de un diario extranjero. Algunos alumnos presentaron su tar-ea delante de todos, lo que dió lugar a aportes del profesor sobre el cómo están hechas las portadas. Aprendimos que están diagram-adas según columnas y el número mayor de columnas que se ven en una portada lista, corresponde al número de columnas que se utilizó para diagramar toda la portada. Se usan distintas tipografías según la formalidad del diario y a que público va dirigido éste. Los diarios formales se usan las letras con serif y los más informales, sin serif

Hablamos sobre G u t e n b e r g , ya que toda la diagramación de preprensa digital para ser impresa en grande; el llevar las noticias a un medio digital; todo lo que vemos en prensa tiene que ver con lo que pensaba Gutenberg. Artesanos hacían timbres de madera; las letras y estas eran lu-ego impresas con tinta . Debido a esto hoy en día hay mu-chas letras ligadas a las propiedades de la madera, como es el caso de las letras con Serif. Se les hacía más fácil tallar-las con serif y este estilo de tipografía permanece hasta hoy.

LA LIBERTAD DEL DISEÑADOR COMIENZA CUANDO ESTE CONOCE LOS LÍMITESsomos parte de un proceso productivo. En el diseño se propone un juego al lec-tor; un orden de lectura de las cosas. El dis-eño se comunica con los lados emocionales, pero el contenido también es fundamental. D ISEÑAMOS PARA COMUNICAR UN CONTENIDO

PELOS. se llama pelos a aquellas líneas que se pueden ver entre los tex-tos de las páginas del diario. Esto viene de la era de Gutenberg, �uando �uando tenían que ha�er �alzar las letras en los listones, para luego imprimirlas, En los bordes quedaban líneas mar�adas, als que luego se utilizan para separar textos distintos

FILETE. líneas que divi-den, al igual que los pe-los, pero más an�has. Se en�uentran, en la ma-yoría de los �asos bajo el nombre del diario.

BARRAS LATERALES. En el borde de las páginas de diario apare�e mu�has ve�es una �olumna delgada �on una noti�ia de menos importan�ia. Estas son las barras laterales.

TARGET. Es el públi�o al �ual va dirigido el produ�to.

HEADER. Parte superior de la página.

BODY. parte del medio de la página.

FOOTER. la parte inferior de la página

DATOS y PALABRAS CLAVES

1

Tipografía con serif (serif en rojo)

Tipografía sin serif

Detalle de la Biblia de Gutenberg

1 2E n c a r g o : a n a l i z a r u n a p o r t a d a g r á f i c a m e n t e

C l a s e n ú m e r o 2Viernes 5 de julioC l a s e n ú m e r o 2Viernes 5 de julio

Algunos alumnos exponen sus tareas y Jorge hace una clase sobre:

COLOR E IMPRESIÓNP r o p i e d a d e s d e l c o l o r

ColorModelo aditivo: RGB (red, green and blue), tiende al blanco; luz plena. Se usan en el mundo electrónico(pantallas).Modelo sustractivo: CMYK (Cuatricromía). Colores cyan, magenta, yellow y key color: negro.) Área de tono continuo: Las imágenes digitalizadas son las de tono con-tinuo; por ej: al escanear una imagen, esta se transforma en area de tono continuo.Tramas de semitono: escalas de grises de una imagen (blanco y negro). El color gris, solo es una ilusión. La cantidad de negro que se aplique determina el tono.TintaLa aplicación de la tinta depende de que color se quiere obtener, este es asig-nado por la cantidad de tinta o el ángulo en que se encuentren los pigmentosTinta plana se llama la que ocupa el 100% del espacio. Cuando el área esta conformado por solo un porcentaje de tinta, se llama trama.Los ángulos de la trama pueden ser de 0º o de 45º.Separación de coloresPor cada color hay una película, en todas las películas esta el negro de registro, el cual queda impreso en todas las planchas, este tiene toda la información de las planchasReserva o sobreimpresiónLa tintas son aguosas, por lo tanto se mezclan. Para evitar esto, se hacen dos películas: una con el texto, y otra con el fondo, por ej.. Entonces en ese caso si el texto es mas claro, se le hace un calado a la película mas oscura, para que así coincidan las letras mas claras con el calado, y se conservan los colo-res exactos, ya que sin el calado se produciría una alteración de los colores.

GARCÍA. Famoso diseñador que aportó en...Mer�urio de Stgo.: le sa�ó una tira inne�esaria; el 18% de pa-pel.Mer�urio de Valpo.:�ambió el formato a uno más angosto y alargado.

CRUZ DE CALCE. Mar�as que indi�an dónde �ortar la página.

LA MEJOR IMPRESIÓN. En Singapur ha�en las mejores impresiones; utilizan o�ho �olo-res, lo �ual le da más expresivi-dad a lo impreso.

TRAMA VIVA(EFECTO MOIRÉ). Cuando se ve la trama en la imagen.

PPI,DPI. Número de puntos individuales de tinta que la im-presora puede produ�ir en un espa�io de pulgada.

TRAPPING. Grado de a�ep-ta�ión de una tinta sobre otra impresa anteriormente.

PAPEL BIOBIO. Papel de diario. Tiene menor dpi, ya que es de baja �alidad, po esto no se pueden apre�iar los detalles de las imágenes.

PAPEL COUCHE. Aguanta hasta unos 300 dpi.


3

modelo aditivo (RGB) modelo sustractivo (CMYK)

DPI.PPIUna imagen de 10×10 pix-eles de una pantallanador necesita más de 10×10 puntos impresos para ser re-producida con fidelidad, debido a las limitaciones de tinta de las impresoras

4E n c a r g o : r e h a c e r u n a p o r t a d a e n I n D e s i g n

C l a s e n ú m e r o 3Viernes 13 de julio

Se exponen algunas tareas y Adolfo hace una clase sobre el uso de:

A d o b e I n D e s i g n . Cada uno tiene que tener dentro de la carpe-ta del taller, otra carpeta llamada: imágenes, donde estén todas las imágenes del archivo, aparte. -Al abrir InDesign, se define el número de pági-nas y su tamaño, también la cantidad de columnas.-Antes de empezar hay que salvar el documento.-El tamaño de la imagen tiene que venir listo desde Photo-shop, ya que en InDesign no se puede modificar el tamaño.-Imágenes con vínculos: Es la imagen que se guarda fuera del ar-chivo en el que está, y se vincula a él para que no pese demasiado. M i t a r e a

E n c a r g o : C o m e n z a r u n a b i t á c o r a d i g i t a l c o n l a s c l a s e s .

COPIAR. Ctrl+C

CORTAR. Ctrl+X

PEGAR. Ctrl+V

PDF. Comprime la infor-ma�ión


5


E n c a r g o : C o n t i n u a r c o n l a b i t á c o r a .

PDS. do�umento de Photo-shop.

PNG. do�umento de Firework.

EPS. Postsript en�apsulado

PNG. Portable Network Graphi�s

JPG. Joint photographi� experts group

TIFF. Tagged image file format

GIF. Graphi�s inter�hange format


Adolfo nos entrega las primeras evaluaciones . Nos dice lo bueno y lo malo de las primeras tareas.Clase sobre los distintos

F o r m a t o s d e F o t o s Imagenes digitales se dividen en:BITMAP. Es la foto construída con retícula, es decir, pixeles. Son aquellas provenientes de la cámara digital, escaneadas, etc.VECTORES. Son las imágenes trazadas, dibujadas. Son para hacer líneas segmentadas, logotipos, etc. Se guardan en formato ai (Illustrator)

Los programas consrtuyen sus fotos de manera nativa, es decir, como un archivo propio. el programa supone que se va a guardar en ej: PSD, pero el formato se puede cambiar.

FORMATOSt i f f . es un formato de fichero para imágenes que contiene además de los datos de la imagen, etiquetas en las que se archiva info. sobre las características de la imagen, que sirve para su tratamiento posterior

e p s . es un formato de archivo gráfico que incluyen una previsualización del contenido para mostrar en pantalla. La idea es permitir una visualización simple del resultado final en cualquier aplicación que pueda dibujar un mapa de bits. A grandes rasgos, convierte esa previsualización en espacios vectriales para poder realizar el diseño gráfico del documento.

p s d . formato que guarda una imagen como un grupo de capas, métodos de fusión, colo-res, textos, máscaras, canales de color, canales alfa, trazados, forma, configuración de tonos.

p n g . Solventa las desiciencias del formato gif y permite almacenar imágenes con una mayor profundidad de color y otros importantes datos.

j p g . Comprime imágenes con 24 bits de profundidad o en escala de grises. Solo trata imágenes fijas.

g i f . Formato gráfico para imágenes y animaciones, sin pérdida de calidad.

6


Jorge corrige algunas tareas y surgen dudas sobre la

calibración de pantalla

¿ P o r q u é c a l i b r a r l a p a n t a l l a ?Una composición gráfica puede verse con diferentes to-nalidades dependiendo de la configuración del moni-tor. Tenemos que calibrar el monitor para que el aspec-to de nuestra obra sea el mismo en todos los ordenadores.

Calibrar un monitor es ponerlo en un funcionamiento óptimo, elim-inar cualquier matiz de color que pueda tener al representar los tonos neutros (grises), y conseguir que represente lo mejor posible los detalles de las imágenes en las zonas oscuras (sombras) y en las más claras (luces), al tiempo que representa los tonos medios como tales, sin que sean demasiado oscuros o demasiado claros.

Ademas, se construye un fichero llamado “perfil de color (ICC)” que describe internamente cómo representa el col-or ese aparato. Eso permite usar lo que se llama un siste-ma de administración o gestión del color (colour manage-ment), que a su vez permite tratar el color de forma fiable.

Calibrar una pantalla es conseguir que represente el color de forma que lo que se vea sea realmente lo que hay. Eso evita las sorpresas al pasar los trabajos al papel o, simple-mente, a otro ordenador.

7

ARCH.VECTORIAL. tiene dire��ion que permite �errar imágenes.

TIPOGRAF. VECTORIAL son �onstruídos por algoritmos matemáti�os.

VECTOR. Es una línea �on punto de partida y de llegada

PDL. Page Des�ription Lan-guage

CURVAS de BÉZIER. sistema que se desarrolló para el trazado de dibujos té�ni�os, en el diseño aeronáuti�o y de automóviles


8

Ajustes de brillo

Ajustes de contraste

Ajustes de tono

E n c a r g o : I n v e s t i g a r s o b r e e l m u n d o P o s t s c r i p t y T r u e t y p e .

True typeLa tecnología True Type fue desarrollada por Apple y luego Microsoft con el objetivo de frenar el predominio que en este ámbito estaba alcanzando la tecnología PostScript de Adobe. Microsoft Windows 3.1, la versión apa-recida a finales de 1991 incluía un programa de escalado de tipos de letra capaz de gestionar estas fuentes.Las fuentes True Type son fuentes vectoriales, de alta calidad que emplean funciones cuadráticas y son más rápidas en su procesamiento que las Post-Scripts, pero ocupan más memoria. La tecnología TrueType incorpora el gestor de tipos en el propio sistema operativo a partir de Windows 3.1 y de Apple System 7.0.Los archivos de contorno de fuente True Type adquieren la extensión .ttf y al cargar la fuente, el gestor de tipos de Windows crea un fichero .fot.Las letras en el formato True Type se describen mediante curvas definidas por funciones cuadráticas. Luego se convierten en un bitmap preciso para cualquier cuerpo. Esta información es parte de la fuente misma.

PostS�riptEs un Lenguaje de Descripción de Página, PDL, utillizado en muchas im-presoras y como formato de transporte de archivos gráficos en talleres de impresión profesional. 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. También implementó notablemente la composición de imágenes, que consiste de un conjunto de líneas horizontales, pixeles, descripciones por curvas de Bezier y tipografía de alta calidad a baja reso-lución. Anteriormente se creía que tipografías de mapa de bits mejoradas manualmente eran requeridas para esta tarea.PostScript también ha encontrado aplicaciones distintas de la impresión en papel, como es el caso de DPS. Esta es una extensión de PostScript y fue utilizado como sistema gráfico 2D .

9

T r u e t y p e & P o s t s c r i p t

C l a s e n ú m e r o 6Viernes 3 de agosto

Se corrigen algunas tareas y luego Jorge habla sobre

diseñoL a i m p o r t a n c i a d e l c o n t e n i d o

Sin contenido no podemos diseñar. Tenemos que ordenar éste primero. Esto es fundamental en el diseño. El como se organizan los contenidos, la escencia del diseño está en la ARQUITECTURA DE INFORMACIÓN. Un diseñador tiene que enriquecer lo que el cliente le está dando, para que así esto llame la atención y sea nuevo e interesante para el lector. Es necesaria la comprensión del contenido determinado para poder lucirlo de una manera deter-minada. La diagramación tiene un rol fundamental en todo esto, ya que el contenido es transversal y la diagramación decide si hay viveza, ritmos. El diseño permite que el contenido luzca de manera dis-tinta en distintos dispositivos.

E n - 10

CHARACTER STYLE. op�ión de InDesign para definir tamaños, �olores, propiedades de las letras


n E n c a r g o : L e v a n t a m i e n t o d e l a r e v i s t a W I R E D .

C l a s e n ú m e r o 7Viernes 10 de agosto

Se exponen algunas tareas y se habla sobre la revista:

W I R E D Wired es una revista mensual y un sitio web, wired.com, actualizado a diario.La palabra inglesa Wired se traduce al español como cableado o cableada lo cual tenía gran sentido en el año de fundación de la revista, ya que las computadoras dependían exclusivamente de cables para conectarse entre sus componentes como el monitor, el ratón, el teclado, la impresora, etc, a pesar de que en la era actual del desarrollo de los equipos electrónicos ya es una realidad el uso de aparatos sin cables, a pesar de eso la revista conserva su nom-bre e irónicamente ya publicó, al menos un número especial, al que tituló Unwired (sin cables) festinando la evolución en este sentido.

Por otra parte, desde sus primeros números la revista ha tenido especial cuidado en valorar el desarrollo del internet y ha real-izado un mapa mundial donde explícitamente valora a los países conectados (wired) al internet o desconectados (unwired).

Wired pretende reflejar la manera en que la tecnología afecta la cultura, a la educación, a la economía y a la política del mundo.

WIRED. revista de innova�ión, la �ual no sería lo mismo sin el diseño, ya que en su �aso “el medio es el mensaje”

PUBLICIDAD DE WIRED. La publi�idad en esta revista o�upa un 37,5 % de sus pági-nas.


11

Uno de los dos índices de la revista

Una publicidad de la revista

E n c a r g o : C o n s t r u í r l a r e v i s t a d e l a e s c u e l a . 12

Portada de la revista

Documents

Bitácora Digital LC1