Cuando este toda la información de clases y tareas, podré inventar algún patron para los colores y seguir con el juego tratando de mantener las mismas reglas de un comienzo. Y el juego de la busqueda de información también (parte derecha de la hoja)
3. Índice
Clase 1
Gutenber y el periódico________________________________1
Clase 2
a. Colores aditivos y sustractivos________________________2
b. Semitono y cuatricromía____________________________ 3
c. Tintas y trapping___________________________________4
Clase 3
Uso de InDesing___________________________________ 5
Clase 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
4. El Periódico y Gutenberg
29.06.07
La era “Gutemberiana”
Luego de hacer una investiga-
ción y profundización sobre las
portadas de algunos diarios in- Los pelos o plecas nace en la
ternacionales, disertamos sobre “era Gutenberiana” gracias a un
Producción
los descubrimientos hechos por sistema de tipo móviles que se
Gutenberg
cada cual en la investigación. insertaban en cajas de metal o
Tipos Móviles
madera, el resultado de la página
Al ir exponiendo el tema de los final sería el negativo de aquella Pelos, Plecas
periodicos y su geometría sale página te tipos, los filetes y ple-
un nuevo término; pelos. cas o pelos eran utilizados para
Pelos es una línea recta delgada separar secciones, para tener un
que separa una noticia de otra, mejor resultado visual .
en téminos básicos, pero su
existencia nació hace años.
Términos:
Heather-Cabeza
Body-Cuerpo
Footter-Pie
Target-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
5. Colores Aditivos y Sustractivos a
06.07.07
En esta clase vimos los colores y key color -black- )
su forma de impresión. Estos son los colores sustracti-
vos. Son los que se utilizan en los
metodos de impresión. Su calidad
1.R G B (red, green and blue), RGB
varía según la tecnología de im-
colores primarios.
aditivos
presión que exista.
Estos son los colores aditivos,
CMYK
tienden hacia la luz plena
•Colores Visibles, rango de vi- sustractivos
Podriamos decir que son los colo-
res del mundo electrónico, como sibilidad. Las pantallas no captan Colores Visibles
pantallas, televisión, monitores, todos los colores por una razón de
etc. economía y rangos visuales, en la
pantalla se encuentran los colores
justos.
2.CMYK (cian, magenta, yellow,
Términos:
RGB - red, green, blue
CMYK - cian, magenta, ye-
llow, key color (black)
2
2
6. Semitonos y Cutricromía b
06.07.07
•Tramas semitono. •Tinta Plana, la tinta plana es
Gamas de grises-negros-, la tra- aquella que no posee puntos
ma es de puntos y están ordena- (dpi), es 100% tinta. Se expresa
dos en un ángulo específico. En el en porcentaje. Semitono
caso de las tramas cuatricromías
Tinta Plana
cada color posee un ángulo espe- •Orden de Impresión por color
Impresión
cífico y así se van yuxtaponiendo 1. cian
colores, este fenómeno es co- 2. magenta Post Script
nocido por el nombre de Roseta 3. amarillo
Películas
(posee una forma floral). Al variar 4. negro
los ángulos de los colores, se su-
perponen las tramas de colores y Post Script, tecnología Adove
se le conoce como efecto Moiré. traduce imágenes y tipografías
para mandar a una imprenta
Términos:
Para mandar una imagen se debe
Roseta - Yuxtaposición de
separar por películas (son 5 en to-
colores, su forma es como una
tal, parecen radiografías), es aquí
flor, por eso el nombre
donde las cruces de calce son de
Tinta Plana - 100% tinta, sin
gran importancia para que todas
trama punteada
calcen
Películas:
• cian
• magenta
• amarillo
• negro
• negro registro
3
3
7. Tintas y Trapping c
06.07.07
•Tintas Translucidas Acuo- mando nuevos colores.
•Resolución de una imagen
sas
Ppi – points per inch
Comparten algunas característi-
Dpi - dots per inch
cas de la acuarela, son transluci- Tintas Acuosas
El soporte determina de impresión.
das y se suman capas para formar
color “puro”
Por ejemplo un diario no soporta
nuevos colore.
Trapping
una calidad de más de 150 ppi el
Para que un color sea “puro” se
ppi, dpi
papel (bio-bio) no es un papel es-
debe calar el color en el cual iría
pecial para imágenes, una tapa de
superpuesto, esto se hace para lineatura
revista llega atener 300 ppi.
que los colores no se sumen.
Lineatura o frecuencia de tra-
•Trapping (revelado)
mas, linea 100 es lo normal se po-
Requiere una técnica aprendi-
dría comparar con los hilos de una
da por práctica para hacer calzar Términos:
sabana, que configuran el total.
perfectamente los colores, al no Ppi - points per inch
calzar se superponen tonos, for-
Dpi - dots per inch
Próxima tarea:
Construir un diario sobre su base
geométrica.
4
4
8. Uso de InDesing
13.07.07
En esta clase revisamos algunas que nos facilita la construcción de
de las tareas entregadas en día esta bitácora digital.
anterior, había que realizar una ré-
plica del diario anteriormente elegi- Importación de imágenes
do para la primera tarea, la réplica InDesing
La imagen no se puede copiar y
era a base de su geometría. Pa- pegar directamente a InDesing, Importación
ralelamente había que realizar en primero se debe crear un recua-
Imágen
un archivo .pdf un seguimiento de dro donde insertar la imagen, lue-
todos los pasos realizados para go se inserta la imagen (que mide
replicar el diario escogido. lo mismo que el recuadro don-
Con esta tarea surgieron dudas de será insertada). Este proceso
sobre el InDesing (en este pro- hace que el archivo .indd sea más
grama se realizaba la tarea). En liviano, cosa muy importante al lle-
clases con la ayuda del datashow var a una imprenta.
Términos:
aclaramos algunas dudas y vimos
Bitacora - Libro l en que se
los usos básicos del programa,
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
5
5
9. Bitácora, Imágen e InDesing
20.07.07
Dieron el promedio de los dos cando encontré la opción para
primeros trabajos, fue el término transparentar objetos y fuentes
de una primera etapa; la prensa (Ventana-Transparencia). Den-
y “su reproducción”. Mi prome- tro de esa misma opción se en-
Bitácora
dio fue de 5,5. cuentran otras más como color,
Transparencia
Luego de dar las notas mostra- degradado y contorno.
Formatos de
ron los trabajos más destaca-
dos, como también los que tu- Imágenes y Formatos imágenes
vieron una gran oscilación entre
primera y segunda nota. .psd = photoshop, el programa
Al término de algunas presen- lo guarda, “supone”, automática-
taciones se comenzó a mostrar mente.
las bitácoras digitales hechas en .png = fireworks
InDesing. .tiff = no comprime los “puntos”
Tips:
Cada bitácora tenía ciertas co- (ppi, dpi), la información es pe-
Para transparentar, degradar,
rrecciones por ejemplo en la sada, posee mucho detalle y la
cambiar color y contornear en
mía faltaba algún título que die- imagen es de buena resolución.
InDesing buscar en la parte
ra indicio a de lo que se trataba Bueno para revistas
superior VENTANA
la clase. También me fije que el .jpg = formato de compresión
cuerpo de mi letra era muy pe- para la web
queño de 10 lo agrandé a 11, .gif =.
visualmente hay un gran cambio,
de un bloque negro solidó pasó Imágenes digitales
a uno más gris. • Bitmap (8, 16)
Al titulas mis páginas quería ha- • Vectores (ejm pinceles
cerlo en un estilo transparente, de photoshop)
no sabía como hacerlo, bus-
6
10. Perfiles de Color
26.07.07
Revisando algunas bitácoras sur- La calidad de una imagen esta
gieron dudas del color y a base de sujeta directamente a los recursos
esas dudas surgió el tema de la que tenemos y la configuración
clase, los perfiles del color. que le damos a estos.
Pantalla
Color
Calibración de una pantalla. PostScript
PostScript
Las gamas de colores son dife-
rentes para cada programa. Por - Imprime Películas Tipografía
ejemplo al hacer una imagen en - impresora virtual
PS y pasarlo a IND, los colores - PostSrcipt conjuga la im-
que originalmente veía en PS pier- presora con el papel y la impreso-
den su viveza y se tornan opacos, ra de películas
para que eso no suceda hay que
Tipografía
configurar los programas y la pan-
talla para que trabajen en la misma -PostScript
En Singapur se especializan
gama de colores. -TrueType
en los perfiles de color.
La tipografía es vectorial, es de-
Adobe Distiller – Acrobat 5.0
Al hacer un archivo con imágenes cir posee dirección, son archivos
(PDF 1.4)
y pasarlo a PDF, la calidad del ima- construidos con algoritmos mate-
PDF-PostScript-Distiller
gen baja automáticamente, igual máticos. Al escalarse no se defor-
PREFLY – lectura de archivos
que la del color, para hacer el ar- man ni pixelan (así trabaja IND con
PS, ve sus errores
chivo menos pesado. la tipografía y formas.)
Mac – atributos gráficos
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
7
11. PostScript
PostScript es un Lenguaje de se creía que tipografías de mapa
Descripción de Página*, utilli- de bits mejoradas manualmente
zado en muchas impresoras y eran requeridas para esta tarea.
como formato de transporte de PostScript también ha encontra-
PostScript
archivos gráficos en talleres de do aplicaciones distintas de la
Descripcióm de Página
impresión profesional. impresión en papel, como es el
GhostScript
caso de Display PostScript. DPS
PostScript se diferenció por uti- es una extensión de PostScript y
lizar un lenguaje de programa- fue utilizado como sistema grá-
ción completo, en vez de una fico 2D en el sistema operativo
serie de secuencias de escapes NEXTSTEP. Quartz, de Mac OS
de bajo nivel, para describir una X, es un sistema similar que uti-
imagen para que sea impresa en liza PDF.
una impresora láser o algún otro
dispositivo de salida. Ghostscript es una implemen-
(PDF es otro lenguaje de
También implementó la composi- tación abierta de un intérprete
descripción de páginas y es
ción de imágenes, que consiste compatible con PostScript.
derivado de PostScript, pero
de un conjunto de líneas horizon- Otro tipo lenguaje de descrip-
más simple y liviano).
tales, pixeles al vuelo, descrip- ción de página para impresoras
ciones por curvas de Bezier y ti- es PCL. Es más ligero pero con
pografía (fuentes) de alta calidad menos posibilidades que PostS-
a baja resolución (e.g. 300 pun- cript
tos por pulgada). Anteriormente
PostScript Bitmap
*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.
8
12. True Type
La tecnología True Type fue desa- bajas resoluciones. La tecnología
rrollada por Apple y Microsoft con TrueType incorpora el gestor de
el objetivo de frenar el predominio tipos en el propio sistema opera-
que en este ámbito estaba alcan- tivo a partir de Windows 3.1 y de
True Type
zando la tecnología PostScript de Apple System 7.0.
Tipografía
Adobe. Microsoft Windows 3.1,
Bitmap
la versión aparecida a finales de Las letras en el formato True Type
1991 incluía un programa de es- se describen mediantes curvas Vectores
calado de tipos de letra capaz de definidas por funciones cuadráti-
gestionar estas fuentes. cas. Un rasterizador los convierte
en el bitmap preciso para cual-
Las fuentes True Type son fuentes quier cuerpo. Para mantener una
vectoriales, pero no PostScript, de cualidad adecuada. Incluso en las
alta calidad que emplean funcio- resoluciones más bajas los con-
nes cuadráticas, más rápidas en tornos se ajustan a la retícula de
su procesamiento que las PostS- salida antes de la rasterización.
cripts, aunque ocupan más canti- Esta información es parte de la
dad de memoria y contiene hints fuente misma.
para la mejora de la visualización a
Bitmap
TrueType
9
13. True Type
Posee un conjunto extenso y flexi- dría provocar algunos dropout, a
ble de instrucciones para la ade- pesar de que la acomodación se
cuación a la retícula que deja sitio realice correctamente, si se trata
de sobra a los desarrolladores y de cuerpos pequeños, o cuando
True Type
fabricantes de fuentes para incor- se ha producido alguna rotación
Curvas
porar su propia tecnología de es- o deformación. El formato prevee
Aspecto
calado del mismo modo que pue- procedimientos de corrección
de incorporar datos adicionales a para evitar estas aberraciones se- Rasterización
la fuente en un momento posterior. gún el modo que los contornos
Dentro del archivo la información entren en relación con los pixels.
se agrupa en bloques diferencia- Estas técnicas suplementarias de-
dos. Por ejemplo, la información ben ser sólo aplicadas cuando se
para la rasterización del carácter pueda producir el peligro de dro-
se almacena en una tabla deno- pouts pues emplean más tiempo
minada Glyph Data Table, glyf. que proceso de rasterización sim-
ple.
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-
10
14. Arquitectura de Información
03.07.07
diseño semántico
Arquitectura de Info.
diseño contenido
El contenido esta separado del estructuración de espacios de
diseño. información, y de la selección y
Hay distintas maneras que pue- presentación de los datos con-
de lucir el contenido: tenidos en los sistemas de infor-
editorial mación interactivos.
web esta definida como:
CONT. móviles 1. El diseño estructural en entor-
merch. nos de información compartida.
Esto es un ejemplo básico de ar- 2. El arte y la ciencia de organi-
quitectura de información. zar y rotular sitios web, intranets,
comunidades en línea y software
La digitalización es el fenomeno para promover la usabilidad y
más importante para las artes encontrabilidad.
gráficas en el s.xx, trajo muchos
cambios en el ámbiente laboral 3. Una comunidad emergente
asi como facilitó muchos proce- orientada a aplicar los principios
sos que eran muy complejos de del diseño y la arquitectura en el
ejecutar. entorno digital.
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
11
15. Estilos
03.07.07
Texto general
Estilos
Jerarquias
Levantamiento
negrita tx. General -2
italica
Contenido
En un Texto ¿Cual es el nombre del gru-
po?
Se debe tener claro cuales son .
-El grupo nuevo se llama Xe-
las jerarquias, estan resaltan en
lot, no es nuevo, pero...
el texto gracias a las variaciones
El texto general es la matriz ma-
de la tipografía (por ejemplo)
dre, todo lo demás esta basado
Para que las cosas adquieran
en él.
importancia se debe crear un
JUEGO. Un juego que se rige
Luego de pensar los contenidos
por leyes que lo configuran.
se deben pensar los estilos para
lograr así la jerarquía. Pero antes
Estilos de Textos.
de ver los estilo y para hacer más
En InDesing como en Illustrator
eficiente el proceso de produc-
existe una opción que nos per-
ción se debe diagramar la página
mite configurar el estilo de un pá-
en la cual se trabajará.
rrafo o de caracteres.
Los medios de comunicación
Levantmiento de Conteni-
presentan variados estilos de
texto. do.
Por ejemplo: Es la acción que se realiza al
Revista, una entrevista: En la en- seleccionar toda la información
trevista el texto de las preguntas para luego con aquella informa-
es distinto al de las respuestas. ción hacer la arquitectura de in-
formación.