SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
Macarena Goles Gompertz
bitácora
     LC1
       2007
Índice                                                       Gutenberg y Periódico


Clase 1                                                        Color e impresión
        Gutenber y el periódico                      1
Investigación                                                       Revista
        Tipos Móviles y Gutenberg                    2-3
Clase 2
                                                             Indesing y computador
      a. Colores aditivos y sustractivos             4
      b. Semitono y cuatricromía                     5
      c. Tintas y trapping                           6
Clase 3
        Uso de InDesing                              7
Clase 4
        Bitácora, Imágen e InDesing                  8
Tarea
        Formatos de Imágenes                         9-10
Clase 5
        Perfiles de Color                            11
Tarea
        PostScript                                   12
        TrueType                                     13-14
Clase 6
        Arquitectura de Información                  15
        Estilos                                      16
Tarea Clase 7
        Levantamiento de Informacion revista wired   17-18
Tarea Clase 8
        Lámina de revista de la escuela              19-22
Tarea Clase 9
        Páginas de la revista                        23-25
1
El Periódico y Gutenberg
                                                                                               29.06.07
Luego de hacer una investigación y
profundización sobre las portadas de
algunos diarios internacionales, di-                                                 Producción
sertamos sobre los descubrimientos                                                   Gutenberg
hechos por cada cual en la investiga-
                                                                                    Tipos Móviles
ción.
                                                                                    Pelos, Plecas
Al ir exponiendo el tema de los pe-
riodicos y su geometría sale un nuevo
término; pelos.                         La era “Gutemberiana”
Pelos es una línea recta delgada que
                                                                                 Términos:
separa una noticia de otra, en témi-    Los pelos o plecas nace en la “era
                                                                                 Heather-Cabeza
nos básicos, pero su existencia nació   Gutenberiana” gracias a un siste-
                                                                                 Body-Cuerpo
hace años.                              ma de tipo móviles que se inser-
                                                                                 Footter-Pie
                                        taban en cajas de metal o madera,        Target-blanco,dirigido
                                        el resultado de la página final sería    a un público específi-
                                        el negativo de aquella página te ti-     co.
                                        pos,                                     Lynotipe-maquina
                                        los filetes y plecas o pelos eran uti-   que hacia oraciones de
                                                                                 tipos (de plomo)
                                        lizados para separar secciones, para
                                                                                 Grilla-estructura bá-
                                        tener un mejor resultado visual .
                                                                                 sica




                                                                                                          4
                                                                                                          1
I
Tipos Móviles
                                                                                           29.06.07
Los primeros tipos móviles, inventados      método para fabricar los tipos. Se
por Johann Gutenberg (1397 – 1468),         trataba de grabar cada carácter en
y el tipo de letra redonda o romana que     relieve de forma inversa sobre un       Producción
le siguió en Italia, imitaban el estilo     troquel de acero que se incrusta-
                                                                                    Gutenberg
manuscrito de esos países en boga en        ba con un mazo en la terraja (una
                                                                                   Tipos Móviles
aquellos momentos.                          barra de cobre). La terraja se colo-
Aunque se sabe ahora que los chinos ya      caba en la matriz (un molde maes-
habían experimentado con tipos móvi-        tro para fundir cada letra) según
les de cerámica en el siglo XI, Guten-      un proceso llamado justificación.
berg es reconocido como el padre del        Después, la matriz se colocaba en
tipo móvil. Vivió en Maguncia, Ale-         un molde manual ajustable sobre
mania, y era orfebre de oficio, pero ad-    el que se vertía una aleación de
quirió los conocimientos técnicos so-       plomo y antimonio, y de ese modo
bre el arte de la impresión. Ya se habían   modelaba cada uno de los tipos.
hecho impresiones a partir de bloques
de madera tallados a mano muchos            Los frutos visibles de sus trabajos
años antes.                                 son la Biblia de 42 líneas, en 1445,
                                            el libro más antiguo impreso en el
En 1440 comenzó una serie de expe-          mundo occidental, aunque impri-
rimentos que, diez años después, da-        mió Indulgencia de Maguncia el
rían como resultado la invención de         año anterior, para el cual utilizo
la imprenta a partir de tipos móviles.      un estilo cursivo de la letra Gótica
Utilizó sus conocimientos sobre la tec-     llamada Bastarda.
nología y los materiales existentes –la
prensa de tornillo, las tintas a base de
aceite y el papel (un invento chino)-,
sin embargo, fue la manufactura de los
tipos a la que le dedicó gran parte de
sus esfuerzos.
Como orfebre conocía muy bien el
modelado, mezcla y fundición de me-
tales, lo que le permitió desarrollar un
                                                                                                   5
                                                                                                   2
I
Tipos Móviles
                                                                                           29.06.07
Los primeros tipos de letra redonda         zado para la impresión de Nonius
que aparecieron en Italia entre los años    Peripatetica. Desde entonces, las
1460 y 1470 estaban basados en la es-       proporciones de Jenson han servi-       Producción
critura manual humanista. Un renova-        do de inspiración para los diseños
                                                                                    Gutenberg
do interés por la minúscula carolingia,     de tipos.
                                                                                   Tipos Móviles
había provocado un refinamiento en          A pesar de que el estilo predomi-
su diseño, el resultado fue el proyecto     nante en Italia era el romano, no
final para el primer tipo romano.           era el único. Incluso Jenson con-
                                            tinuó produciendo libros en letra
Después de 1460, el liderazgo en el         gótica, al igual que muchos otros.
desarrollo de los tipos móviles pasó de     En 1483, como cosa inusual, el
Alemania a Italia, centro artístico del     alemán Erhard Ratdolt, imprimió
renacimiento. En 1465, en Subiaco,          Eusebius usando la letra gótica y la
cerca de Roma, Conrad Sweynheym y           romana en forma conjunta.
Arnold Pennartz, dos alemanes que se
habían desplazado a Italia. Influencia-
dos por el trabajo de Gunteberg, crea-
ron un tipo híbrido, mezcla de caracte-
rísticas góticas y romanas. En 1467 se
trasladaron a Roma y en 1470 habían
creado un nuevo conjunto de letras,
basados en la escritura humanista.

Mientras tanto, en Venecia, en 1469,
los hermanos da Spira, crearon otraço
tipo romano, superior al anterior. Pese
a ello, en 1470 Nicholas Jenson creó
un tipo de letra que superaba a todas
las diseñadas en la época en Italia y que
siguió perfeccionando, creando uno
nuevo seis años después y conocido
como “romana de letra blanca”, utili-
                                                                                                   6
                                                                                                   3
2
Colores Aditivos y Sustractivos
                                                                                              06.07.07
En esta clase vimos los colores y su      Estos son los colores sustractivos.
forma de impresión.                       Son los que se utilizan en los
                                          metodos de impresión. Su cali-              RGB
1.R G B (red, green and blue), colo-      dad varía según la tecnología de          aditivos
res primarios.                            impresión que exista.
                                                                                     CMYK
Estos son los colores aditivos, tienden
                                                                                 sustractivos
                                          •Colores Visibles, rango de vi-
hacia la luz plena
                                                                                Colores Visibles
Podriamos decir que son los colores       sibilidad. Las pantallas no captan
del mundo electrónico, como panta-        todos los colores por una razón de
llas, televisión, monitores, etc.         economía y rangos visuales, en la
                                          pantalla se encuentran los colores
2.CMYK (cian, magenta, yellow, key        justos.                               Términos:
color -black- )                                                                 RGB - red, green, blue
                                                                                CMYK - cian, magen-
                                                                                ta, yellow, key color
                                                                                (black)




                                                                                                        7
                                                                                                        42
2
Semitonos y Cutricromía
                                                                                               06.07.07
•Tramas semitono.                           Moiré.
                                            •Tinta Plana, la tinta plana es
Gamas de grises-negros-, la trama es de
                                            aquella que no posee puntos (dpi),
puntos y están ordenados en un ángulo                                                  Semitono
                                            es 100% tinta. Se expresa en por-
específico. En el caso de las tramas cua-                                             Tinta Plana
                                            centaje.
tricromías cada color posee un ángulo                                                 Impresión
específico y así se van yuxtaponiendo
                                                                                      Post Script
                                            •Orden de Impresión por color
colores, este fenómeno es conocido
                                                                                       Películas
                                            1.    cian
por el nombre de Roseta (posee una
                                            2.    magenta
forma floral). Al variar los ángulos de
                                            3.    amarillo
los colores, se superponen las tramas
                                            4.    negro
de colores y se le conoce como efecto
                                                                                  Términos:
                                            Post Script, tecnología Adove tra-    Roseta - Yuxtaposi-
                                            duce imágenes y tipografías para      ción de colores, su
                                            mandar a una imprenta                 forma es como una flor,
                                                                                  por eso el nombre
                                            Para mandar una imagen se debe
                                                                                  Tinta Plana - 100%
                                            separar por películas (son 5 en to-
                                                                                  tinta, sin trama pun-
                                            tal, parecen radiografías), es aquí
                                                                                  teada
                                            donde las cruces de calce son de
                                            gran importancia para que todas
                                            calcen
                                            Películas:
                                            •       cian
                                            •       magenta
                                            •       amarillo
                                            •       negro
                                            •       negro registro




                                                                                                        8
                                                                                                        5
2
Tintas y Trapping
                                                                                               06.07.07
•Tintas Translucidas Acuosas                •Resolución de una imagen
Comparten algunas características de        Ppi – points per inch
la acuarela, son translucidas y se suman    Dpi - dots per inch                   Tintas Acuosas
capas para formar nuevos colore.            El soporte determina de impresión.     color “puro”
Para que un color sea “puro” se debe        Por ejemplo un diario no soporta         Trapping
calar el color en el cual iría superpues-   una calidad de más de 150 ppi el
                                                                                      ppi, dpi
to, esto se hace para que los colores no    papel (bio-bio) no es un papel es-
                                                                                     lineatura
se sumen.                                   pecial para imágenes, una tapa de
                                            revista llega atener 300 ppi.
•Trapping (revelado)
                                            Lineatura o frecuencia de tramas,
Requiere una técnica aprendida por
práctica para hacer calzar perfectamen-     linea 100 es lo normal se podría     Términos:
te los colores, al no calzar se superpo-    comparar con los hilos de una sa-    Ppi - points per inch
nen tonos, formando nuevos colores.         bana, que configuran el total.       Dpi - dots per inch




                                                                                                         9
                                                                                                         6
3
Uso de InDesing
                                                                                                13.07.07
En esta clase revisamos algunas de las      que nos facilita la construcción de
tareas entregadas en día anterior, ha-      esta bitácora digital.
bía que realizar una réplica del diario
                                                                                       InDesing
                                            Importación de imágenes
anteriormente elegido para la primera
                                                                                     Importación
tarea, la réplica era a base de su geome-   La imagen no se puede copiar y
                                                                                        Imágen
tría. Paralelamente había que realizar      pegar directamente a InDesing,
en un archivo .pdf un seguimiento de        primero se debe crear un recuadro
todos los pasos realizados para replicar    donde insertar la imagen, luego
el diario escogido.                         se inserta la imagen (que mide lo
Con esta tarea surgieron dudas sobre        mismo que el recuadro donde será
el InDesing (en este programa se rea-       insertada). Este proceso hace que
lizaba la tarea). En clases con la ayuda    el archivo .indd sea más liviano,     Términos:
del datashow aclaramos algunas dudas        cosa muy importante al llevar a       Bitacora - Libro l en
y vimos los usos básicos del programa,      una imprenta.                         que se lleva la cuen-
                                                                                  ta y razón, o en que
                                                                                  se escriben algunas
                                                                                  noticias, ordenanzas o
                                                                                  instrucciones




                                            Próxima tarea:
                                            Construir una Bitácora digital
                                                                                                          10
                                            en InDesing de las clases
                                                                                                          7
4
Bitácora, Imágen e InDesing
                                                                                        20.07.07
                                                                                         20.07.07
Dieron el promedio de los dos pri-      guarda, “supone”, automática-
meros trabajos, fue el término de una   mente.
primera etapa; la prensa y “su repro-   .png = fireworks                        Bitácora
ducción”. Mi promedio fue de 5,5.       .tiff = no comprime los “puntos”     Transparencia
Luego de dar las notas mostraron los    (ppi, dpi), la información es pe-
                                                                              Formatos de
trabajos más destacados, como tam-      sada, posee mucho detalle y la
                                                                               imágenes
bién los que tuvieron una gran osci-    imagen es de buena resolución.
lación entre primera y segunda nota.    Bueno para revistas
Al término de algunas presentaciones    .jpg = formato de compresión
se comenzó a mostrar las bitácoras      para la web
digitales hechas en InDesing.           .gif =.
Cada bitácora tenía ciertas correc-                                         Tips:
ciones por ejemplo en la mía faltaba    Imágenes digitales                  Para transparentar,
algún título que diera indicio a de     •      Bitmap (8, 16)               degradar, cambiar
lo que se trataba la clase. También     •      Vectores (ejm pinceles       color y contornear en
                                                                            InDesing buscar en la
me fije que el cuerpo de mi letra era   de photoshop)
                                                                            parte superior VENTA-
muy pequeño de 10 lo agrandé a 11,
                                                                            NA
visualmente hay un gran cambio, de
un bloque negro solidó pasó a uno
más gris.
Al titulas mis páginas quería hacerlo
en un estilo transparente, no sabía
como hacerlo, buscando encontré la
opción para transparentar objetos y
fuentes     (Ventana-Transparencia).
Dentro de esa misma opción se en-
cuentran otras más como color, de-
gradado y contorno.

Imágenes y Formatos

.psd = photoshop, el programa lo
                                                                                               11
                                                                                                8
I
Formato de Imágenes
                                                                                         20.07.07
PNG: Portable Netword Graphics.            ma calidad.
Formato que surgió con la idea de
                                           Soportado por todos los navegado-
crear un standard de máxima calidad
                                           res.
con buen ratio de compresión y libre.                                            PNG, JPG, GIF
                                           GIF: Graphics Interchange For-
Puede soportar todas las transparecias
                                           mat.
y colores de imagen, usa una lossless
                                           Máximo de colores 256 diferentes,
compresion para reducir el tamaño de
                                           soporta animación y transferencia.
ficheros, no pierde calidad. Soporta co-
                                           Es non lossy, no pierde calidad ni
lores en 8-bit en los que alcanza ratios
                                           la imagen se ve modificada, muy
similares al gif.
                                           buen ratio de compresión.
Los navegadores lo tienen soportado,
                                           Es un formato bajo licencia, su
salvo versiones muy viejas.
                                           sustituto ideal es el PNG al sopor-
JPG: Join Picture Expert Group.            tar también los 8-bit.
Imágenes true color (color real) con
                                           Soportado por todos los navegado-
pérdida de calidad y muy buen ratio
                                           res.
de compresión. No soporta capas ni
transparencias.

Imágenes de color real se pueden com-
primir de manera muy efectiva con el
JPEG, las cámaras digitales y scaners
pueden usar este formato sin proble-
mas. Las imágenes comprimidas usan
una pérdida de calidad inteligente en
concordancia con la capacidad del ojo
humano.

No es usable para capas de un color
único, ni cuando se necesita usar máxi-
                                                                                                 12
                                                                                                 9
I
Formato de Imágenes
                                                                                         20.07.07
PNM: Es la alternativa a los gif ’s ani-   no extendidos en web, pero muy
                                           populares en sus respectivos cam-
mados (por fin!!), aunque aún está sin
                                           pos como pueden ser:
depurar el proyecto sigue incansable.                                            PNM, TIFF,   BMP,
                                                                                 PDS, SWF,    PCD,
                                           PSD de AdobePhotoshop, este te
TIFF: Tagged Image File Format.
                                                                                      PCX
                                           lo exigiran en las mayorías de im-
Uno de los formatos mas antiguos que
                                           prentas al trabajar bajo este soft-
se siguen usando todabía, TIFF es muy
                                           ware.
poderoso pero complicado formato
debido sobretodo a sus diferentes revi-
                                           SWF es un contenedor de Flash,
siones.
                                           y como tal puede tener imágenes
                                           jpg, gif, png,.. videos avi, mov,..
Soporta todas las transparencias y el
                                           o imágenes vectoriales propias de
color de tus imágenes, pero puede sur-
                                           este software que tienen la capaci-
gir pierda de información cuando lo
                                           dad de movimiento.
transformas a otro formato.

                                           PCD photo cd, clásico de los cd’s
No soportado por navegadores.
                                           de imágenes de kodak.
BMP: Windows Bitmap.
                                           PCX, algo así como BMP com-
Es utilizado por las aplicaciones Mi-
                                           primido mediante RLE, utilizado
crosofto Windows. Soporta color com-
                                           en algunas aplicaciones de la win-
pleto, pero no tiene ninguna compre-
                                           tendo (léase SO de juguete).
sión.

Algunos navegadores lo soportan, es
totalmente incompetente usarlo para
este fin.

Los no tan básicos.

Existen otros formatos muy imágenes

                                                                                               13
                                                                                               10
5
Perfiles de Color
                                                                                                        26.07.07
Revisando algunas bitácoras surgieron              directamente a los recursos que
dudas del color y a base de esas dudas             tenemos y la configuración que le
surgió el tema de la clase, los perfiles           damos a estos.                              Pantalla
del color.                                                                                      Color
                                                   PostScript
                                                                                              PostScript
Calibración de una pantalla.
                                                                                              Tipografía
Las gamas de colores son diferentes                -       Imprime Películas
para cada programa. Por ejemplo al ha-             -       impresora virtual
cer una imagen en PS y pasarlo a IND,              -       PostSrcipt conjuga la im-
los colores que originalmente veía en              presora con el papel y la impresora
PS pierden su viveza y se tornan opa-              de películas
cos, para que eso no suceda hay que                                                       En Singapur se espe-
                                                   Tipografía                             cializan en los perfiles
configurar los programas y la pantalla
                                                                                          de color.
para que trabajen en la misma gama de                      -PostScript
                                                                                          Adobe Distiller – Acro-
colores.                                                   -TrueType
                                                                                          bat 5.0 (PDF 1.4)
                                                   La tipografía es vectorial, es decir   PDF-PostScript-Disti-
Al hacer un archivo con imágenes y                 posee dirección, son archivos cons-    ller
pasarlo a PDF, la calidad del imagen               truidos con algoritmos matemá-         PREFLY – lectura de
baja automáticamente, igual que la del             ticos. Al escalarse no se deforman     archivos PS, ve sus
                                                                                          errores
color, para hacer el archivo menos pe-             ni pixelan (así trabaja IND con la
                                                                                          Mac – atributos gráfi-
sado.                                              tipografía y formas.)
                                                                                          cos
La calidad de una imagen esta sujeta



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
                                                                                                                14
                                                                                                                11
T
PostScript
                                                                                                   26.07.07
PostScript es un Lenguaje de Des-                 se creía que tipografías de mapa
cripción de Página*, utillizado en                de bits mejoradas manualmente
muchas impresoras y como formato                  eran requeridas para esta tarea.        PostScript
de transporte de archivos gráficos en             PostScript también ha encon-          Descripción de
talleres de impresión profesional.                trado aplicaciones distintas de la       Página
                                                  impresión en papel, como es el
                                                                                         GhostScript
PostScript se diferenció por uti-                 caso de Display PostScript. DPS
lizar un lenguaje de programación                 es una extensión de PostScript y
completo, en vez de una serie de                  fue utilizado como sistema grá-
secuencias de escapes de bajo nivel,              fico 2D en el sistema operativo
para describir una imagen para que                NEXTSTEP. Quartz, de Mac
sea impresa en una impresora láser o              OS X, es un sistema similar que
algún otro dispositivo de salida.                 utiliza PDF.                         (PDF es otro lengua-
También implementó la composición                                                      je de descripción de
                                                  Ghostscript es una implemen-
de imágenes, que consiste de un con-                                                   páginas y es deri-
junto de líneas horizontales, pixeles             tación abierta de un intérprete      vado de PostScript,
al vuelo, descripciones por curvas de             compatible con PostScript.           pero más simple y
                                                                                       liviano).
Bezier y tipografía (fuentes) de alta             Otro tipo lenguaje de descrip-
calidad a baja resolución (e.g. 300               ción de página para impresoras
puntos por pulgada). Anteriormente                es PCL. Es más ligero pero con




                     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-

                                                                                                          15
to y elementos dentro de las mismas para conseguir una impresión fiable.
                                                                                                         12
T
True Type
                                                                                         26.07.07
menos posibilidades que PostScript          a bajas resoluciones. La tecnología
La tecnología True Type fue desarrolla-     TrueType incorpora el gestor de
da por Apple y Microsoft con el objeti-     tipos en el propio sistema opera-     True Type
vo de frenar el predominio que en este      tivo a partir de Windows 3.1 y de     Tipografía
ámbito estaba alcanzando la tecnología      Apple System 7.0.
                                                                                    Bitmap
PostScript de Adobe. Microsoft Win-
                                                                                   Vectores
dows 3.1, la versión aparecida a finales    Las letras en el formato True Type
de 1991 incluía un programa de esca-        se describen mediantes curvas de-
lado de tipos de letra capaz de gestio-     finidas por funciones cuadráticas.
nar estas fuentes.                          Un rasterizador los convierte en
                                            el bitmap preciso para cualquier
Las fuentes True Type son fuentes vec-      cuerpo. Para mantener una cuali-
toriales, pero no PostScript, de alta ca-   dad adecuada. Incluso en las reso-
lidad que emplean funciones cuadráti-       luciones más bajas los contornos
cas, más rápidas en su procesamiento        se ajustan a la retícula de salida
que las PostScripts, aunque ocupan          antes de la rasterización. Esta in-
más cantidad de memoria y contiene          formación es parte de la fuente
hints para la mejora de la visualización    misma.




                                            Bitmap
                  TrueType




                                                                                               16
                                                                                               13
T
True Type
                                                                                            26.07.07
Posee un conjunto extenso y flexible          del contorno. En principio este
de instrucciones para la adecuación a         procedimiento podría provocar
la retícula que deja sitio de sobra a los     algunos dropout, a pesar de que        True Type
desarrolladores y fabricantes de fuentes      la acomodación se realice correc-        Curvas
para incorporar su propia tecnología de       tamente, si se trata de cuerpos pe-
                                                                                      Aspecto
escalado del mismo modo que puede             queños, o cuando se ha producido
                                                                                    Rasterización
incorporar datos adicionales a la fuen-       alguna rotación o deformación.
te en un momento posterior. Dentro            El formato prevee procedimien-
del archivo la información se agrupa          tos de corrección para evitar estas
en bloques diferenciados. Por ejemplo,        aberraciones según el modo que
la información para la rasterización del      los contornos entren en relación
carácter se almacena en una tabla de-         con los pixels. Estas técnicas su-
nominada Glyph Data Table, glyf.              plementarias deben ser sólo apli-
                                              cadas cuando se pueda producir el
Las curvas en este tipo de fuentes están      peligro de dropouts pues emplean
representadas por funciones cudráti-          más tiempo que proceso de raste-
cas, series de secciones de parábola o        rización simple.
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 acomodación del
contorno pueden variar en función del
fabricante que desarrolle cada fuente
en particular. El procedimiento pare-
ce responder al siguiente esquema: la
silueta del carácter es primero colocada
sobre la rejilla de salida; el rasterizador
llena todos los pixeles cuyos centros
entra dentro de los límites internos
                                                                                                    17
                                                                                                    14
6
Arquitectura de Información
                                                                                        03.08.07
                           diseño semántico

                                                                               Arquitectura de
                                                                                Información.
               diseño                        contenido


El contenido esta separado del dise-    ractivos.
ño.                                     esta definida como:
Hay distintas maneras que puede lu-     1. El diseño estructural en entor-
cir el contenido:                       nos de información compartida.

Esto es un ejemplo básico de arqui-     2. El arte y la ciencia de organi-
tectura de información.                 zar y rotular sitios web, intranets,
                                        comunidades en línea y software
La digitalización es el fenomeno más    para promover la usabilidad y
importante para las artes gráficas en   encontrabilidad.
el s.xx, trajo muchos cambios en el
ámbiente laboral asi como facilitó      3. Una comunidad emergente
muchos procesos que eran muy com-       orientada a aplicar los principios
plejos de ejecutar.                     del diseño y la arquitectura en el
                                        entorno digital.
La Arquitectura de Informa-
ción
 es la disciplina encargada del estu-
dio, análisis, planificación y funda-
mentación de la organización, dis-
posición y estructuración de espacios
de información, y de la selección y
presentación de los datos contenidos
en los sistemas de información inte-
                                                                                             18
                                                                                             15
6
Estilos
                                                                                           03.08.07
                                   Texto general


                                                                                       Estilos
                                                                                     Jerarquias
                   negrita                            tx. General -2
                                       italica
                                                                                   Levantamiento
                                                                                     Contenido
                                             ma Xelot, no es nuevo,
En un Texto                                  pero...
Se debe tener claro cuales son las
jerarquias, estan resaltan en el texto       El texto general es la matriz ma-
gracias a las variaciones de la tipogra-     dre, todo lo demás esta basado en
fía (por ejemplo)                            él.
Para que las cosas adquieran impor-
tancia se debe crear un JUEGO. Un            Luego de pensar los contenidos
juego que se rige por leyes que lo           se deben pensar los estilos para
configuran.                                  lograr así la jerarquía. Pero antes
                                             de ver los estilo y para hacer más
Estilos de Textos.                           eficiente el proceso de produc-
En InDesing como en Illustrator              ción se debe diagramar la página
existe una opción que nos permite            en la cual se trabajará.
configurar el estilo de un párrafo o
de caracteres.                               Levantmiento de Conteni-
Los medios de comunicación presen-           do.
tan variados estilos de texto.               Es la acción que se realiza al se-
Por ejemplo:                                 leccionar toda la infor
Revista, una entrevista: En la entre-        mación para luego con
vista el texto de las preguntas es dis-      aquella información hacer
tinto al de las respuestas.

¿Cual es el nombre del
grupo?
-El grupo nuevo se lla-
                                                                                                19
                                                                                                16
T
Levantamiento de contenido
Revista Wired                                          03.08.07

Para realizar el levantamiento de in-

                                                       7
formación de la revista Wired revisé
                                               Clase
página por página lo que en cada una
                                              Revista Wired
se encontraba: Publicidad, Noticias,
Eventos, Juegos, Entrevistas, etc.          Levantamiento de
                                               Información
Partí con la tapa; que posee una por-
tada, un lomo y una contra portada.
En la contratapa hay una punlicidad
de pagina completa, en el lomo sale el
nombre de la revista, su pagina web y
la edición, en la portada se encuentra
el titulo de la noticia, el nombre de
la revista, una bajada de titulo, fecha,
imagen, noticia central y noticias se-
cuandarias. Además la portada pre-
senta tres colores de tipografías; negro,
blanco y rojo.

Algo que también note fue que la revis-
ta estaba separada por secciones y cada
seccion tenía un tema especial a tratar
(por ejemplo computacion) y además
tenía un color que la caracterizaba.

También me di cuenta que hay distin-
tos tipos de publicidad. Como la pu-
blicidad de 3 páginas, la de 2 páginas,
la de página simple (1) y la que usa
algun porcentaje proporcionado de la
páginas (tercios, medios, etc)
                                                             20
                                                            17
T
Levantamiento de contenido
Revista Wired                                  03.08.07




                                               7
Acontinuación algunos ejemplos de
publicidad encontrados en la revista
                                       Clase
Wired anterior mente señalados.
                                       Publicidad




                                                     21
                                                    18
T
Lamina Revista Escuela
Encargo

Diseño de los contenidos de la Revista

                                                    8
y su distribución en soporte digital de
                                            Clase
una revista de papel.
                                          Entrega lámina
Construcción en programa Adobe
InDesign
Hacer una lámina 55 por 110 cms
vertical donde queden expresados los
puntos a evaluar.

Evaluación

Mapa de Contenidos
Organización y despliegue de los
contenidos
Transversalidad de los contenidos y su
visualización en Mapa
Capacidad de visualidad de los conte-
nidos en una expresión gráfica.
Bocetos
Portada
Indice
Contenido mayor (doble página)
Avisos publicitarios
Capacidad de expresión y síntesis del
proyecto




                                                        22
                                                        19
T
              8
     Clase
 Entrega Lámina
 (Imágenes extraidas
de archivo Illustrator)




                    23
                    20
T
              8
     Clase
 Entrega Lámina
 (Imágenes extraidas
de archivo Illustrator)




                    24
                    21
T
              8
     Clase
 Entrega Lámina
 (Imágenes extraidas
de archivo Illustrator)




                    25
                    22
T
Revista Escuela
re.[vista]                                 cido etc.
re ver, volver a ver

                                                                                               9
                                           Las secciones de la revista estan
                                           separadas por tema y cada sección          Clase
La revista tiene un carácter formal,
                                           posee su color. El color esta repre-
                                                                                   Entrega adelanto-
claro, agradable a cualquier edad, apto
                                           sentado por el título de la noticia o
para toda la gente que habita la escue-                                               de Revista.
                                           articulo y además con un filete al
la.                                                                                    re.[vista]
                                           lado derecho de la página, hacien-
Mantiene orden y limpieza desde la
                                           do el método de busqueda mucho
portada hasta su final. Algo que rom-
                                           más efectivo y veloz.
pe con la monotomía es una sección
llamada parántesis que trata temas más
                                           En mi revista toman bastante im-
ligeros y más dedicados a los alumnos,
                                           portancia las fotografías. Noté
no son temas directamente relaciona-
                                           que el lector posee varias lecturas
dos con las carreras, pero si con la es-
                                           de una revista, por ejemplo en mi
cuela en general, como eventos, cam-
                                           caso, primero hojeo la revista alre-
peonatos, fotos etc.
                                           ves observando solo las fotos, luego
                                           la veo al derecho y solo me deten-
La grilla se mantiene a lo largo de toda
                                           go en los articulos o fotos que ya
la revista. Se juega con las formas rec-
                                           me habian llamado la atención, y
tángulares y planas. Las fotografías va-
                                           en una tercer lectura más distante
rian en alto ancho y en su distribución
                                           observo la revista en su totalidad
haciendo que cada página posea cierta
                                           de artículos.
individualidad, sin dejar su geometría
inicial.

El texto continuo está escrito en serif,
para hacer de la lectura más legible y
fluida, mientras que los títulos o las
observaciones están escritas sin serif
para diferenciarlas ya que son de otra
índole, algunas aportan datos sobre la
noticia o hacen referencia a algo pare-
                                                                                                    26
                                                                                                    23
T
        9
Clase
 Portada
  índice




            27
            24
T
        9
Clase
 Páginas
Publicidad




             28
             25

Más contenido relacionado

Similar a Colores aditivos y sustractivos en impresión

Técnicas de impresión inicios
Técnicas de impresión iniciosTécnicas de impresión inicios
Técnicas de impresión iniciosLuis Frias
 
10 04 geraldine
10 04 geraldine10 04 geraldine
10 04 geraldine7605756
 
10 04 geraldine
10 04 geraldine10 04 geraldine
10 04 geraldine7605756
 
Apunte_4_Caligrafia_Formal_2016.pdf
Apunte_4_Caligrafia_Formal_2016.pdfApunte_4_Caligrafia_Formal_2016.pdf
Apunte_4_Caligrafia_Formal_2016.pdfFrankBorinott
 
Las imágenes a través de la historia
Las imágenes a través de la historiaLas imágenes a través de la historia
Las imágenes a través de la historiaAmparo Soto
 
Inventos de lapiz y borrador de estefania valencia (reparado)
Inventos de lapiz y borrador de estefania valencia (reparado)Inventos de lapiz y borrador de estefania valencia (reparado)
Inventos de lapiz y borrador de estefania valencia (reparado)kitilini
 
Tipografia 10 04 lorena
Tipografia 10 04 lorenaTipografia 10 04 lorena
Tipografia 10 04 lorena2798811
 
Tipografia 10 04 lorena
Tipografia 10 04 lorenaTipografia 10 04 lorena
Tipografia 10 04 lorena2798811
 
Exposición diseño
Exposición diseñoExposición diseño
Exposición diseñoUniversity
 
Construccion camiladcordova
Construccion camiladcordovaConstruccion camiladcordova
Construccion camiladcordovaCamiladcordova
 
el diseño editorial y la imprenta
el diseño editorial y la imprentael diseño editorial y la imprenta
el diseño editorial y la imprentavylward12
 

Similar a Colores aditivos y sustractivos en impresión (20)

Técnicas de impresión inicios
Técnicas de impresión iniciosTécnicas de impresión inicios
Técnicas de impresión inicios
 
10 04 geraldine
10 04 geraldine10 04 geraldine
10 04 geraldine
 
10 04 geraldine
10 04 geraldine10 04 geraldine
10 04 geraldine
 
Historia Del Grabado
Historia Del GrabadoHistoria Del Grabado
Historia Del Grabado
 
Bitacora.V.Perez
Bitacora.V.PerezBitacora.V.Perez
Bitacora.V.Perez
 
Apunte_4_Caligrafia_Formal_2016.pdf
Apunte_4_Caligrafia_Formal_2016.pdfApunte_4_Caligrafia_Formal_2016.pdf
Apunte_4_Caligrafia_Formal_2016.pdf
 
Las imágenes a través de la historia
Las imágenes a través de la historiaLas imágenes a través de la historia
Las imágenes a través de la historia
 
Inventos de lapiz y borrador de estefania valencia (reparado)
Inventos de lapiz y borrador de estefania valencia (reparado)Inventos de lapiz y borrador de estefania valencia (reparado)
Inventos de lapiz y borrador de estefania valencia (reparado)
 
Tipografia 10 04 lorena
Tipografia 10 04 lorenaTipografia 10 04 lorena
Tipografia 10 04 lorena
 
Tipografia 10 04 lorena
Tipografia 10 04 lorenaTipografia 10 04 lorena
Tipografia 10 04 lorena
 
la tipografía y sus características
la tipografía y sus característicasla tipografía y sus características
la tipografía y sus características
 
Cassandre
CassandreCassandre
Cassandre
 
Cassandre
CassandreCassandre
Cassandre
 
Clasificacion (1)
Clasificacion (1)Clasificacion (1)
Clasificacion (1)
 
Exposición diseño
Exposición diseñoExposición diseño
Exposición diseño
 
La imprenta
La imprentaLa imprenta
La imprenta
 
4 1
4 14 1
4 1
 
Construccion camiladcordova
Construccion camiladcordovaConstruccion camiladcordova
Construccion camiladcordova
 
La Pluma Estilografica
La Pluma Estilografica
La Pluma Estilografica
La Pluma Estilografica
 
el diseño editorial y la imprenta
el diseño editorial y la imprentael diseño editorial y la imprenta
el diseño editorial y la imprenta
 

Más de Macarena Goles

Más de Macarena Goles (14)

Portafolio / Portfolio
Portafolio / PortfolioPortafolio / Portfolio
Portafolio / Portfolio
 
Presentacion 3, Norman Rockwell - Gordon Matta Clark
Presentacion 3, Norman Rockwell - Gordon Matta ClarkPresentacion 3, Norman Rockwell - Gordon Matta Clark
Presentacion 3, Norman Rockwell - Gordon Matta Clark
 
Examen lc3 2009
Examen lc3 2009Examen lc3 2009
Examen lc3 2009
 
Plebisitio
PlebisitioPlebisitio
Plebisitio
 
Bonos Al Móvil
Bonos Al MóvilBonos Al Móvil
Bonos Al Móvil
 
IsapreVida Tres Benchmark
IsapreVida Tres BenchmarkIsapreVida Tres Benchmark
IsapreVida Tres Benchmark
 
Celulares y sus NO estándares
Celulares y sus NO estándaresCelulares y sus NO estándares
Celulares y sus NO estándares
 
La Caja Chica
La Caja ChicaLa Caja Chica
La Caja Chica
 
imagen digital 1
imagen digital 1imagen digital 1
imagen digital 1
 
Mgoles Revista Escuela
Mgoles Revista EscuelaMgoles Revista Escuela
Mgoles Revista Escuela
 
M Goles Bitacora lc1
M Goles Bitacora lc1M Goles Bitacora lc1
M Goles Bitacora lc1
 
Calendario 2007 e[a.d]
Calendario 2007 e[a.d]Calendario 2007 e[a.d]
Calendario 2007 e[a.d]
 
Revista WIRED
Revista WIREDRevista WIRED
Revista WIRED
 
M, Goles . Bitacora LC1
 M, Goles . Bitacora LC1 M, Goles . Bitacora LC1
M, Goles . Bitacora LC1
 

Colores aditivos y sustractivos en impresión

  • 2. bitácora LC1 2007
  • 3. Índice Gutenberg y Periódico Clase 1 Color e impresión Gutenber y el periódico 1 Investigación Revista Tipos Móviles y Gutenberg 2-3 Clase 2 Indesing y computador a. Colores aditivos y sustractivos 4 b. Semitono y cuatricromía 5 c. Tintas y trapping 6 Clase 3 Uso de InDesing 7 Clase 4 Bitácora, Imágen e InDesing 8 Tarea Formatos de Imágenes 9-10 Clase 5 Perfiles de Color 11 Tarea PostScript 12 TrueType 13-14 Clase 6 Arquitectura de Información 15 Estilos 16 Tarea Clase 7 Levantamiento de Informacion revista wired 17-18 Tarea Clase 8 Lámina de revista de la escuela 19-22 Tarea Clase 9 Páginas de la revista 23-25
  • 4. 1 El Periódico y Gutenberg 29.06.07 Luego de hacer una investigación y profundización sobre las portadas de algunos diarios internacionales, di- Producción sertamos sobre los descubrimientos Gutenberg hechos por cada cual en la investiga- Tipos Móviles ción. Pelos, Plecas Al ir exponiendo el tema de los pe- riodicos y su geometría sale un nuevo término; pelos. La era “Gutemberiana” Pelos es una línea recta delgada que Términos: separa una noticia de otra, en témi- Los pelos o plecas nace en la “era Heather-Cabeza nos básicos, pero su existencia nació Gutenberiana” gracias a un siste- Body-Cuerpo hace años. ma de tipo móviles que se inser- Footter-Pie taban en cajas de metal o madera, Target-blanco,dirigido el resultado de la página final sería a un público específi- el negativo de aquella página te ti- co. pos, Lynotipe-maquina los filetes y plecas o pelos eran uti- que hacia oraciones de tipos (de plomo) lizados para separar secciones, para Grilla-estructura bá- tener un mejor resultado visual . sica 4 1
  • 5. I Tipos Móviles 29.06.07 Los primeros tipos móviles, inventados método para fabricar los tipos. Se por Johann Gutenberg (1397 – 1468), trataba de grabar cada carácter en y el tipo de letra redonda o romana que relieve de forma inversa sobre un Producción le siguió en Italia, imitaban el estilo troquel de acero que se incrusta- Gutenberg manuscrito de esos países en boga en ba con un mazo en la terraja (una Tipos Móviles aquellos momentos. barra de cobre). La terraja se colo- Aunque se sabe ahora que los chinos ya caba en la matriz (un molde maes- habían experimentado con tipos móvi- tro para fundir cada letra) según les de cerámica en el siglo XI, Guten- un proceso llamado justificación. berg es reconocido como el padre del Después, la matriz se colocaba en tipo móvil. Vivió en Maguncia, Ale- un molde manual ajustable sobre mania, y era orfebre de oficio, pero ad- el que se vertía una aleación de quirió los conocimientos técnicos so- plomo y antimonio, y de ese modo bre el arte de la impresión. Ya se habían modelaba cada uno de los tipos. hecho impresiones a partir de bloques de madera tallados a mano muchos Los frutos visibles de sus trabajos años antes. son la Biblia de 42 líneas, en 1445, el libro más antiguo impreso en el En 1440 comenzó una serie de expe- mundo occidental, aunque impri- rimentos que, diez años después, da- mió Indulgencia de Maguncia el rían como resultado la invención de año anterior, para el cual utilizo la imprenta a partir de tipos móviles. un estilo cursivo de la letra Gótica Utilizó sus conocimientos sobre la tec- llamada Bastarda. nología y los materiales existentes –la prensa de tornillo, las tintas a base de aceite y el papel (un invento chino)-, sin embargo, fue la manufactura de los tipos a la que le dedicó gran parte de sus esfuerzos. Como orfebre conocía muy bien el modelado, mezcla y fundición de me- tales, lo que le permitió desarrollar un 5 2
  • 6. I Tipos Móviles 29.06.07 Los primeros tipos de letra redonda zado para la impresión de Nonius que aparecieron en Italia entre los años Peripatetica. Desde entonces, las 1460 y 1470 estaban basados en la es- proporciones de Jenson han servi- Producción critura manual humanista. Un renova- do de inspiración para los diseños Gutenberg do interés por la minúscula carolingia, de tipos. Tipos Móviles había provocado un refinamiento en A pesar de que el estilo predomi- su diseño, el resultado fue el proyecto nante en Italia era el romano, no final para el primer tipo romano. era el único. Incluso Jenson con- tinuó produciendo libros en letra Después de 1460, el liderazgo en el gótica, al igual que muchos otros. desarrollo de los tipos móviles pasó de En 1483, como cosa inusual, el Alemania a Italia, centro artístico del alemán Erhard Ratdolt, imprimió renacimiento. En 1465, en Subiaco, Eusebius usando la letra gótica y la cerca de Roma, Conrad Sweynheym y romana en forma conjunta. Arnold Pennartz, dos alemanes que se habían desplazado a Italia. Influencia- dos por el trabajo de Gunteberg, crea- ron un tipo híbrido, mezcla de caracte- rísticas góticas y romanas. En 1467 se trasladaron a Roma y en 1470 habían creado un nuevo conjunto de letras, basados en la escritura humanista. Mientras tanto, en Venecia, en 1469, los hermanos da Spira, crearon otraço tipo romano, superior al anterior. Pese a ello, en 1470 Nicholas Jenson creó un tipo de letra que superaba a todas las diseñadas en la época en Italia y que siguió perfeccionando, creando uno nuevo seis años después y conocido como “romana de letra blanca”, utili- 6 3
  • 7. 2 Colores Aditivos y Sustractivos 06.07.07 En esta clase vimos los colores y su Estos son los colores sustractivos. forma de impresión. Son los que se utilizan en los metodos de impresión. Su cali- RGB 1.R G B (red, green and blue), colo- dad varía según la tecnología de aditivos res primarios. impresión que exista. CMYK Estos son los colores aditivos, tienden sustractivos •Colores Visibles, rango de vi- hacia la luz plena Colores Visibles Podriamos decir que son los colores sibilidad. Las pantallas no captan del mundo electrónico, como panta- todos los colores por una razón de llas, televisión, monitores, etc. economía y rangos visuales, en la pantalla se encuentran los colores 2.CMYK (cian, magenta, yellow, key justos. Términos: color -black- ) RGB - red, green, blue CMYK - cian, magen- ta, yellow, key color (black) 7 42
  • 8. 2 Semitonos y Cutricromía 06.07.07 •Tramas semitono. Moiré. •Tinta Plana, la tinta plana es Gamas de grises-negros-, la trama es de aquella que no posee puntos (dpi), puntos y están ordenados en un ángulo Semitono es 100% tinta. Se expresa en por- específico. En el caso de las tramas cua- Tinta Plana centaje. tricromías cada color posee un ángulo Impresión específico y así se van yuxtaponiendo Post Script •Orden de Impresión por color colores, este fenómeno es conocido Películas 1. cian por el nombre de Roseta (posee una 2. magenta forma floral). Al variar los ángulos de 3. amarillo los colores, se superponen las tramas 4. negro de colores y se le conoce como efecto Términos: Post Script, tecnología Adove tra- Roseta - Yuxtaposi- duce imágenes y tipografías para ción de colores, su mandar a una imprenta forma es como una flor, por eso el nombre Para mandar una imagen se debe Tinta Plana - 100% separar por películas (son 5 en to- tinta, sin trama pun- tal, parecen radiografías), es aquí teada donde las cruces de calce son de gran importancia para que todas calcen Películas: • cian • magenta • amarillo • negro • negro registro 8 5
  • 9. 2 Tintas y Trapping 06.07.07 •Tintas Translucidas Acuosas •Resolución de una imagen Comparten algunas características de Ppi – points per inch la acuarela, son translucidas y se suman Dpi - dots per inch Tintas Acuosas capas para formar nuevos colore. El soporte determina de impresión. color “puro” Para que un color sea “puro” se debe Por ejemplo un diario no soporta Trapping calar el color en el cual iría superpues- una calidad de más de 150 ppi el ppi, dpi to, esto se hace para que los colores no papel (bio-bio) no es un papel es- lineatura se sumen. pecial para imágenes, una tapa de revista llega atener 300 ppi. •Trapping (revelado) Lineatura o frecuencia de tramas, Requiere una técnica aprendida por práctica para hacer calzar perfectamen- linea 100 es lo normal se podría Términos: te los colores, al no calzar se superpo- comparar con los hilos de una sa- Ppi - points per inch nen tonos, formando nuevos colores. bana, que configuran el total. Dpi - dots per inch 9 6
  • 10. 3 Uso de InDesing 13.07.07 En esta clase revisamos algunas de las que nos facilita la construcción de tareas entregadas en día anterior, ha- esta bitácora digital. bía que realizar una réplica del diario InDesing Importación de imágenes anteriormente elegido para la primera Importación tarea, la réplica era a base de su geome- La imagen no se puede copiar y Imágen tría. Paralelamente había que realizar pegar directamente a InDesing, en un archivo .pdf un seguimiento de primero se debe crear un recuadro todos los pasos realizados para replicar donde insertar la imagen, luego el diario escogido. se inserta la imagen (que mide lo Con esta tarea surgieron dudas sobre mismo que el recuadro donde será el InDesing (en este programa se rea- insertada). Este proceso hace que lizaba la tarea). En clases con la ayuda el archivo .indd sea más liviano, Términos: del datashow aclaramos algunas dudas cosa muy importante al llevar a Bitacora - Libro l en y vimos los usos básicos del programa, una imprenta. que se lleva la cuen- ta y razón, o en que se escriben algunas noticias, ordenanzas o instrucciones Próxima tarea: Construir una Bitácora digital 10 en InDesing de las clases 7
  • 11. 4 Bitácora, Imágen e InDesing 20.07.07 20.07.07 Dieron el promedio de los dos pri- guarda, “supone”, automática- meros trabajos, fue el término de una mente. primera etapa; la prensa y “su repro- .png = fireworks Bitácora ducción”. Mi promedio fue de 5,5. .tiff = no comprime los “puntos” Transparencia Luego de dar las notas mostraron los (ppi, dpi), la información es pe- Formatos de trabajos más destacados, como tam- sada, posee mucho detalle y la imágenes bién los que tuvieron una gran osci- imagen es de buena resolución. lación entre primera y segunda nota. Bueno para revistas Al término de algunas presentaciones .jpg = formato de compresión se comenzó a mostrar las bitácoras para la web digitales hechas en InDesing. .gif =. Cada bitácora tenía ciertas correc- Tips: ciones por ejemplo en la mía faltaba Imágenes digitales Para transparentar, algún título que diera indicio a de • Bitmap (8, 16) degradar, cambiar lo que se trataba la clase. También • Vectores (ejm pinceles color y contornear en InDesing buscar en la me fije que el cuerpo de mi letra era de photoshop) parte superior VENTA- muy pequeño de 10 lo agrandé a 11, NA visualmente hay un gran cambio, de un bloque negro solidó pasó a uno más gris. Al titulas mis páginas quería hacerlo en un estilo transparente, no sabía como hacerlo, buscando encontré la opción para transparentar objetos y fuentes (Ventana-Transparencia). Dentro de esa misma opción se en- cuentran otras más como color, de- gradado y contorno. Imágenes y Formatos .psd = photoshop, el programa lo 11 8
  • 12. I Formato de Imágenes 20.07.07 PNG: Portable Netword Graphics. ma calidad. Formato que surgió con la idea de Soportado por todos los navegado- crear un standard de máxima calidad res. con buen ratio de compresión y libre. PNG, JPG, GIF GIF: Graphics Interchange For- Puede soportar todas las transparecias mat. y colores de imagen, usa una lossless Máximo de colores 256 diferentes, compresion para reducir el tamaño de soporta animación y transferencia. ficheros, no pierde calidad. Soporta co- Es non lossy, no pierde calidad ni lores en 8-bit en los que alcanza ratios la imagen se ve modificada, muy similares al gif. buen ratio de compresión. Los navegadores lo tienen soportado, Es un formato bajo licencia, su salvo versiones muy viejas. sustituto ideal es el PNG al sopor- JPG: Join Picture Expert Group. tar también los 8-bit. Imágenes true color (color real) con Soportado por todos los navegado- pérdida de calidad y muy buen ratio res. de compresión. No soporta capas ni transparencias. Imágenes de color real se pueden com- primir de manera muy efectiva con el JPEG, las cámaras digitales y scaners pueden usar este formato sin proble- mas. Las imágenes comprimidas usan una pérdida de calidad inteligente en concordancia con la capacidad del ojo humano. No es usable para capas de un color único, ni cuando se necesita usar máxi- 12 9
  • 13. I Formato de Imágenes 20.07.07 PNM: Es la alternativa a los gif ’s ani- no extendidos en web, pero muy populares en sus respectivos cam- mados (por fin!!), aunque aún está sin pos como pueden ser: depurar el proyecto sigue incansable. PNM, TIFF, BMP, PDS, SWF, PCD, PSD de AdobePhotoshop, este te TIFF: Tagged Image File Format. PCX lo exigiran en las mayorías de im- Uno de los formatos mas antiguos que prentas al trabajar bajo este soft- se siguen usando todabía, TIFF es muy ware. poderoso pero complicado formato debido sobretodo a sus diferentes revi- SWF es un contenedor de Flash, siones. y como tal puede tener imágenes jpg, gif, png,.. videos avi, mov,.. Soporta todas las transparencias y el o imágenes vectoriales propias de color de tus imágenes, pero puede sur- este software que tienen la capaci- gir pierda de información cuando lo dad de movimiento. transformas a otro formato. PCD photo cd, clásico de los cd’s No soportado por navegadores. de imágenes de kodak. BMP: Windows Bitmap. PCX, algo así como BMP com- Es utilizado por las aplicaciones Mi- primido mediante RLE, utilizado crosofto Windows. Soporta color com- en algunas aplicaciones de la win- pleto, pero no tiene ninguna compre- tendo (léase SO de juguete). sión. Algunos navegadores lo soportan, es totalmente incompetente usarlo para este fin. Los no tan básicos. Existen otros formatos muy imágenes 13 10
  • 14. 5 Perfiles de Color 26.07.07 Revisando algunas bitácoras surgieron directamente a los recursos que dudas del color y a base de esas dudas tenemos y la configuración que le surgió el tema de la clase, los perfiles damos a estos. Pantalla del color. Color PostScript PostScript Calibración de una pantalla. Tipografía Las gamas de colores son diferentes - Imprime Películas para cada programa. Por ejemplo al ha- - impresora virtual cer una imagen en PS y pasarlo a IND, - PostSrcipt conjuga la im- los colores que originalmente veía en presora con el papel y la impresora PS pierden su viveza y se tornan opa- de películas cos, para que eso no suceda hay que En Singapur se espe- Tipografía cializan en los perfiles configurar los programas y la pantalla de color. para que trabajen en la misma gama de -PostScript Adobe Distiller – Acro- colores. -TrueType bat 5.0 (PDF 1.4) La tipografía es vectorial, es decir PDF-PostScript-Disti- Al hacer un archivo con imágenes y posee dirección, son archivos cons- ller pasarlo a PDF, la calidad del imagen truidos con algoritmos matemá- PREFLY – lectura de baja automáticamente, igual que la del ticos. Al escalarse no se deforman archivos PS, ve sus errores color, para hacer el archivo menos pe- ni pixelan (así trabaja IND con la Mac – atributos gráfi- sado. tipografía y formas.) cos La calidad de una imagen esta sujeta 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 14 11
  • 15. T PostScript 26.07.07 PostScript es un Lenguaje de Des- se creía que tipografías de mapa cripción de Página*, utillizado en de bits mejoradas manualmente muchas impresoras y como formato eran requeridas para esta tarea. PostScript de transporte de archivos gráficos en PostScript también ha encon- Descripción de talleres de impresión profesional. trado aplicaciones distintas de la Página impresión en papel, como es el GhostScript PostScript se diferenció por uti- caso de Display PostScript. DPS lizar un lenguaje de programación es una extensión de PostScript y completo, en vez de una serie de fue utilizado como sistema grá- secuencias de escapes de bajo nivel, fico 2D en el sistema operativo para describir una imagen para que NEXTSTEP. Quartz, de Mac sea impresa en una impresora láser o OS X, es un sistema similar que algún otro dispositivo de salida. utiliza PDF. (PDF es otro lengua- También implementó la composición je de descripción de Ghostscript es una implemen- de imágenes, que consiste de un con- páginas y es deri- junto de líneas horizontales, pixeles tación abierta de un intérprete vado de PostScript, al vuelo, descripciones por curvas de compatible con PostScript. pero más simple y liviano). Bezier y tipografía (fuentes) de alta Otro tipo lenguaje de descrip- calidad a baja resolución (e.g. 300 ción de página para impresoras puntos por pulgada). Anteriormente es PCL. Es más ligero pero con 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- 15 to y elementos dentro de las mismas para conseguir una impresión fiable. 12
  • 16. T True Type 26.07.07 menos posibilidades que PostScript a bajas resoluciones. La tecnología La tecnología True Type fue desarrolla- TrueType incorpora el gestor de da por Apple y Microsoft con el objeti- tipos en el propio sistema opera- True Type vo de frenar el predominio que en este tivo a partir de Windows 3.1 y de Tipografía ámbito estaba alcanzando la tecnología Apple System 7.0. Bitmap PostScript de Adobe. Microsoft Win- Vectores dows 3.1, la versión aparecida a finales Las letras en el formato True Type de 1991 incluía un programa de esca- se describen mediantes curvas de- lado de tipos de letra capaz de gestio- finidas por funciones cuadráticas. nar estas fuentes. Un rasterizador los convierte en el bitmap preciso para cualquier Las fuentes True Type son fuentes vec- cuerpo. Para mantener una cuali- toriales, pero no PostScript, de alta ca- dad adecuada. Incluso en las reso- lidad que emplean funciones cuadráti- luciones más bajas los contornos cas, más rápidas en su procesamiento se ajustan a la retícula de salida que las PostScripts, aunque ocupan antes de la rasterización. Esta in- más cantidad de memoria y contiene formación es parte de la fuente hints para la mejora de la visualización misma. Bitmap TrueType 16 13
  • 17. T True Type 26.07.07 Posee un conjunto extenso y flexible del contorno. En principio este de instrucciones para la adecuación a procedimiento podría provocar la retícula que deja sitio de sobra a los algunos dropout, a pesar de que True Type desarrolladores y fabricantes de fuentes la acomodación se realice correc- Curvas para incorporar su propia tecnología de tamente, si se trata de cuerpos pe- Aspecto escalado del mismo modo que puede queños, o cuando se ha producido Rasterización incorporar datos adicionales a la fuen- alguna rotación o deformación. te en un momento posterior. Dentro El formato prevee procedimien- del archivo la información se agrupa tos de corrección para evitar estas en bloques diferenciados. Por ejemplo, aberraciones según el modo que la información para la rasterización del los contornos entren en relación carácter se almacena en una tabla de- con los pixels. Estas técnicas su- nominada Glyph Data Table, glyf. plementarias deben ser sólo apli- cadas cuando se pueda producir el Las curvas en este tipo de fuentes están peligro de dropouts pues emplean representadas por funciones cudráti- más tiempo que proceso de raste- cas, series de secciones de parábola o rización simple. 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 acomodación del contorno pueden variar en función del fabricante que desarrolle cada fuente en particular. El procedimiento pare- ce responder al siguiente esquema: la silueta del carácter es primero colocada sobre la rejilla de salida; el rasterizador llena todos los pixeles cuyos centros entra dentro de los límites internos 17 14
  • 18. 6 Arquitectura de Información 03.08.07 diseño semántico Arquitectura de Información. diseño contenido El contenido esta separado del dise- ractivos. ño. esta definida como: Hay distintas maneras que puede lu- 1. El diseño estructural en entor- cir el contenido: nos de información compartida. Esto es un ejemplo básico de arqui- 2. El arte y la ciencia de organi- tectura de información. zar y rotular sitios web, intranets, comunidades en línea y software La digitalización es el fenomeno más para promover la usabilidad y importante para las artes gráficas en encontrabilidad. el s.xx, trajo muchos cambios en el ámbiente laboral asi como facilitó 3. Una comunidad emergente muchos procesos que eran muy com- orientada a aplicar los principios plejos de ejecutar. del diseño y la arquitectura en el entorno digital. La Arquitectura de Informa- ción es la disciplina encargada del estu- dio, análisis, planificación y funda- mentación de la organización, dis- posición y estructuración de espacios de información, y de la selección y presentación de los datos contenidos en los sistemas de información inte- 18 15
  • 19. 6 Estilos 03.08.07 Texto general Estilos Jerarquias negrita tx. General -2 italica Levantamiento Contenido ma Xelot, no es nuevo, En un Texto pero... Se debe tener claro cuales son las jerarquias, estan resaltan en el texto El texto general es la matriz ma- gracias a las variaciones de la tipogra- dre, todo lo demás esta basado en fía (por ejemplo) él. Para que las cosas adquieran impor- tancia se debe crear un JUEGO. Un Luego de pensar los contenidos juego que se rige por leyes que lo se deben pensar los estilos para configuran. lograr así la jerarquía. Pero antes de ver los estilo y para hacer más Estilos de Textos. eficiente el proceso de produc- En InDesing como en Illustrator ción se debe diagramar la página existe una opción que nos permite en la cual se trabajará. configurar el estilo de un párrafo o de caracteres. Levantmiento de Conteni- Los medios de comunicación presen- do. tan variados estilos de texto. Es la acción que se realiza al se- Por ejemplo: leccionar toda la infor Revista, una entrevista: En la entre- mación para luego con vista el texto de las preguntas es dis- aquella información hacer tinto al de las respuestas. ¿Cual es el nombre del grupo? -El grupo nuevo se lla- 19 16
  • 20. T Levantamiento de contenido Revista Wired 03.08.07 Para realizar el levantamiento de in- 7 formación de la revista Wired revisé Clase página por página lo que en cada una Revista Wired se encontraba: Publicidad, Noticias, Eventos, Juegos, Entrevistas, etc. Levantamiento de Información Partí con la tapa; que posee una por- tada, un lomo y una contra portada. En la contratapa hay una punlicidad de pagina completa, en el lomo sale el nombre de la revista, su pagina web y la edición, en la portada se encuentra el titulo de la noticia, el nombre de la revista, una bajada de titulo, fecha, imagen, noticia central y noticias se- cuandarias. Además la portada pre- senta tres colores de tipografías; negro, blanco y rojo. Algo que también note fue que la revis- ta estaba separada por secciones y cada seccion tenía un tema especial a tratar (por ejemplo computacion) y además tenía un color que la caracterizaba. También me di cuenta que hay distin- tos tipos de publicidad. Como la pu- blicidad de 3 páginas, la de 2 páginas, la de página simple (1) y la que usa algun porcentaje proporcionado de la páginas (tercios, medios, etc) 20 17
  • 21. T Levantamiento de contenido Revista Wired 03.08.07 7 Acontinuación algunos ejemplos de publicidad encontrados en la revista Clase Wired anterior mente señalados. Publicidad 21 18
  • 22. T Lamina Revista Escuela Encargo Diseño de los contenidos de la Revista 8 y su distribución en soporte digital de Clase una revista de papel. Entrega lámina Construcción en programa Adobe InDesign Hacer una lámina 55 por 110 cms vertical donde queden expresados los puntos a evaluar. Evaluación Mapa de Contenidos Organización y despliegue de los contenidos Transversalidad de los contenidos y su visualización en Mapa Capacidad de visualidad de los conte- nidos en una expresión gráfica. Bocetos Portada Indice Contenido mayor (doble página) Avisos publicitarios Capacidad de expresión y síntesis del proyecto 22 19
  • 23. T 8 Clase Entrega Lámina (Imágenes extraidas de archivo Illustrator) 23 20
  • 24. T 8 Clase Entrega Lámina (Imágenes extraidas de archivo Illustrator) 24 21
  • 25. T 8 Clase Entrega Lámina (Imágenes extraidas de archivo Illustrator) 25 22
  • 26. T Revista Escuela re.[vista] cido etc. re ver, volver a ver 9 Las secciones de la revista estan separadas por tema y cada sección Clase La revista tiene un carácter formal, posee su color. El color esta repre- Entrega adelanto- claro, agradable a cualquier edad, apto sentado por el título de la noticia o para toda la gente que habita la escue- de Revista. articulo y además con un filete al la. re.[vista] lado derecho de la página, hacien- Mantiene orden y limpieza desde la do el método de busqueda mucho portada hasta su final. Algo que rom- más efectivo y veloz. pe con la monotomía es una sección llamada parántesis que trata temas más En mi revista toman bastante im- ligeros y más dedicados a los alumnos, portancia las fotografías. Noté no son temas directamente relaciona- que el lector posee varias lecturas dos con las carreras, pero si con la es- de una revista, por ejemplo en mi cuela en general, como eventos, cam- caso, primero hojeo la revista alre- peonatos, fotos etc. ves observando solo las fotos, luego la veo al derecho y solo me deten- La grilla se mantiene a lo largo de toda go en los articulos o fotos que ya la revista. Se juega con las formas rec- me habian llamado la atención, y tángulares y planas. Las fotografías va- en una tercer lectura más distante rian en alto ancho y en su distribución observo la revista en su totalidad haciendo que cada página posea cierta de artículos. individualidad, sin dejar su geometría inicial. El texto continuo está escrito en serif, para hacer de la lectura más legible y fluida, mientras que los títulos o las observaciones están escritas sin serif para diferenciarlas ya que son de otra índole, algunas aportan datos sobre la noticia o hacen referencia a algo pare- 26 23
  • 27. T 9 Clase Portada índice 27 24
  • 28. T 9 Clase Páginas Publicidad 28 25