Manual de producción gráfica PUCV 2020

Manual de producción gráfica PUCV 2020

por

So

led

ad

Ar

aya

Ur

ru

tia

Michèle Wilkomirsky Katherine Exss profesoras

2 3

INDICE

1) Ciclo color.....................................................................pág 42) Primera actividad.................................................................................pág11 3) Segunda actividad.............................................................................pág 17

4) Ciclo sistemas de impresión.......................................pág 205) Primera actividad...............................................................................pág 286) Segunda actividad............................................................................pág 357) Tercera actividad... ............................................................................pág 44

8) Ciclo Formatos de imagen..........................................pág 48 9) Primera actividad................................................................................pág 5310) Segunda actividad.............................................................................pág 5911) Tercera actividad................................................................................pág 62

12)Ciclo preprensa digital...............................................pág 6413) Primera actividad................................................................................pág 7114) Segunda actividad.............................................................................pág 79

15) Referencias bibliográfcas..........................................pág 80

4 5

Ciclo Color

La visión es el sentido mediante el cual obtenemos la mayoría de la información del mundo que nos rodea, los colores son una gran parte de esa información, y corresponden a una percepción, por tanto subjetiva y singular de todo ser humano.

Contexto histórico

Isaac Newton fue un físico que durante el siglo XVII, realizó un experimento con el cual pudo demostrar al mundo científico que la luz se comportaba como onda y partícula, al hacer pasar un haz de luz blanca a través de un prisma, gracias a este experimento concluyó que la descomposición de la luz blanca producía 7 colores correspondientes al espectro visible y este fenómeno ocurría porque la luz cambiaba su velocidad al pasar de un medio a otro, este efecto es el mismo que reconocemos al ver un arcoiris dado que la luz blanca pasa del aire al agua de lluvia.

Prisma de Newton

La teoría aditiva declara el proceso inverso a la difracción lumínica descubierta por Newton, tomando los 7 colores y al ir añadiendolos crea nuevamente la luz blanca. Thomas Young fue un científico que trabajó conlas conclusiones de Newton utilizando los colores como luz y estableció lateoría aditiva, pero adémas se dió cuenta que no era necesario utilizar todos los colores del espectro visible para formar la luz blanca, sino solamente tres que denominó colores primarios, estos eran Rojo, Verde y Azul, los conocidos hoy como RGB (red,green,blue).

1

2

6 7

Los colores primarios varían según el modelo que se esté utilizando.

En el modelo tradicional son azul, rojo, amarillo.Estos colores no se pueden crear a partir de ningún otro color.

En el modelo de la teoría aditiva son RGB. Corresponde a aquellos colores que pue-den componer la luz blanca.

En el modelo de la teoría sustractiva son CMY. La K se agrega por definición como la zona sin luz.Originando el modelo CMYK.

Justamente los colores que identificó Thomas Young como colores primarios (RGB) son los mismos a los que reaccionan nuestras neuronas fotorreceptoras llamadas conos y que se encuentran en la retina de los ojos, mientras que los bastones reaccionan a la luminosidad.

En su contraparte existe la teoría sustractiva que estudia el color como pig-mento, explica la absorción de la luz a medida que se van agregando co-lores, esta teoría propone como colores primarios el cian, el magenta y el amarillo. Mientras mas pigmento, mas oscuro será el color obtenido por ende la máxima expresión de la obsorción de la luz es el color negro, es por esta ra-zón que el modelo pasa a llamarse CMYK por sus siglas, cian, magenta,yellow y black.

Imagen de la retína y su rección a los colores

3

6

45

8 9

Pantone® es una empresa que posee un sistema de identificación, comparación y comunicación del color para las artes gráficas, posee una gama de colores "especiales" propios con un catálogo coated (satinado) y uncoated (no satinados).Esta empresa también se dedica cada año a escoger un color de su catálogo que define las tendencias de color del año

Pantone®

El color del año designado por pantone para 2020 es el azul clásico.

Monocromo, duotonos y cuatricromías

Concepto de monocromo: La impresión de tipo monocromo es aquella realizada con una sola tinta plana,los matices de grises se generan gracias a la variación del tamaño del punto o la distancia existente entre ellos.

Concepto de cuatricromia: La cuatricromía es un sistema de impresión que se basa en la reproducción de imágenes mediante el modelo CMYK.

Concepto de duotono:Es una reproducción de medios tonos de una imagen usando la superposición de un medio tono de color contrastante sobre otro medio tono de color por tanto es una técnica que aumenta la riqueza tonal de una imagen.

7

8 9 10

10 11

Primera actividad

Descripción: Escoger una imagen y modificar sus patrones de tono, saturación y luminosidad con Photoshop.

¿Pero que significan estos valores?

tono: Corresponde a la percepción del color mismo, a la cualidad de color.saturación: Corresponde a la pureza del color, sus valores recorren desde lo mas intenso hasta el gris.luminosidad: Corresponde a la cantidad de luz absorbida o reflejada en un objeto o imagen.

Presentación gráfica de tono, saturación y luminosidad.

TONO SATURACIÓN LUMINOSIDADPrimera actividad

Imagen original

La imagen escogida está compuesta por una porción de cielo, una porción de mar y un objeto en la zona media. Además existe un contraste con los tonos azules y rojos de la imagen. El mar es un componente notable que per-mite ver la expresión de la luz cuando pasa de un medio (aire) a otro (agua).

Podemos observar que la imagen trabajada no es simétrica, todo el peso se desplaza hacia la derecha rompiendo la regla del balance, vemos también que el objeto protagonista (barco) no aparece completo, sino mas bien solo un área lo que genera que el espectador no se acote al espacio delimitado de la imagen, el cerebro automáticamente completa la figura y amplia el rango de visión ofreciendo información que aunque en la imagen no aparezca es percibida.

Valores

Tono:0Saturación:0Luminosidad: 0

11

12

12 13

Edición 1

En esta modificación se disminuyó el tono por lo que el azul del cielo y reflejado en el mar pasó a ser un verde, la saturación también se disminuyó aplicando opacidad a la imagen mientras que la luminosidad fue aumentada, sin embargo, es mínima casi imperceptible.

Valores

Tono: -41Saturación: -29Luminosidad: +1

Edición 2 En esta modificación se extremó el aumento del tono y se disminuyó la saturación obteniendo una imagen con tono pardo y bastante opaca, aunque se aumentó del brillo. El contraste intenso percibido en la imagen original entre los colores azul y rojo disminuyó con esta modificación obteniendo un aspecto poco atractivo visualmente.

Valores

Tono: +180Saturación: -63Luminosidad: +13

1413

14 15

Edición 3

En esta modificación se destaca la correción del tono que logra un gran contraste comparado a la imagen original, el aumento del brillo es mínimo mientras que la disminución de saturación opaca la imagen levemente.

Valores

Tono: +87Saturación: -16Luminosidad: +3

Edición 4En esta modificación se disminuyó el tono mientras que saturación y la lumino-sidad se aumentó obteniendo una imagen viva e intensa que incluso molesta a la vista el verla demasiado. Se logra apreciar que las zonas originalmente oscuras cambian a matices grises.

Valores

Tono: -9Saturación: +78Luminosidad: +36

1615

16 17

Edición 5

En esta modificación el tono no se corrigió, la saturación fue aumentada por lo que existen colores intensos, sin embargo, se disminuyó la luminosidad lo que generó una imagen oscura. Vista desde lejos da la impresión de negro en las orillas y amarillo en el centro, se percibe también destellos verdes en el reflejo del mar esto producto de la combinación de azul y amarillos.

Valores

Tono: 0Saturación: +94Luminosidad: -52

Segunda actividad

Estudio del color empleando la teoría sustractiva.

Descripción de la actividad: Se utilizaron pigmentos naturales combinados con diferentes proporciones de agua. Se intentó reproducir una imagen determinada trabajada anteriormente en phothoshop estudiando el tono, la luminosidad y la saturación de la misma.

Primer paso: realizar una paleta de color con todos los materiales conseguidos en casa que pudieran tener un posible tinte adheribles al papel de acuarela.

Segundo paso: Escoger una imagen que tuviera los colores que ofrecieron un mejor tinte.

Tercer paso: bocetear la imagen. Medidas 12cm x 17cm.

Cuarto paso:Pigmentar la imagen. Se utilizó un pincel con depósito de agua.

Paleta de colores lograda con pigmentos vegetales

Pigmentos naturales utilizados.

17

18

19

18 19

Imagen original Boceto original Reproducción

Segunda actividad Conclusiones

1)La imagen escogida está compuesta por una porción de cielo, una por-ción de mar y un objeto en la zona media. Además existe un contraste de los tonos . El mar es un componente notable que permite ver la expresión de la luz cuando pasa de un medio (aire) a otro (agua). Podemos observar que la imagen trabajada no es simétrica, todo el peso se desplaza hacia la derecha rompiendo la regla del balance, vemos también que el objeto protagonista (barco) no aparece completo, sino mas bien solo un área lo que genera que el espectador no se acote al espacio delimitado de la imagen, el cerebro automáticamente completa la figura y amplia el rango de visión ofreciendo información que aunque en la imagen no aparezca es percibida.

2)Al comparar la imagen con la interpretación pictórica se aprecia un pare-cido en el tono del cielo obtenido con el pigmento de betarraga, sin embar-go las diferencias surgen por la adherencia al papel, en la pintura el tinte es heterogéneo, se nota cada pincelada asi como la degradación producto del agua creando áreas mas translucidas, el control del pigmento se torna dificul-toso por lo que no es posible generar una copia exacta pero si interesante.

3)Se observa en la parte superior del cielo un color mas saturado que va disminuyendo muy sutilmente a medida que se recorre la imagen hasta lle-gar al mar, en la reproducción se intentó imitar esa cualidad combinando el tinte de betarraga con vino y carboncillo diluido en agua que se aprecia en la zona superior de la pintura.

4)Se observa luz directa en el agua gracias a aquellos destellos blancos contrastados con zonas mas oscuras, ese vaiven de brillos muestra una direccionalidad y movimiento del agua, obteniendo una imagen dinámica además podemos apreciar el reflejo del cielo y el barco en el agua de ma-nera sutil por la incorporación de sus respectivos tintes (fucsia y verde).

21 2220

20 21

Ciclo sistemas de impresión

La imprenta se puede definir como un mecanismo que permite replicar imágenes y textos sobre diversos materiales que ha conllevado a una revolu-ción cultural tan grande que en la actualidad es concebida como una herramienta imprescindible en el campo comunicacional gráfico y textual.

Los sistemas de impresión se clasifican en dos grandes tipos

Xilografía

La xilografia es el método de impresión mas antiguo. Se sirve de un molde de madera dura grabado en relieve, obtenida mediante el calado de las partes que se van a imprimir.El principio de la xilografia es que está en negativo para que al traspasarlo al papel quede en positivo, posee la característica de ser de bajo costo y es un sistema que está pensado para poco tiraje. El expresionismo alemán se apropió de esta técnica utilizándola como sistema de divulgación de pensamiento político.

Sistemas de impresión de colores planos Aquí encontramos la Xilografía, Calcografía, Monotipia, Linotipia y Litografía.

Sistemas de impresión de puntos Aquí encontramos el huecograbado, offset, inyección de tinta(láser es muy similar a la inyeccion de tinta), Serigrafía, Flexografía, y Risografía.

Ejemplo de xilografía. Ejemplo de xilografía.

Xilografía perteneciente al movimiento expresionismo Alemán Käthe Kollwitz - In Memoriam Karl Liebknecht 1920

Sistemas de impresión de colores planos

23 24

27

2625

22 23

Calcografía

La calcografía: casi tan antigua como la xilografía siglo XIV y siglo XV (época de los joyeros), es la técnica que agrupa todos los tipos de grabado en metal principalmente sobre cobre y zinc. Entre las calcografías mas comunes están talla dulce, punta seca y aguafuerte.

Tipografía

Estudiada desde el punto de vista de un sistema de impresión, se inicia con Johann Gutenberg quién talló letras invertidas dentro de cajas cuadradas uno de sus trabajos mas destacados es la biblia de las 42 líneas. Existe la teoría de que su sistema permitió que el pueblo se instruyera al hacer mas accesible los textos a la población como también se cree que su trabajo influyó en la expansión del catolicismo. En la actualidad la prensa tipográfica se utiliza para realizar investigación artística.

Linotipia y monotipia

Son sistemas de corta duración y poco conocidos que datan de 1885. La linotipia es una técnica en donde se funde una línea de texto completa, mientras que la monotipia se funde letra por letra, estos sistemas surgieron de la necesidad de impresión inmediata para diversos medios como periódicos, folletos, etc.

Biblia de Johann GutenbergImprenta de Johann Gutenberg

Litografía

Corresponde a un sistema muy artesanal, el procedimiento de impresión consiste en trazar un dibujo, un texto, o una fotografía, en una piedra litográfica que se pule cuya característica es que puede absorber capas grasa y retener agua. Se pueden aguar los colores y generar matices.

Máquina Monotipia.Ejemplo de texto en Linotipia. Proceso de grabado en litografía.

Sistemas de impresión de colores planos Sistemas de impresión de colores planos

28

20

29 30 31 3233

24 25

Offset

Es un método de impresión (reproducción de documentos e imágenes sobre distintos soportes), que consiste en aplicar una tinta grasa, sobre una plancha metálica, compuesta generalmente de una aleación de aluminio. Constituye un proceso similar al de la litografía. Se busca sustituir el trabajo manual del grabador (sobre madera o metal) con un procedimiento químico que asegura la perfecta fidelidad de la reproducción respecto al original.Es un sistema de impresión indirecto , ya que el papel no toca la matriz.

La prensa offset tiene dos grandes líneas de impresión: la impresión contínua o de pliego que utiliza el papel cortado a la medida de la máquina para im-primir cada hoja y la prensa rotativa que está pensada para trabajos de gran envergadura, tanto en lo que se refiere al número de páginas como volumen de ejemplares, reduciendo así al máximo los costes en la producción de folle-tos, se ocupa para hacer revistas, diarios,etc,posteriormente todo el material es alzado.(alzar se refiere a estructurar una hoja dentro de otra sin embargo esta definición solo aplica para la prensa rotativa).

Impresión por puntos Impresión por puntos

Concepto de ganancia de punto.

El sistema de impresión offset posee dos rodillos que se disponen en sentidos opuestos, uno es el rodillo de la mantilla otro el rodillo de la plancha, cuando ambos se encuentran los puntos de tinta tienden a deformarse por la presión y esa deformación se llama ganancia de punto.La ganancia de punto hace que ciertas zonas se saturen más o menos de tinta, en un sistema directo la ganancia de punto es menos deformada que en un sistema indirecto.

Prensa offset rotativa.

prensa offset de pliego. Ilustración fenómeno ganancia de punto.

Huecograbado

El huecograbado se entiende como una combinación entre la prensa rotativa y la calcografía. El cilindro en relieve es reemplazado por un cilindro de cobre grabado en hueco obtenido con procedimientos fotomecánicos. La técnica del huecograbado permite imprimir mucho mas color y obtener un resultado mas fiel al original que en el offset, este último tiene un numero limitado de colores y utiliza tintas transparentes mientras que en el huecograbado las tintas son mas bien opacas y tienen mejor taca,es por este motivo que se utiliza para imprimir imágenes artísticas y se le considera un proceso fino. Todo envase flexible se imprime con huecograbado ya que al ser de plástico no es poroso como el papel por tanto necesita mayor taca y ser sellado con calor y la única tinta que resiste sellado de calor es la utilizada en este sistema de impresión.Concepto de taca: Es la capacidad de adhesión de la tinta sobre el soporte.

Los billetes son impresos mediante la técnica del Huecograbado.

Ilustración del proceso de huecograbado.

34

35

36

37 38

26 27

Serigrafía

Es un sistema de impresión que consiste en transferir una tinta a través de una malla tensada en un marco. El paso de la tinta se bloquea en las áreas donde no habrá imagen mediante una emulsión fotográfica o barniz que se endurece, quedando libre la zona donde pasará la tinta, para imprimir se aplica presión. Antes de los medios digitales (impresión digital planimétrica)las gigantografías se imprimían en serigrafía. Esta técnica corresponde a una impresión directa.

Impresión por puntos Impresión por puntos

Flexografía

Es una técnica de impresión que utiliza planchas que posee un área en alto relieve que permite imprimir directamente sobre el sustrato con una ligera presión denominada presión al beso. Pueden imprimir colores planos y también tramas. Las tintas utilizadas son muy acuosa y deja un exceso de tinta en los bordes son transparentes y no tienen buena taca. Corresponde a un sistema de impresión directo, es decir, se escribe a la inversa para obtener un resultado derecho.

Risografía

La risografía es un sistema de impresión digital de alta velocidad funciona como una fotocopiadora a color, utiliza plantillas o matrices además es de muy bajo costo, ocupa tintas transparentes y una gama pequeña de tinta.A menudo se conoce como duplicadora digital o impresora-duplicadora, ya que los modelos más nuevos pueden usarse como impresora conectada a un ordenador y como duplicadora autónoma. Suele utilizarse en fanzine e ilustraciones.

Ejemplo de serigrafía Impresora flexográfica. Placa con alto relieve de flexograbado.

Ejemplo risografía.

39 40 41

42

28 29

Primera actividad

Comparar los puntos de impresión de distintos textos que existan en la casa, offset , inyección de tinta, flexograbado,etc haciendo zoom o macro con lupa o escanear para identificar la mayor cantidad de dpi.

Estudio 1 Billete A medida que nos vamos acercando a la impresión se puede notar que los puntos de impresión parecen ser mas tramas que puntos las cuales se disponen de forma diagonal y se superponen para generar la profundidad necesaria.

Estudio 1

Estudio 2 Estudio 3

Prensa rotativa offset

Fragmento de periódico.Con respecto a esta impresión vemos que en la zona ampliada las zonas son generadas por pequeños puntos celestes o azulados, son tan pequeños que se vuelven imperceptibles al observar el tamaño original de la impresión, sin embargo, son necesarios para generar profundidades en las palabras, de igual manera podemos identificar que las luces son generadas con pequeños puntos verdes luminosos y trabajar el volumen de la imagen.

Huecograbado

Fragmento de etiqueta plástica. En este caso los puntos de impresión son nuevamente tramas que se disponen de manera ortogonal, imperceptibles al observarlas al tamaño original.

43

44 45

30 31

Soportes de impresión Soportes de impresión

Soportes de impresión

El papel en términos generales es un material delgado que se fabrica por medio del entretejido de fibras de celulosa vegetal. Es utilizado tanto en la escritura como en la impresión.

todos los papeles están compuestos por tres ingredientes básicos:

Fibras

Las fibras de celulosa son el principal elemento utilizado en la producción del papel. Es un material vegetal que se extrae de plantas, al igual que algodón, la cebada y el hilo. Situándonos en el contexto histórico durante del siglo XIX se comenzó a usar la madera como fuente de obtención de celulosa para obtener diversos productos, en consecuencia cualquier compuesto que contenga celulosa en un porcentaje adecuado puede ser útil para la fabricación del papel.

Cargas

Las cargas son un conjunto de producto en polvo, de origen mineral (talco, calcio y/o caolín) que se agregan al papel para rellenar y cohesionar los espacios que quedan entre las fibras de celulosa y que permiten mejorar características del papel como la opacidad, la blancura, la imprimibilidad, resistencia mecánicas a los pliegues y hendidos.

Las fibras de celulosa son el principal elemento utilizado en la producción del papel.

Aditivos

Son añadidos que se utilizan para conseguir objetivos según la funcionalidad requerida del papel, los mas utilizados son:

1)Encolados: ayuda a impermeabilizar el papel existen dos tipos de encolado, encolado en masa(mayor resistencia a la humedad) y encolado superficial(mejora el realice de las tintas).

2)Colorantes: Son los responsables de dar color al papel.Existen diferentes tipos de colorantes, algunos superficiales como en el caso del papel lustre y otros añadidos de manera interna dentro de sus cargas como la cartulina de color.

3)Blanqueantes ópticos: son partículas que ayudan que el papel refleje mas luz por ende proporcionan mayor blancura al papel.

Fabricación del papel

En el proceso de fabricación del papel un paso fundamental es la extracción de la lignina. Este es un componente natural, amorfo y pegajoso, de color oscuro que une fuertemente las fibras entre si, la presencia de la lignina es responsable del envejecimiento acelerado ( tendencia a colocarse amarillento ) y de dar opacidad al papel porque se oxida con el aire y se coloca oscura.

Ilustracion lignina

Papeles texturados

En el caso de requerir papeles con texturas y/o gofrados, existen dos formas de obtenerlos, la primera es dentro de máquinas cuando el papel aun esta húmedo alrededor de un 85% de humedad y se genera un dibujo por presión y la segunda forma es fuera de maquinas donde el porcentaje de humedad es mucho menor, sin embargo, aun soporta presión.Considerar también que para obtener papeles gobrados se requiere un cierto porcentaje de espesor.

32 33

Tipos de papel

Existen dos grandes divisiones en los papeles, los papeles estucado y los no estucados, previamente todos los papeles llegan a bobina y luego se dividen. El papel estucado,es un papel base, recubierto con capas de estuco (cal) por una o ambas caras obteniendo una micro porosidad posteriormente se pule con un cuchillo dejando una superficie lisa obteniendo como producto el papel couché .La composición de los papeles estucados es la siguiente: fibras +cargas+aditivos papel base + ligantes + pigmentos. El resultado final es un papel fino, liso, de excelente calidad con resistencia mecánica que mejora el realce de las tintas porque lo hace menos absorvente.

Papel couché, ejemplo de papel estucado.

Ejemplo de folia.

Los ligantes son los compuestos químicos que unen los pigmentos al papel base. Los mas utilizados son el látex y el almidón y los pigmentos son química-mente iguales a las cargas pero mas depurados.

El papel no estucado es un papel base sin ninguna aplicación especial de recubierto, es mas bien un papel poroso, están compuesto por fibras de alta calidad, son papeles teñidos en masa con muy buena resistencia apto para cuños, folias y troqueles.La folia es la aplicación de una superficie metalizada y el cuño es una técnica utilizada para estampar un logotipo por golpe en artículos de cartón, papel o cuero.

Ejemplo de cuño seco.

La fibra de algodón aporta resistencia y durabilidad al papel, la cantidad mínima de algodón que un papel debe contener para ser considerado de esa categoría es un 25%, mientras mayor sea el porcentaje mas lujoso será el papel existiendo algunos que son 100% fibra de algodón, por otro lado para que un papel sea considerado reciclado debe contener un 50% de fibra reciclada.

Los papeles vegetales

son fibras que han sido químicamente depuradas para eliminar su opacidad, obteniendo un papel translucido algunos ejemplos son el papel mantequilla y diamante. Una característica de este papel es que se resquebraja muy fácil. También existe el papel sintético que es a base de polipropeno (plástico) y se caracteriza por su resistencia al agua, es por esta razón que se utiliza en gigantografía de exterior.

Estándarización de medidad.

En 1922 se hizo la primera estandarización de papel en Europa llamada DIN 476. Ésta se complementa con la norma ISO 216 que contempla tes series AB-C,la norma DIN 476 establece proporciones mientras que la norma ISO estable-ce un sistema métrico basado en pulgadas.

Norma ISO 216 con sus tres series ABC.


34 35

Troquelados, guillotinados, prepicados y colorantes

Troquelados se refiere a dos acciones que se le hacen al papel corte y plizados, en general los troquelados se hacen para armar cosas utilizando una matriz de corte,el guillotinado se utiliza para los cortes rectos y en escuadra y el prepicado se suele hacer en una máquina y es de bajo costo.

Tintas: el origen de la capacidad de pigmentación se divide en dos grupos, el primero corresponde a las cosas inhertes (piedras, tierra, reacciones químicas, etc) y el segundo corresponde al de los organismos vivos (animales y vegetales). Independiente del sistema de impresión que se utilice la tinta tiene los mismos 4 componentes : colorante, barniz,solvente y aditivos.

Colorante: en términos generales es el responsable del color, aquí encontramos las anilinas las cuales son sólidos que se disuelven y crean una solución transparente, lo que permite ver el soporte sobre el cual se imprime, también encontramos el pigmento,este corresponde a partículas solidas homogéneamente dispersas en el resto de los constituyentes de la tinta, el pigmento a diferencia de la anilina ofrece dificultas para dejar de ver el soporte sobre el que se imprime. El barniz es una resina que se disuelve y funciona como soporte para los pigmentos, y es el responsable de fijar la calidad de la tinta. Los aditivos son una serie de compuestos que tienen por fin mejorar las propiedades del barniz ejemplo: antiespumantes, secantes, ceras, plastificantes, siliconas, retardadores de secado, antioxidantes,etc.


Terminaciones

Los barnices se utilizan también como terminación, son una mezcla de aglomerante, de un pequeño tono blanco, luce como una película semitransparente.

Encuadernación: hay tres tipos de encuadernados que son los mas comunes,la primera es el corcheteado que se utiliza para publicaciones periódicas como revistas y que sean de lomo redondo, luego está el cosido que es el mas costoso y duradero, dentro del cosido hay dos tipos el acaballado para lomo redondo y el cosido frances para lomo cuadrado, y por último está la encuadernación con pegamento que se utiliza para libros y revistas de lomo cuadrado.

Ejemplo encuadernación de lomo redondo.

Ejemplo encuadernación de lomo cuadrado.

hot stamping: técnica de terminación en relieve.

Segunda actividad

Crear una escala de grises de diversos impresos en distintos soportes.

1

10 11 12 13 14 15 16 17 18

2 3 4 5 6 7 8 9

36 37

1)El soporte es cartón ligero que muestra un negro bastante oscuro, eso significa que absorve una gran cantidad d luz.

2)El soporte es papel couché, ese tipo de papel suele ser liso y reflejar bastante luz, sin embargo este fenómeno se ve mermado al momento de visualizarlo en pantalla.3)Fragmento de Radiografía es un soporte peculiar ya que interactúa bastante con la luz siendo esa su finalidad dado que la luz debe atravesar ciertas zonas de interés, en lo que respecta a la visualización en pantalla se aprecia un negro con una leve tendencia al marrón completamente diferente a la tendencia al azul que se observa al verlo directamente.

4)El soporte utilizado es papel lustre. Al ampliar la imagen se pueden ver texturas y pequeños puntos blancos, donde pareciera que la tinta superficial de este papel no se hubiese adherido del todo, este tipo de papel suele reflejar luz pero en la fotografía no se aprecia.

5)El soporte utilizado es la zona interior de empaque de golosina (barra de cereal), se observa el papel con rugosidades, en consecuencia la luz que se refleja no hace un recorrido uniforme, sino que se distribuye a través de las zonas levantadas o de relieve y las partes bajas se colocan oscuras,es decir se generan sombras.

7)El soporte es Papel aluminio,el cual refleja generosamente la luz pero de manera irregular por lo que apreciamos un recorrido visual de zonas blancas y zonas grises, además es un papel liso pero delicado con tendencia a quebrarse y formar texturas.

6) 8) 9)El soporte utilizado es libro escolar, en los tres casos observamos que al ampliar la foto se notan zonas mas oscuras y otras mas claras, esto se genera por el propio dibujo o imagen presente en el recorte de la impresión, no por una característica del papel en particular.

10) El soporte utilizado es papel lustre color gris.

11) y 12) En ambos casos el soporte utilizado Cartulina de diferentes tonos

13) El soporte utilizado es cartón grueso

14) El soporte utilizado es papel de historieta antigua, tiene la cualidad de ser bastante opaco.Con un tono amarillento, ya sea porque es el tono real del papel o porque lo a adquirido con el paso del tiempo.

15) El soporte utilizado es la zona interior de un envase de leche líquida, este empaque posee varias capas entre ellas papel aluminio que le otorga la cualidad de reflejar luz y sobre esta lleva una fina cubierta de plástico que otorga opacidad, en consecuencia obtenemos una imagen irregular con respecto al grado de reflexión de luz y que posee pliegues en el cartón base, propios de este tipo de envases con plizados.

16) El soporte utilizado es papel couché de revista, esta imagen también tiende al azul, se nota un color frío y con un poco de transparencia porque inclusive se alcanza a percibir letras del lado inverso de la hoja.

17) El soporte utilizado es un trozo de libro escolar, es menos aulado que el anterio (16) y se percibe como una superficie uniforme, al ampliar la imagen se observan texturas muy sutiles.

18) El papel oficio es el soporte mas blanco que encontré dentro de los que tenía a mano, no es un papel brillante que refleje tanta luz pero, es una superficie uniforme, un poco opaca.


38 39

Tipografía digital

La tipografía digital es una pieza de sofware; es un archivo que contiene el dibujo de carácteres y la información del espacio entre estos para visualizar diferente diseños de letras, números y signos en sistemas operativos, aplicaciones, dispositivos móviles etc. Las tipografías digitales se usaban en la industria gráfica, posteriormente evolucionaron hacia formatos que pudieran funcionar en los primeros sistemas de autoedición.

Contexto histórico

Existen grandes empresas en el desarrollo de los sistemas digitales de información de tipografía, primeramente encontramos a adobe la cual desarrolló postScript un lenguaje de descripción de página que permitióponer en contacto los computadores personales con los dispositivos de impresión, al disponer lo que se veía en pantalla y que luego guardara he imprimiera. Es decir, inventó un lenguaje que era capaz de visualizar algo y luego imprimirlo. La siguiente empresa fue Aldus fundadora de pageMaker la cual fue la primera aplicación para maquetación mas compleja que un procesador de texto y era en blanco y negro. Actualmente Aldus no existe porque fue comprada por Adobe y la aplicación pasó a llamarse Adobe PageMaker.

Junto al desarrolo de estas tecnologias, programas de maquetación o de dibujo freehand comenzaron a salir las primeras impresoras de bajo costo, entre ellas encontramos la Apple laserWriter y la primera impresora de inyección de tinta la officejet pro X por HP.

PageMaker por Aldus.

Impresora laserWriter de Apple.

Fuentes digitales históricas

La tipografía según el tipógrafo Stanley Morison es "el arte de disponer correc-tamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto escrito verbalmente."

A mediados de los años 80 nacen una familia tipográfica llamada lucida di-señada por Charles Bigelow y Kris Holmes y creada por Adobe para que fuera legible en impresoras de muy poca resolución, Lucida-console para window xp, windows CE y bolck de notas y también Lucida-sanz-demibold para siste-ma operativo OS X de apple.

Susan kare es una tipógrafa encargada de crear muchos de los elementos de la interfaz Apple Macintosh entre ellos la tipografía Chicago,todas las tipogra-fías de Susan Kare eran llamadas con nombres de ciudades.

Por otro lado encontramos la tipografía Arial creada para de Windows por Robin Nicholas y Patricia Saunders, con un tipo de letra Sans serif; nació con la intención de ser similar a la helvética para no pagar la licencia de la helvética original.

Tipografía digital Tipografía digital

Comparción tipografía Helvética y Arial

Tipografía Chicago por Apple.

40 41

el boom del diseño tipográfico digital

Durante los años 90 surge el boom del diseño tipográfico digital gracias a la masificación del computador personal y de sofware para produccir fuente tipográficas como Fontographer creado por FontLab. Las fuentes de bitmap se construían con puntos o pixeles representando a la imagen en cada glypho ( signo ) en formas y tamaños separados, tenian aspecto tosco porque sus bordes eran poco definidos. Por otro lado encontramos las fuentes vectoriales que son las que se ocupan en la actualidad, es una imagen no con un relleno real sino con un contorno, con esta tecnología la letra queda definida por un conjunto de ecuaciones de polilínea creando la propiedad de poder escalar la letra mediante una transformación matemática, es por tanto solo un dibujo que se adapta a todos los tamaños.

Tipografía digital Tipografía digital

Sistemas de composición

Las curvas de Bézier son un sistema que se desarrolló hacia los años 1960 para el trazado de dibujos técnicos, en el diseño aeronáutico y en el de automóviles. Su denominación es en honor a Pierre Bézier, quien ideó un método de descripción matemática de las curvas, estas también son utilizadas en el mundo tipográfico.

En tipografía estas curvas son definidas por cuatro puntos: la curva pasa por el primero y el ultimo llamados puntos de anclaje y es atraída por los otros dos que se conocen como controladores o puntos de control, Las curvas de bezier se adaptan idealmente para las replicas de curvas complejas como las de los ojos tipográficos de los caracteres.

Curvas de Bezier.

Entre los formatos de fuentes vectoriales los mas extendidos se encuentran las fuentes PostScript ,es decir, utilizan un lenguaje de programación completo para describir un imagen de impresión. Adobe creó el formato type1 y en su contraparte Apple creó las fuentes trueType (ttf) para competir con pstscript de Adobe, luego fue vendido a microsoft, y posteriormente se volvió a están-dar definitivo de pc.La trueType viene con tres archivo incrustados, el archivo que permite ver la imagen en pantalla, el archivo que permite traspasar la in-formación de la pantalla a la impresora, el archivo que permite imprimir y estos archivos existen para cada familia tipográfica incluída en trueType.

Las fuentes openType (otf) es un formato de tipografía creado por Adobe y Microsoft para mejorar el formato creado por Apple ,consiste en una estandarización,es decir, el mismo archivo sirve para pc y para mac. Sin embargo, es importante saber cual es la extensión de la tipografía con la que se está trabajando (ttf) o (otf).

Curvas de Bezier.

42 43

Webfonts

Con la llegada del internet y el diseño web en los 90,y la primera década de los 2000 el uso de tipografias web solo podía acotarse a un breve listado especifico que todos los computadores podían cargar llamado core fonts for the web proyecto creado por Microsoft: que incluía : arial, corier new, times new roman, comic sanz, impact, georgia, Trebuchet, y verdana. Esas eran las únicas tipografías con las que se podía diseñar,por esta razón las páginas eran muy similares. A comienzos de 2010 los navegadores comenzaron a usar font face que permitía cargar tipografías especiales en un sitio,sin embargo aumentaba el peso de un sitio y se presta para problemas de licencias, como por ejemplo el robo de las tipografías. En la actualidad lo mas usados son las webfonts (formato WOFF) web open font format que permiten mediante la inserción de un código en html de las web, el uso de diversas tipografías ofreci-das por librerias de webfonts.In convenientemente la ampliación de la canti-dad d tipografías hizo que no todas las tipografías sean buenas, algunas solo eran creadas para el idioma inglés. Principales sitios de webfont: googlefonts, fontsquirrels, adobefonts(de pago).

Tipografía Arial incluída en core fonts for the web.

Tipografía Comic Sans incluída en core fonts for the web.

Tipografía Georgia incluída en core fonts for the web.

Tipografía Impact incluída en core fonts for the web.

Tipografía Verdana incluída en core fonts for the web.

Tipografía Trebuchet incluída en core fonts for the web

Tipografía Courier New incluída en core fonts for the web

Tipografía Times New Roman incluída en core fonts for the web

Consideraciones

Al momento de escoger una tipografía hay que tener en consideración factores que afectan su estilo y la extensión de la familia, su uso o finalidad, si es para identidad visual o para edición, el tipo de soportes en que se utilizará si pantalla, exterior o impresos, el medio y el contenido como diario, novela, etc.

Para probar una tipografía se utilizan los pangramas estos son una frase que utiliza todas las letras del alfabeto.

derechos tipográficos

Las tipografías en entorno digital son como cualquier software y tiene licencias de uso.Existen dos tipos de derecho: los morales y los patrimoniales estos son los derechos sobre la reproducción y explotación de una obra. Existen acuerdos de licencia, ( EULA ), son las siglas de “End-User License Agreement” o traducido al español, “Acuerdo de Licencia con el Usuario Final” que son las condiciones o limitaciones que debes aceptar para poder utilizar ese programa, aplicación, juego, producto, etc, esto también rige enel mundo tipografico salvo que sean open type.wEl copyright es un término, representado por el símbolo ©, que indica quién es el titular de los derechos de explotación. En una obra se indica el nombre del titular, el lugar y el año de divulgación de la obra, seguidos del símbolo ©.

El copyleft es un movimiento (en oposición a copyright) que cuenta cada vez con mas apoyo de creadores y artistas.Se basa en permitir la libre distribución de copias limitando solo algunos derechos de autor. ( siguiendo la filosofía de que el conocimiento es para el mundo y todos tiene derecho a usarlo).

Creative Commons es una organización sin fines de lucro, dedicada a la ampliación de la gama de obras de creación disponibles para que otros puedan construir legalmente, y le otorga a un determinado autor el poder de decidir los límites de uso y explotación de su trabajo o creaciones en Internet Posee 6 licencias crative commons (cc)que van desde la libertad absoluta de atribución (CC BY)es decir, modifica lo que quieras, cambia la licencia de la obra resultante pero cita la fuente original, hasta una libertad relativa atribu-ción no comercial(CC-BY-NC-ND)citar sin modificar y sin comercializar.

Fuentes liberadas son las que vienen con los sistemas operativos y habitualmente con office, que se pagan al momento que uno adquiere el computador.w

Las 6 licencias de Creative Commons

44 45

Tercera actividad

Crear una composición digital en un formato de 800x800 px, diagramando un concepto con tipografías, tamaños y contrastes coherentemente con el significado de su palabra.

Observaciones y Justificación

Por definición la palabra intenso corresponde a un suceso o evento que se manifiesta con gran intensidad o que se expresa con mucha actividad. Dentro de los sinónimo de intenso podemos destacar enérgico, apasionado, penetrante, fuerte y profundo, por el contrario, sus antónimos mas competentes son apagado, débil, lánguido y frágil. Hacer este ejercicio nos permite tener un panorama mas clarificador asociado a lo que se quiere comunicar gráficamente. Al analizar el encuentro de un espectador con una palabra es inevitable leerla con la voz, ya sea voz alta o nuestra voz interior, es por tanto que existe una absoluta relación entre lo que vemos y lo que oímos, partiendo desde esta premisa es que planteo la propuesta de relacionar la sensibilidad entre lo que se escucha y lo que se ve. Al leer las palabras estas tienen intensidades, es decir, que existen zonas que se enfatizan mas que otras que en gramática se llaman sílabas tónicas, donde nuestra voz se acentúa, o prácticamente se intensifica. Es por esta razón que propuse adecuar el tamaños y el volumen de la sílaba tónica de la palabra intenso, intentando transmitir el sonido en una imagen.

La tipografía utilizada es Century Gothic Bold, perteneciente a la familia Century Gothic que es una tipografía geométrica sin serif, ( o sans-serif ) diseñada para Monotype Imaging en 1991. He decidido utilizar una tipografía palo seco ya que es un pequeño extracto de texto, y suelen dar una estructura mas rígida, no tan fluída ni delicada como es el caso delas que poseen serif, además las tipografías palo seco tienen mayor legibilidad en pantallas digitales es por este motivo que la mayoría de las páginas web emplean tipos palo seco, sin remate.

Para editar la imagen se utilizó Indesign de Adobe, posteriormente fue editada en Photoshop.

En esta primera propuesta decidí modificar los tamaños de las letras, dado que era una cantidad impar de letras, pude agruparlas de a pares dejando solo una al centro que destacara mas que las demás,vista desde lejos la palabra formaba una figura triangular, utilizando esa letra mayor correspondiente a la E como uno de sus vértices y los otros dos formados por la primera y última letra.

Primera propuesta Segunda propuesta

Posteriormente decidí modificar esa propuesta dado que quería poner mas énfasis en la sílaba tónica de manera completa, es por esto que dejé en igualdad de tamaño la sílaba TEN, pero mantuve la jerarquía con respecto al resto de las letras, con intención de potenciar la sílaba visualmente al igual como lo hacemos de manera innata al leerla y oírla.

46 47

Tercera propuesta

Decidí modificar una tercera vez la imagen porque me parecía que quedaba demasiado proporción de blanco. Dado que quería resaltar mas el alto contraste entre el negro y el blanco, repetí la palabra pero esta vez invertida, sin modificar sus proporciones originales, obteniendo una imagen con mayor realce en la zona céntrica y suavizando las orillas y que a su vez no fuera tan simple, sino mas bien que brindara un toque misterioso, que diera curiosidad analizar un poco mas la propuesta para con el espectador.

48 49

Ciclo Formatos de imagen

En la actualidad, una imagen, sea fija o en movimiento, es la pieza fundamental de cualquier proyecto en donde se quiera comunicar algo, incluso prescindiendo del texto. Tal es la importancia de las imágenes en el mundo de hoy, más aun cuando la fotografía es de uso común y accesible para todos los usuarios gracias a smartphones y cámaras digitales.

En este aspecto, las imágenes que tomamos o las que descargamos de Internet no son idénticas, más allá de su tamaño y resolución. Existen múltiples formatos de imágenes, y todos ellos tienen un propósito específico. Aunque parezca que es lo mismo, una imagen para un logotipo listo para la imprenta no es ni puede ser lo mismo que una imagen preparada para la web ya que no poseen los mismos atributos.

Tipos de imagen

Primeramente hay que diferenciar que los tipos de imagen no son lo mismo que los formatos de imagen. Dentro de los tipos de imagen digital encontramos las de mapa de bit y las vectoriales.

Formatos de imagen

Qué es un bit y que es un byte

Un bit (b) es un dígito del sistema de numeración binario, su acrónimo significa binary digit, traducido dígito binario. El sistema binario, en ciencias de la computación, es un sistema de numeración en el que los números se representan utilizando solamente dos cifras: cero (0) y uno (1). Es uno de los sistemas que se utilizan en las computadoras, debido a que estas trabajan internamente con dos niveles de voltaje, por lo cual tienen solo dos opciones de decisión,como un interruptor que se enciende o se apaga. El byte (B) en tanto es una representación de información utilizada en computación yen telecomunicaciones conformada por bits. Un byte es equivalente a un conjunto ordenado de ocho bits, 7 de ellos de información y uno adicional de control el cual dice a que tipo de categoría de información correspoden los otros 7 bits. La razón de la cantidad de bits que integran un byte es asimilable a la función de las cadenas de bits, ya que estas trabajan de forma exponencial. En 8 bits se pueden producir 256 opciones de combinaciones, lo que cubre el lenguaje escrito completo, permitiendo representar todos los carácteres de los diversos alfabetos, es por tanto el 256 un numero clave.

Imágenes en mapa de bits

Ejemplo profundidad de bits.Imagen en mapa de bits, ajustado a un bit.Las imágenes de mapa de bits o imágenes rasterizadas, utilizan una cuadrícula rectangular proyectada encima denominada matriz, formada por elementos llamados píxeles para representar imágenes. Los píxeles tienen solo un color plano asignado, por tanto no existe gradiente de color y se distribuyen en la matriz de la pantalla a través de coordenadas X e Y. Generalmente se usan para imágenes como fotografías o pinturas digitales es por tanto photoshop el software mas apropiado para editarlas, de igual manera las imágenes de mapa de bits suelen ser las mas usadas en internet.

Resolución Las imágenes de mapa de bits tienen una resolución específica, es decir, tienen un numero de pixeles de ancho y de alto, esto causa que la imagen se vea pixelada si se cambia la escala a grandes ampliaciones en pantalla, o si se imprime con una resolución inferior que aquella para la que fue creada.

Formatos de imagen

50 51

La profundidad de bits especifica la cantidad información de color que puede contener cada píxel de una imagen, cuanto mas bits de información tenga el píxel mas disponibilidad de color puede tener el cuadrado pixel. Mientras mas informas mayor precisión de color habrá en la imagen. Por ejemplo Al abrir en Photoshop un archivo nuevo permite cambiar el modo de color, por defecto aparece en rgb y de 8 bits en adelante , sin embargo se puede configurar para mapa de bits y ajustar a un bits, la imagen generada tendrá solo dos opciones,el blanco o negro, ni siquiera existirán matices de grises porque el formato no lo permite. A diferencia de las imágenes con una profundidad de 8 bits las cuales si generan una escala de grises con posibilidad de 256 valores de gris o gradientes entre blancos y negros.

Profundidad de bits

Ejemplo profundidad de bits.Imagen en mapa de bits, ajustado a un bit.

Imagen con 4 bit.

Imagen con 8 bit.

Imagen con 32 bit.

Formatos de imagen Formatos de imagen

El RGB y los canales de color

Los canales son imágenes en escala de grises que almacenan diferentes tipos de información. Existen tres tipos de canales, los canales de información de color que se crean automáticamente al abrir una nueva imagen. El modo de color de la imagen determina el número de canales de color creados. Los canales alfa que almacenan selecciones de imágenes en escala de grises.

Puede añadir canales alfa para crear y almacenar máscaras, lo que le permite manipular o proteger partes específicas de una imagen, y los canales de tintas planas especifican placas adicionales para imprimir con tintas planas.

Canales La cantidad de canales de color por defecto de una imagen depende de su modo de color. Por ejemplo: al trabajar con negro se utiliza solo un canal, al trabajar con RGB y LAB se utilizan tres canales y al trabajar con CMYK se utilizan cuatro canales.

Ejemplo de imagen de alto rango dinámico.

52 53

Edición de imágenes

La edición digital de imágenes se ocupa de la modificación apoyada en computadoras de imágenes digitales , comúnmente un gráfico rasterizado, en la mayoría de los casos fotos o documentos escaneados. Estas imágenes son editadas para optimizarlas, manipularlas, retocarlas, o agregar algún objeto o cosa que está imagen no poseía previamente. Photoshop y todos lo edito-res de imágenes trabajan conforme a capas. Las capas son láminas apiladas transparentes y que permiten crear ordenadamente composiciones, permiten comprender el trabajo e independizar los elementos de una composición.

Ilustración de las capas en Photoshop.Ejemplo de capa en Photoshop.

Algunas características de las capas

Photoshop por defecto crea un documento lienzo que está bloqueado, en las capas aparece fondo y sale una llave que bloquea , esto no permite moverlo.

Las capas se pueden nombrar ejemplo “fondo” y también se pueden desta-car en caso que la capa sea importante.

En la zona inferior de la ventana de capas hay un icono para agregar estilo a las capas,pero se aplica solo a la que se encuentra abierta.

Primera actividad

Observaciones y fundamento

Crear una composición en Photoshop utilizando lo aprendido en clases, de medidas 21 x 21 centímetros, en una resolución de 300 píxeles por pulgadaen RGB sobre un lienzo blanco, la composición debe llevar capas, colores, tipografías e imágenes.

Por definición la palabra intenso corresponde a un suceso o evento que se manifiesta con gran intensidad o que se expresa con mucha activdad. Dentro de los sinónimo de intenso podemos destacar enérgico, apasionado, penetrante, fuerte y profundo, por el contrario, sus antónimos mas competentes son apagado, débil, lánguido y frágil. Hacer este ejercicio nos permite tener un panorama mas clarificador asociado a lo que se quiere comunicar gráficamente.

La intensidad se puede expresar de una infinidad de maneras, entre ellas quise destacar el aspecto sensorial de gusto ( sabor ) del espectador, haciendo una relación sinestésica entre el sentido visual y el de sabor. Intenté simular el experimento del condicionamiento clásico, alterando el sonido de la campanilla por la imagen, pero esperando la misma respuesta del receptor.

Condicionamiento clásico

El condicionamiento clásico modelo estímulo-respuesta o aprendizaje, es un tipo de aprendizaje asociativo que fue demostrado por primera vez por Iván Pávlov. Este autor ideó unos experimentos con perros que son la base del condicionamiento clásico. Se dió cuenta de que al ponerle la comida al perro, este salivaba.

Cada vez que le pusiera la comida, Pavlov hacía sonar una campana, de modo que, cuando el perro la escuchaba, asociaba ese sonido con lacomida y salivaba. Así, el perro estaba dando una respuesta (en este caso, la salivación ) a un estímulo ( la campana ). La próxima vez que escuchara la campana, independientemente de si iba unida a la comida, empezaría a salivar. Partiendo desde este experimento surge la idea de que el estímulo visual al que se le expone a los receptores provoque en ellos una respuesta de antojo por un intenso café.


54 55

PropuestaCreación de la imagen

Comencé tomando una imagen de la web. que luego modifiqué susproporciones. Posteriormente exploré las tipografías escogiendo Centuryghotic bold la misma utilizada en el ciclo anterior y añadiendole el efecto bandera justo por arriba del vapor, el color del texto es en blanco para que sintonicé con la densidad del vapor y por último bajé la opasidad para hacerlo mas translucido y no fuera tan duro el contraste entre letra y vapor de la imagen.

Imagen original

Efecto bandera.

Formato de imagen y resolución

Actualmente existen muchos formatos de imagen pero se diferencian en dos grandes categorías de compresión de imagen. La compresión destructiva o con pérdida que elimina la información no visible o irrelevante para ahorro de espacio aunque también disminuye la calidad y la compresión no destructiva que es la que mantiene todos los parámetros de compresión que la original codificando la misma cantidad de información de manera mas eficiente.

TIFF ( Tagged Image File Format ) es un formato de archivo informático para almacenar imágenes de mapa de bits. Es prevalente en la industria gráfica y en la fotografía profesional por su versatilidad y compresión no destructiva. Creado en 1986 para scaner, grabadores de pantalla y programas de pintura con retoque fotográfico muy especializados. TIFF es capaz de describir datos de imagen en dos colores, escala de grises, paleta de colores y color completo en varios espacios de color, sin embargo ocasionalmente es posible tener dificultades en abrir un TIFF creado en otras aplicaciones o en una plataforma diferente.


Formato de Intercambio de Gráficos y más conocido como GIF, es un formato gráfico digital utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.Es un formato antiguo de originado por CompuServe 1987. Creado para comprimir imágenes de 8 bits, que pudiesen ser telecomunicadas a través de su servicio e intercambiada entre los usuarios. En la actualidad el formato es popular porque permite crear animaciones sencillas en formato muy liviano para compartir. Es mas duro visualmente que un jpg pero es ágil, rápida fabricación y envío.

El formato PNG o portable network graphics es un formato de compresión sin pérdida, generalmente considerado como el reemplazo de gif, sin embargo, png no soporta animaciones. Es decir,sirven para cosas diferente. El formato PNG es frecuentemente usado para imágenes con líneas, colores sólidos y texto, que requieren precisión. Una característica importante es que admite el canal alfa en las imágenes, lo que permite guardar imágenes con sectores transparentes. El PNG permite comprimir más de 8 bits, eso le da una profundidad de color mejor, es un mejor formato para usar en logos y en imágenes que necesitan fineza en las terminaciones. Un aspecto en contra que posee el PNG es que no escala muy bien, es decir, si se amplia o reduce la imagen no se verá muy bien, está creada para tener un tamaño único.

56 57


JPEG o por sus siglas Photographic Experts Group, es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos e imágenes fijas. Mientras que JPG es el formato de imagen creado por este comité. Este formato de imagen usa un algoritmo de compresión que disminuye e l tamaño/peso de las imágenes, sin embargo, también reducesu calidad ya que jpg solo guarda imágenes con un máximo de 8 bits. Es practico porque hace las imágenes mas livianas pero transforma el fondo en blanco, en caso de requerir transparencia conviene utilizar PNG.

PostScript encapsulado, o EPS, es un formato de archivo gráfico que puede contener texto y gráfica vectoriales como por ejemplo ilustraitor, pero adicionalmente suele incluir una previsualización en mapa de bits de la imagen encapsuladamente. El actual formato de ilustraitor (Ai) se basó en EPS para la creación de su propio formato, aunque ambos han sido reemplazados por el formato pdf que se ha vuelto un estándar para el intercambio de imágenes vectoriales. Apesar de eso eps no esta totalmente extinto.

El formato PSD es nativo del programa para edición de imágenes Photoshop, este programa ha liderado durante años, la edición profesional de fotografías y gráficos digitales en mapas de bits. Permite guardar todas las presentaciones, retoques y nuevas creaciones, realizadas con este programa, almacenando todas las capas y canales que existan en el archivo de la imagen. Este formato casi no tiene compatibilidad con ningún otros programa, por lo que se recomienda tener dos copias del archivo, una en el formato nativo y otra en jpg o TIFF.

PDF también llamado portable document Format es un formato dealmacenamiento para documentos digitales independiente de plataformas de software o hardware. Este formato es de tipo compuesto puede contener no solamente imágenes y texto sino también poner botones interactivos, videos, links formularios que se pueden responder, casi como un sitio web. Se usa mucho para manuales de productos,e-book y en general para todo aquello que no será editado posteriormente.

Raw es el formato crudo o bruto,es decir, contiene la imagen sin modificar. Es un formato que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara. Al estar crudo no tiene definido ningún parámetro de color y solo algunos software son capaces de interpretarlos. por ejemplo no se puede abrir una imagen Raw en paint pero si en Photoshop y la imagen tendrá un peso mayor al habitual. Es un formato complejo ya que no tiene definido parámetros ni siquiera de color.

El formato svg o escalabre vector graphics es un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, está basado en el lenguaje XML el cual describe las características de como debe aparecer la imagen. Al tratarse de imagen vectorial un archivo SVG se puedeescalar a diferentes tamaños manteniendo sus mismos atributos, sin perder calidad, por lo que funciona muy bien en la web. Por otro lado el SVG no es úti l en fotografías, ya que se necesitaría convertir la imagen a vectores para representarse.

Imagen comparativa entre formato RAW y posteriormente procesada.

58 59

Formatos de imagen Formatos de imagenPropuesta

Raster

El concepto de raster expresa la dimensión en número de píxeles que forman una imagen en mapa de bits, ancho por alto. Es común oír sobre los mega píxeles de una cámara digital y atribuirla a una mejor calidad de imagen, sin embargo, los megapixeles solo dicen una relación con el tamaño del lienzo, que tan grande es la foto que se puede obtener no obstante la calidad de la imagen dependerá de la óptica, el sensor y el factor humano, es decir, quien manipula la cámara, etc. Por tanto el tamaño en píxeles no asegura la calidad de una imagen.

La resolución de impresión son los puntos por pulgada (ppp) o dpi, donde la pulgada es equivalente a 2,54 cm. La resolución es la relación entre las dimensiones digitales y las físicas, considera donde vamos a mostrar esta imagen en papel o en digital.

Resoluciones de impresión recomendadas

imágenes para impresora doméstica: 150 dpi imágenes para imprenta: 300 dpi o más imágenes para pantalla: solían tener un estándar de 72 dpi, sin embargo, con la creación de pantallas retina, las resoluciones para pantalla incluso superaron los estándares altos para papel, llegando a 458 dpi.

Ejemplo gráfico rasterizado. El raster es una imagen digital que se expresa multiplicando ancho por alto.

Para calcular el tamaño en píxeles a tamaño en centímetros para la impresión se aplica la siguiente fórmula:tamaño de impresión = numero de píxeles/resolución.

Segunda actividad

Modificar la resolución de su composición (de la clase anterior) a 100 dpi. Exportar su composición a diferentes formatos de imagen como jpg, png y tiff. Observar diferencias y registrarlas en tu tarea.

En este encargo, decidí modificar los parámetros de tono, saturación yluminosidad aprendidos en el primer ciclo de Producción gráfica, con el propósito de obtener una imagen mas vibrante y que mostrara mas intensidad cromática para poder asociarse mas al concepto intenso. También decidí cambiar el texto, pero manteniendo la misma tipografía, cambié el color por un tono que había dentro del café de la imagen gracias a la herramienta cuentagotas. Trabajé utilizando capas entre la imagen y el texto. Se guardó en formato png y jpg,sin embargo, el formato tiff no es permitido en la wiki. Al comparar las imágenes visualmente son idénticas, sin embargo, al estudiar sus atributos de tamaño se diferencian.

Trabajo en capas de texto y de imagen.

Efectos utilizados en el texto.

60 61

Imagen vectorial.

La geometría plana o geometría de plano euclidiano estudia los elementos geométricos a partir de dos dimensiones. Aquí encontramos un elemento llamado vector. Un vector fijo del plano euclidiano es un segmento de recta orientado que cuenta con tres características, el módulo equivalente a la longitud del segmento (valor numérico), la dirección que es el ángulo del vector con respecto al eje x y el sentido correspondiente a la orientación del segmento.

Desde ahí nace la imagen vectorial, una imagen que se mueven gracias a fórmulas matemáticas (polinomios). En gráfica, una imagen vectorial se refiere a una imagen 2D, compuesta por objetos geométricos independientes ya sean abiertos o cerrados, como línea o polígono, definidos por atributos matemáticos para la posición, el color, etc. Este tipo de imágenes suelen ser mas livianas que las de mapa de bits.

Los gráficos vectorial se aplican en tipografías, logos, juegos de video, gráficos, web, pictogramas.etc

curbas de Bezier

Se denomina curvas de Bézier a un sistema que se desarrolló hacia los años 1960 para el trazado de dibujos técnicos, en el diseño aeronáutico y en el de automóviles. Pierre Bezier lo desarrolló para representar partes de la carrocería de los autos de Renault. En tipografía estas curvas son definidas por cuatro puntos: la curva pasa por el primero y el ultimo llamados puntos de anclaje y es atraída por los otros dos que se conocen como controladores o puntos de control, Las curvas de bezier se adaptan idealmente para las replicas de curvas complejas como las de los ojos tipográficos de los caracteres. Los puntos ancla o nodos determinan los segmentos y posibilitan realizar formas redondeadas o con ángulos.

Imagen vectorial.

Adobe Illustrator (AI) es un editor de gráficos vectoriales en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como mesa de trabajo y está destinado a la creación artística de dibujo y pintura para ilustración, para crear y diseñar imágenes, diseño editorial, dibujo profesional, maquetación web, gráficos para móviles, interfaces web,o diseños cinematográficos.

Adobe Illustrator


62 63

Tercera actividad

Crear una ilustración botánica desde el papel, para luego vectorizarla en illustrator. Trabajar con colores, figuras y trazos vectoriales. Exportar en formatos de imagen vectorial.

Chloraea bletioides, llamada popularmente pico de loro, 1 es una orquídea de hábito terrestre endémica de Chile. Se distribuye en el centro del país: desde la provincia de Aconcagua hasta Concepción, también se encuentra con frecuencia en la costa de Valparaíso, así como en las cordilleras bajas (alrededor de Santiago: Salto de Conchalí, Manquehue, Peñalolén). En altitudes desde el nivel del mar hasta los 500 metros.

Chloraea bletioides

Imagen de referencia boceto a lápiz

Ilustración

Este encargo fue realizado con un boceto a lápiz, que luego fue redibujado digitalmente con la herramienta pluma. Siendo esta vez la primera en utilizar este software se me dificultó el manejo de los nodos, es por tanto que quedaron zonas sin unir y el trazo regular sin variantes ni de grosor ni colores.Todo el trazo está en color negro y de tamaño 5 pt.

Formatos de imagen

Propuesta

Formatos de imagen

Fragmento ilustración. Exploración con colores y degradados.

64 65

ciclo pre-prensadigital

Proceso editorial

Este nuevo ciclo comienza con un enfoque en el proceso editorial para preprensa digital ,es decir,creación de documentos que sean compatibles con la impresión para offset para ello se utilizará el software por excelencia para el diseño editorial que es Adobe inDesign.

Los softwares de composición editorial pretenden facilitar el diseño uniendo características de texto y acompañamiento e imágenespreviamente editadas, la mayoría de las veces se utilizan programas que funcionan bien juntos y sean compatibles como los de adobe.

Adobe inDesign

Es indiscutiblemente el software número 1 para el diseño editorial.Es el estándar. Fue desarrollado por la compañía Adobe Systems, dirigida a maquetadores profesionales y presentada en 1999. Es compatible con Windows y MacOS. Permite funciones de alto nivel profesional y muchas libertades para que el diseñador tenga un mayor control sobre el producto de diseño que desea enviar a imprimir. Algunas de sus principales funciones abarcan desde la creación de revistas, libros de todo tipo ( físicos o electrónicos ) o periódicos, flyer, manuales, hasta documentosinteractivos como PDF. En definitiva, una herramienta versátil y de necesidad para maquetadores.

Pre-prensa digital Pre-prensa digital

Logo de Adobe inDesign

66 67


Formato de texto y estilos

El texto es mucho mas que párrafos o prosa. Los párrafos pueden actúar de diferentes maneras en base a su intensión comunicativa. Existe la unidad mínima de fragmentación realizada con títulos y subtítulos y en el otro extremo el texto continuo como en las novelas. Pero todos estos párrafos se diferecian por sus atributos en el formato. Puede servir como listas numerada o no numeradas, o destacar algunos momento del texto para hacer énfasis. Támbién encontramos el estilo de carácter que es un conjunto de atributos de formato que se puede aplicar a un texto en un solo paso o a un intervalo de párrafos. Los estilos de párrafo y de carácter se encuentran en paneles distintos. En ocasiones, los estilos de párrafo y de carácter se denominan estilos de texto.

ejemplo estilo de carácter

Títulos y subtítulos

Son elementos claves, escribir un texto que no tiene título es un error.Los titulares son fundamentales para identificar el trabajo, ubicarlo en contexto, transmitir un resumen mínimo de su contenido y despertar la curiosidad del lector, entre otras características. Hay que entender que los títulos no solamente tienen el atributo gráfico sino que tienen una configuración interna dentro del documento.Esta configuración corresponde a su arquitectura la cual ayuda a comprender la relación de jerarquía y en consecuencia se generan los índices de manera automática porque el software que se está utilizando identifica que se están trabajando adecuadamente los formatos de título y subtítulo.

Esto es un título

Esto es un subtítulo Esto es un subtítulo

Esto es texto continuo Esto es texto continuo Esto es texto continuo Esto es texto continuo Esto es texto continuo Esto es texto continuo Esto es texto continuo Esto es texto continuo Esto es texto continuo.

68 69

Formatos de listas

Las listas ayudan a romper la densidad visual de un párrafos. Descomponen la información en puntos separados breves o extensos, donde cada punto representa una idea. Ayudan a la legibilidad y se recomienda sintetizar textos en listas.

Existen dos tipos de listas, las listas ordenadas que disponen la información en base a una prioridad o jerarquía, en HTML se conocen como < ol > o numeradas, y las listas no ordenadas que muestra los elementos en igualdad de importancia, conocidas en HTML como < ul > , éstas en vez de numeros utilizan viñetas. Las listas generalmente se ven indentadas o con una sangría ,es decir, despegadas del margen. Las listas numeradas pueden llevar número tradicional, número romano o incluso en orden alfabético mientras que las no ordenadas pueden llevar guión, punto o una viñeta diseña por uno mismo.

Formatos de párrafo

Párrafo general o texto normal: Es el estilo central del texto y abarca la mayoría del contenido, suele ser mas neutral.

Bajadas de título: Es un tipo de párrafo, que antecede el contenido profundo de una noticia, justo debajo del titular, generalmente es de tamaño mas grande que el párrafo general.

Citas y cuñas: Es una cita textual traído de otro autor, usualmente van entre medio del contenido con un estilo diferente, acostumbra ser breves. El estilo es diferente para enfatizar que es un elemento ajeno. Puede ir en itálica o en cursiva pero no es obligatorio.

Párrafo destacado: Es un momento del texto en que hay algo mas importante y se quiere resaltar. Se interumpe la continuidad cambiando tipografías, color de fondo,tamaño, etc. Notas al pie: Son pequeños párrafos pero muy comunes, están al final de la página,y suelen ser mas discretas con respecto a tamaño.


Lista ordenada

1) Lunes 2) Martes 3) Miércoles 4) Jueves 5) Viernes 6) Sábado 7) Domingo

Lista desordenada

- Mesa - Zapato - Alfombra - Botella - Lámpara - Televisor - Ampolleta

Ejemplo de lista ordenanda:Muestra los días de la semana, los cuales van en orden jerarquicodesde el lunes hasta el domingo.

Ejemplo de lista desordenanda:Muestra objetos aleatorios que no presentan orden jerárquico.

“Para trabajar basta estar convencido de una cosa: que tra-bajar es menos

aburrido que divertirse ” Charles Baudelaire

Ejemplo Cita

Ejemplo pie de página

70 71

Estilos en inDesign

En inDesign los estilos de párrafos y carácter son los que nos permiten administrar de forma eficiente el formato de texto de nuestro documento editorial, pudiendo almacenar un conjunto de atributos (tamaño, tipografía, peso) que se pueden aplicar a un texto en un solo clic. Estilo de carácter: Son características que afectaran algunas palabras que están dentro de un párrafo.(color, peso, tipografía). Estilo de párrafo: Incluye ambos, es decir, incluye atributos que son del formato del párrafo y del carácter pero lo que hace es afectar a la totalidad del bloque párrafo. Algunos ejemplos de atributos de estilo de párrafo son el interlineado, la sangría, los espacios entre los títulos,el color, el tamaño.


Pre-prensa digital

Es el conjunto de procesos posterior al diseño. Opera de manera digital, en lenguaje tecnológico. Empieza cuando el diseñador termina el proceso creativo y termina cuando el material es entregado a la imprenta para su impresión, sin embargo, el diseñador tampoco puede abstraerse de este proceso. Actualmente la preprensa tradicional va en baja ya que todo se ha digitalizado y los software cada vez automatizan mas los procesos.Por ejemplo los software de Adobe incluyen empaquetar que es parte de la preprensa.

Primera actividad

Recrear una portada de diario a elección usando InDesign, trabajando con líneas guías, página maestra y columnas. Deben colocar imágenes vectoriales (para re-creación de logo, por ejemplo) e imágenes en mapa de bits (para fotografías de noticias).

Original de diseño

Por definición un original se entiende como un diseño recién salido de manos del creador y que aún no está listo para imprimirse, es el proceso donde el diseñador utiliza todos los software y todos los métodos para llevar a cabo sus proyectos. Antiguamente los originales se entregaban en un formato análogo.

Placas con color CMYKImagen original Reproducción

La imagen que escogí es un titular del New York Times del atentado a las torres gemelas. Es una imagen de gran tamaño (817x1339 pixeles). Utilicé imágenes del periódico original como algunas de la web pero similares al periódico. Utilicé líneas guías, 10 tipografías diferentes. Los párrafos generales son de tamaño 8 pt. En algunos subtítulos ajusté el interlineado, la opacidad,laescala verticaly la escala horizontal.

72 73


Etapas de un diseño

1) Orden o brief del proyecto corresponde al requerimiento del cliente y todos sus detalles como el tiraje, cual es el destino, para que medio, etc. En esta etapa el diseñador debe tomar precauciones en la orden de diseño recibida. Se debe comprender de manera rigurosa el propósito del diseño. Se debe preguntar al cliente lo que desea y como lo desea, donde se utilizará, con que va a diseñar, donde va a imprimir, tamaño, color, papel. Aclarar todas las expectativas de diseño y también saber el presupuesto del cliente con la finalidad de crear un diseño lo mas fiel a lo solicitado.

2) Diseño: Esta etapa corresponde a periodo de crear, idear, y probar alternativas, combina la habilidad casi instintiva para reconocer y crear patrones creativos, formula las metas y crear las estrategias para lograr el diseño. Para que el diseño sea eficiente en términos de producción es fundamental crear las estrategias, esto permite acercarse a la propuesta.Esta etapa se refiere a lo central de la propuesta de diseño ejemplo página maestra y fundamento, no al desarrollo en su totalidad.

3) Desarrollo: En esta etapa la propuesta de diseño toma forma y se produce en su totalidad. Aquí es de gran inportancia jerarquía visual, la atención a los detalles, y donde hay que plantearse si el diseño cumple con su intención comunicativa. Lo idóneo es que el cliente y uno mismo como diseñador terminemos conforme con el resultado. Se aconseja partir diseñando de la mano de lo conocido y luego adentrarse a lo desconocido, de este modo ir explorando nuevas técnicas e ideas.

4) Aplicación: Es la preprensa en si misma. Esta etapa no están en las manos del diseñador ,sin embargo, es necesario conocerlo. Equivale a contactar a los impresores y al equipo de desarrollo web con el fin de evitar problemas de compatibilidad,el tiempo de entrega, el medio de impresión, si es digital o físico; en general se refiere a todas las especificaciones técnicas. Una vez resuelto lo anterior se obtiene el original de diseño para su impresión.

Concepto de hora-hombre: Es una unidad de estimación del esfuerzo necesario para realizar una tarea cuya unidad equivale a una hora de trabajo ininterrumpido de un trabajador medio. Las horas hombre de los diseñadores las establece el colegio de diseñadores normalmente.

Etapa de diseño

Ejemplo jerarquía visual

74 75

Proceso de filmación

La preprensa tradicional y digital tiene un proceso de filmación, se denomina se denomina de este modo porque se filman los originales en planchas. Del trabajo digital se pasa a las filmadoras, estas son un dispositivo de gran formato de soporte del ordenador con ultra-alta resolución. En estas máquinas filmadoras de fotolitos se hacen las películas de impresión. Estas impresoras en vez de imprimir sobre papel, imprimen películas no veladas que posteriormente se revelan. Traspasa la información desde el archivo fuente a puntos de impresión tramado estocástico. En esta etapa se realiza la separación de colores en cuatricromía,el programa carga cada separación de color y luego imprime las películas para cada tono de forma individual.

Tramado estocástico Es una trama formulada matematicamente que calcula como se generan los puntos tramados en películas y planchas eliminando los patrones de moiré y las angulaciones de tramas; a la vez que proporciona mayor detalle a la imagen. Los patrones de Moire son efectos ópticos. El tramado estocástico también es utilizado en impresoras de inyección de tinta.


CTP Computer to plate

CTP Computer to plate traducido Directo a plancha, Es la máxima expresión de la preprensa. Es una tecnología de artes gráficas por medio de la cual las placas de offset o flexográfica son copiadas por máquinas manipuladas directamente de un computador. Digitaliza todo el proceso de preprensa.En las grande empresas este proceso es automático, en las medianas el proceso de instalación en la prensa es manual. Este sistema optimiza el tiempo de grabado, evita errores y reduce descalce en los colores. Funciona separando el color directamente sobre el Rossell y plancha offset, mediante la acción de haces de luz láser.

Prueba de color: se realizaba por que a veces el final de impresión no era tan fiel al original. Esta permitía ver si había problema con alguna tipografía, incluso si la plancha quedó mal grabada. Al imprimir generalmente el diseñador daba el visto bueno al pie de la máquina sobre el color impreso, siempre se dejaba un grueso calculado para hacer los ajuste de prueba, calce de colores. En imprentas grandes habían otras máquinas l lamadas cromolitos que imprimían sobre un papel especial muy similar al papel fotográfico que hacían una prueba de color sobre una página tipo paracorroborar que quedara lo mas parecido al original.Actualmente ese método a desaparecido y las pruebas de color se hacen en láser que ofrecen resultados satisfactorios.

Comparación trama normal vs trama estocástico

Patrones moiré

Máquina computer to plate

76 77

Impresión

Todo el proceso previo a la impresión es largo mientras que el acto de imprimir en gran cantidad es corto,por lo tanto se debe tener la seguridad de que lo que se imprime sea lo correcto, en caso de ser rechazado el diseñador es quién se hace responsable. En la fase de impresión se trasmitirá la imagen de la plancha al papel. Aquí la lámina de un color x de la cuatricromía que ya ha sido revelada, se envía al sector de impresión donde se copia a la plancha y en donde ésta también termina de ser revelada. Para lograr esto a las planchas se les debe añadir una solución de remojo y de tinta.

Posteriormente la plancha se ubica en la imprenta donde se realiza una pasada,en un papel de prueba a imprimir de un color por vez,para así ajustar la cantidad de tinta que se está utilizando en los distintos rodillos, en la plancha y sobre todo en el resultado que se obtiene de la imagen.

Máquinas offset

Es un método de impresión, que consiste en aplicar una tinta, generalmente grasa, sobre una plancha metálica, compuesta usualmente de una aleación de aluminio. La máquina impresora puede variar su tamaño dependiendo de la cantidad de colores que pueden imprimpir al mismo tiempo.Hay offset que pueden imprimir hasta 8 colores en simultáneo. Se compone de un complejo sistema de rodillos, uno que toman y arrastran el papel y otros que imprimen el o los diferentes colores,otros que llevan la tinta hasta el rodillo impresor y otros que transportan agua hasta la planchas para mantenerla emulsionada y limpia. Utilizan agua por que funcionan con el principio litográfico de inmiscibilidad.

Principio litográfico: Consiste en una distribución de la tinta según su afinidad a la superficie. La plancha posee zonas hidrofílicas (afines al agua) e hidrofóbicas (que repelen el agua) y estas zonas definen el grabado. Al pasar la tinta por toda la plancha esta será retenida por las zonas hidrofóbicas las cuales poseen materia grasa y por el contrario en las zonas hidrofílicas la tinta será repelida.

Tipos de máquinas offset

Máquina plana: También llamada prensa litográfica con molde de piedra o de zinc. offset cilindrica de hoja: fue la mas difundida, se añadieron los rodillos que llevan agua a la plancha. offset rotativa: Posee el mismo principio que la cilíndrica. El papel continuo pasa entre cilindro de transferencia y de presión. Automáticas digitales: de 7 u 8 cuerpos, para 7 o 8 colores todo se regula de una pantalla touch screen.

La cotización

Una cotización es un documento informativo que no genera registro contable su finalidad es informar o establece el valor de productos o servicios. La cotización es parte de brief. Idealmente el diseñador al realizar un trabajo debe abarcar todos los valores para referirlos al cliente incluso los de imprenta.


Offset de pliego

Offset de rotativa

78 79

Los precios en una imprenta incluyen los siguientes puntos:

1) El costo de la película: Se cobra según la cantidad de centímetros cuadrados a utilizar en el diseño. El valor de una película puede variar según la imprenta con la que se trabaje. Esto era muy importante cuando se montaban distintas tramas de películas. Muchas imprentas decidieron dejar de hacer impresión de películas porque la CTP abarataban costos.

2) El papel a utilizar: Es elegidos por el cliente y el diseñador. Usualmente las imprentas tienen su propio distribuidor de papeles y hay que tenerlo en consideración al momento de diseñar y elegir imprenta. El valor del papel varia según la calidad y la cantidad a utilizar en el tiraje. Es importante que el diseñador optimice la utilización del papel para disminuir costo.

3)Las planchas al igual que la película, tienen diferentes valores dependiendo del tamaño y del tipo de grabado hay para insoladoras(Una insoladora es un aparato mediante el cual se copia una imagen al iluminar el fotolito que la contiene) y para CTP.

4) El preparado y color de tintas: Dentro del diseño se especifican los colores a utilizar, y si se trabaja solo con cuatricromía y/o colores especiales. En una imprenta de amplio tiraje se cobra el costo de las tintas de cuatricromía y tintas especiales a diferencia de una imprenta pequeña se de debe pagar también el preparado de las tintas y el trabajo del maestro imprentero.

5) Corte de l papel: todas los cortes como troqueles y guillotinados también se cobran.

Asimpres

Es una Asociación Gremial de Industriales Gráficos,que congrega a imprentas, convertidores y empresas gráficas de Chile, con el fin de representar intereses, compartir información, educar y capacitar a los trabajadores, impulsar el desarrollo empresarial y promover la impresión sustentable, fue creada en noviembre de 1930,

Pre-prensa digital

Segunda actividad

Encargo final del curso

Crear una edición digital en InDesign a partir de la documentación del ramo más su investigación y trabajos prácticos realizados. Debe usar estilos de párrafo y carácter, páginas maestras y líneas guías. Debe incluir portada, nombre del autor, nombre de l curso y de las profesoras, numeración de páginas, texto en formato apropiado e imágenes en resolución adecuada.

He decidido escoger una paleta de tonos azules siguiendo la tendencia de Pantone con respecto al color del año el cual es azul clásico para el año 2020.La paleta de color la he escogido de la página Adobe colors y lleva diferentes tonos de azul, sin embargo, no he incluído específicamente el azul clásico dePantone.Este manual es tamaño carta, donde he utilizado 8 tipografías, estilos depárrafos y estílos de carácter. La tipografía de los párrafos generales mide 9pt,la de los subtítulos mide 10 pt, la de los títulos mide 13 pt y por último la de la portada mide 20 pt.

paleta de color de Adobe colors

color del año por Pantone

80 81

Referencias imágenes

1) https://www.tasmeemme.com/en/store/search?q=chromatic2) http://sanosanorequetesano.blogspot.com/2014/03/el-prisma.html3) https://mcmodaconsciente.com/2019/11/20/triada-de-colores-opuestos/4) https://www.franconedesigns.com/rgb-vs-cmyk/5) http://www.maxlabel.com.br/post/29032-cores-no-processo-de-impres sao-flexografico6) http://www.cvrl.org/neur0017/Lecture%20Notes/Salt/Tom%20Salt%20Retina %20Introduction.pdf7) https://store.pantone.com/es/es/color-of-the-year-2020-paletas-de-color8) https://www.istockphoto.com/es/vector/ondas-abstractas-de-semitono -fondo-monocromo-de-vector-gm917806862-2524887019) http://www.videomuzik.biz/video/como-crear-un-paisaje-duotono- illustrator-hd-16w5r3x3i5y2p595z31523.html10) https://pt.slideshare.net/dibutirant/el-color-i?type=powerpoint11) https://medium.com/plotly/how-to-analyze-data-6-useful-ways-to-use- color-in-graphs-6ada49fdd89112) Imagen de autor13) Imagen de autor14) Imagen de autor15) Imagen de autor16) Imagen de autor17) Imagen de autor18) Imagen de autor

19) Imagen de autor20) Imagen de autor21) Imagen de autor22) Imagen de autor23) http://worldjamblog.blogspot.com/2013/10/paleta-de-colores-planos.html24) https://trececincuentaycuatr.wixsite.com/atulado/documentary?lightbox =imageifc25) http://artistasbariloche.org.ar/mariana-erlijman.php26) https://www.aryse.org/page/45/?cat=-127) https://www.evensi.us/exhibitionbeneath-surface-prints-ollwitz-catlett-kurnia sih-york-college-pennsylva nia/32651030928) https://escueladeartedesevilla.es/estudios/grabado-calcografico/29) http://bachartphotography.blogspot.com/2018/01/evolucionde-los- medios-y-lenguajes.html30) https://historia.nationalgeographic.com.es/a/gutenberg-padre-imprenta _707931) https://www.spoogle.com.au/services/pre-press-solutions/32) http://www.practicallyefficient.com/33) https://www.timetoast.com/timelines/evolucion-de-los-medios-impresos-40 1d625f-cea3-4a97-94ef-7d97f6c2e5e434) http://lrsrl.com/pubblicita-fano-pesaro-ancona.html35) http://www.interempresas.net/Graficas/FeriaVirtual/Escaparate-Ilasa- Graphic-S-A-80205.html36) http://ncalsocrn.blogspot.com/p/m2-uf-3.html37) https://www.billetesymonedas.cl/Billetes/FamiliaBilletesActuales

38) http://www.glosariografico.com/letra_h39) http://williamlopezeducacionartistica.blogspot.com/2018/40) https://www.at-tecnologia.com/como-funciona-la-impresion-flexografica/41) https://materiainvestigacion.files.wordpress.com/2017/12/yanelli-pres.pdf42) https://graffica.info/tienda/risografia-nuevo-espiritu-la-impresion/04-risogra-fia/43) Imagen de autor44) Imagen de autor45) I magen de autor46) Imagen de autor47) Imagen de autor48) Imagen de autor49) Imagen de autor50) Imagen de autor

Manual de producción gráfica PUCV 2020

Documents

Transcript of Manual de producción gráfica PUCV 2020