PRODUCCIÓN GRÁFICA - PUCV

1

PRODUCCIÓN GRAFICA 2020

PRODUCCIÓN GRÁFICA

PRODUCCIÓN GRAFICA 2020VALENTINA DIETZPROFESORAS: MICHELE WILKOMIRSKYKATHERINNE EXSS

2


INTR

ODUC

CIÓN AL COLOR

TEORÍA ADITIVA DEL COLOR

El color se entiende principalmente por dos grandes conceptos:• Comportamiento físico y propio de la luz.• Fisiologico, relacionado directamente con la visión y el comportamiento

del mismo ojo.

La retina del ojo humano actúa percibiendo todos los colores; este proce-so se realiza gracias a los Conos, los cuales se “tiñen” de los colores que reciben. Por otro lado se cncuentran los Bastones, que son encargados se agregar luminosidad y brillo a estos colores.

TEORÍA TRICROMÁTICA

Esta teoría sostiene que la percepción del color es el resultado de la inte-racción de tres mecanismos receptores que poseen diferentes sensibilida-des espectrales, es decir, que son sensibles a distintas longitudes de onda.

• HUE: Tono o cualidad del color.• SATURATION: Saturación o pureza del matiz.• BRIGHTNESS: Brillo o cantidad de luz que tiene o ilumina ese matiz.

Espectro visible por el ojo humano y las longitudes de onda de cada color.(Fuente: biofisicadelhomosapiens.blogspot.com)

Fuente: pinterest.com

3


EL PRISMA DE NEWTON

La luz entra por una de las caras del prisma y se refracta hasta descomponerse en distintos colores, y el grado de separación de estos depende de la longitud de onda de cada uno.

Los colores morados o mas rojizos contienen una mayor longitud de onda y ocupan mayor espacio dentro del es-pectro de luz.

¿CÓMO PODEMOS PRACTICAR ESTOS CONOCIMIENTOS?

• Elige una Fotografía!• Busca las herramientas que regulan Brillo // Tono // Saturación• Por último.. descubrir jugando con los colores y la edición.

¡Haremos una edición! Usaremos la Teoría Tricromática.

Nota:Puedes realizarlo con algún programa editor de Fotos, pero te recomiendo usar Photoshop.

Fuentes: taringa.net

4


TEORÍA TRICROMÁTICATEORÍA TRICROMÁTICA La síntesis sustractiva explica la teoría de la mezcla de pinturas, tintes, tintas y colorantes naturales para crear colores que absorben ciertas longitudes de onda y reflejan otras.

El color que parece que tiene un determinado objeto de-pende de qué partes del espectro electromagnético son reflejadas por él, o dicho a la inversa, qué partes del espectro no son absorbidas.

ROJO MAGENTA

AMARILLO AMARILLO

AZUL CYAN

Principalmente usamos los colores prima-rios (Rojo - Amarillo - Azul), pero en impre-sión, los colores cambian a MAGENTA - AMARILLO - CYAN.

CYMKMagenta, Amarillo, Cyan y se agrega el color Negro. Se usa en las reproduccio-nes de ilustraciones que son producidas en masa, y por varias razones se incluye la tinta negra; ya que las tres tintas (Cyan, Magenta y Amarillo) no pueden lo-grar un negro auténtico. Las tintas pue-den variar y su efecto depende del tipo de papel empleado.

RYBEl modelo RYB (Red-Yellow-Blue) es la manera tra-dicional de obtención de colores a partir los prima-rios rojo, amarillo y azul. Se utilizó especialmente en los siglos 18 y 19, aunque se continúa usando actual-mente, pero a un nivel ele-mental de la educación ar-tística.

CcMmYKEs un proceso de impresión a inyección y fotografía optimizadas con 6 colores, que además de los 4 que usa el modelo CMYK, incluye también un cyan claro y un magen-ta claro.

CYMMagenta, Amarillo y Cyan.

5


IMPRESIÓN DE COLORIMPRESIÓN DE COLOR

MONOCROMA

Se basa en el uso de una tinta plana, en blanco ne-gro o 1 bit. Podemos obser-var la creación de matices de blanco y negro debido a los puntos, la cantidad de ellos y su tamaño.

DUOTONO

Se utilizan para aumentar la ri-queza de una imagen, con mayor cantidad de colores, en este caso dos.

CUATRICROMÍA

Separación de colores, cuando los datos de una imagen RGB, se convierten mas cercanos a CMYK. Esto se logra a través de fil-tros para absorber estos colores, y con el color ne-gro darle mayor profundidad a la imagen.

TINTES ESPECIALES

Existen tonos en los cuales no se pueden obtener a traves de los procesos de impresión, como los colores muy brillantes, dorados, fosforescentes, etc. En estos ca-sos se utilizan tintes especiales, que son utilizados con mas fre-cuencia en trabajos donde no se imprime con CMYK, cuando es esen-cial tener igualación precisa de colores, para colores que no sean de gama normal.

Fuente: cevagraf.coop Fuente: respuestas.me

6


IMPRESIÓN COLORES PLANOS

X I L O G R A F Í A

C A L C O G R A F Í A

T I P O G R A F Í A

L I N O T I P I A

L I T O G R A F Í A

Técnica de impresión con plancha de ma-dera, es el método de impresión más an-tiguo. El texto o la imagen deseada se ta-lla a mano con herramientas como gubias o buril, y luego de pasarla por tinta se reali-za la presión con el papel sobre un sopor-te para obtener la impresión del relieve. Técnica en la que las imágenes son el resul-

tado de grabado en planchas metálicas. Las técnicas más usadas de la calcografía depen-den de los materiales; Directos e Indirectos.

- Directos: Herramientas cortantes de distintos tamaños y filos. (Buriles, punta seca y mezzotinta).- Indirectos: Ácidos que corroen la plancha. (Aguafuerte, aguatinta, Grabado en azúcar, etc).Comprende los siguientes rubros: la letra,

el espacio entre letras, la palabra, el espa-cio entre las palabras, el interlineado y la co-lumna. Tiene tres importantes funciones: el peso visual, el interletrado y el interlineado.

- Macrotipografía: Se centra en el tipo de letra, el estilo de la letra y en el cuerpo de la letra.- Tipografía de edición: Reúne las cues-tiones tipográficas relacionadas con unidades de carácter normativo.- Tipografía creativa: Esta contempla la co-municación como una metáfora visual

Esta máquina comprende de tres partes para el proceso de composición de un tex-to impreso; Almacén, Caldera y Mecanismos.Tipográficamente la Monotipia es pre-ferible a la Linotipia, pero precisa dos máquinas separadas con sus ope-radores respectivos, y es más lenta.

La litografía es un procedimiento de im-presión que consiste en trazar un dibu-jo, un texto, o una fotografía, en una pie-dra calcárea o una plancha metálica.En la técnica litográfica se uti-liza la diferente adherencia en-tre sustancias hidrófilas e hidrófobas.

7


IMPRESIÓN POR PUNTOS

O F F S E T

H U E C O G R A B A D O

S E R I G R A F Í A

F L E X O G R A F Í A

R I S O G R A F Í A

El método de impresión offset es uno de los sistemas indirectos de impresión, ya que el sustrato (generalmente papel) no tiene contacto con la plancha matriz para traspasar la imagen. La impresión off-set se realiza mediante planchas mono-cromáticas, de modo que debe crear-se una plancha por cada color a imprimir.

Consiste principalmente en un cilindro de cobre, grabado en hueco. El procedimien-tos de grabado consiste en que la imagen sobre la plancha se consigue realizan-do incisiones sobre el metal con diferen-tes materiales. A partir del perfecciona-miento de la máquina, fue que se pudo imprimir con mayor calidad y rapidez.

La serigrafía se basa en el método de repro-ducción de documentos e imágenes sobre cualquier material, y se transfiere una tinta a través de una malla tensada en un marco.

El paso de la tinta se bloquea en las áreas don-de no habrá imagen mediante una emulsión o barniz, quedando libre la zona donde pa-sará la tinta. Y así creando la impresión final.

La impresión en la flexografía es directa, es decir que la plancha con tinta, transfiere esta tinta directamente al soporte. La plancha se conforma de texto al revés, para que al ser pre-sionado contra el soporte se genere una legible.

Estas planchas son de alto relieve que imprime sobre el sustrato con una ligera presión. Se pue-den imprimir colores planos y también tramas.

Es una técnica similar a la serigrafía, pero las tintas en este caso son transparen-tes, se puede imprimir por tramas y tin-tas planas. Los resultados de estas im-presiones son llamativos por los colores, por el bajo costo, la rapidez y por el bajo impacto medio ambiental que produce.

8


ORIGEN DEL PAPEL Y SU COMPOSICIÓN

El papel esta compuesto principalmente por fibras, cargas y aditivosfibras, cargas y aditivos. Estos componen-tes se utilizan en el area artesanal e industrial para obterner distintos tipos de papeles.

• Fibras: Material vegetal que se obtiene a partir de plantas como algodón, cebada y lino• Cargas: Elementos minerales (Talco, calcio o Caolín) que se le agrega a la fibra y permiten

mejorar distintas características del papel como la opacidad, blancura e impermeabilidad.• Aditivos: se utilizan para conseguir objetivos según función; Encola-

dos (dan flexibilidad e impermeabilidad), Colorantes y Blanqueantes opticos.

TIPOS DE PAPEL

• Estucado: papel base recubierto con capas de estuco por una o por ambas caras, obteniendo una microporosidad de superficie. Puede ser mate o brillan-te. Estos papeles son finos de excelente calidad, superficie lisa y uniforme, buena opacidad y realzan las tintas.

• No estucado: Papel base sin ninguna aplicación especial de recubierto. Es po-roso, por lo que absorven mas tintas. Su fibra oscila entre los 3 y los 5 mm y se tiñen en masa.

• Papel vegetal: Altamente refinados, pa-sado por procesos químicos que elimi-nan la opacidad.

• Papel Sintético: A base de plástico, tiene variedades de espesores y variedades de combinaciones, su mayor característica es su resistencia al agua.

MEDIDAS EN PAPEL

• Tenemos una mezcla de normas que llegaron tardíamente a América. Por un lado los ingleses y alemanes que traen los primeros insumos (DIN), y luego el norteamericano se integra a nuestro conocimiento (ISO).

Fuente: Tecnigraf.es

Fuente: Rellenardodecartuchos.com:

9


TROQUELADOS

Cortes y plisados (Hun-didos). Principalmente su uso se basa en Pac-kaging. Cuando se quie-re hacer una forma irre-gular en una folletería.

GUILLOTINADOS

Se utiliza para realizar cortes rectos y de es-cuadra, pueden cortar gran cantidad de so-bras dentro de las pági-nas con gran precisión.

PREPICADOS

Suele ser económico, las máquinas de pre-picado pueden reali-zar la acción por hilo o de una misma vez.

TINTAS Y ADITIVOS

En este mundo existen dos grandes grupos; Minerales y Vegetales, Animales. Algunos ejemplos son:

• Tinta china.• Piedras Negras• Anilinas• Colorantes• Pigmentos

Estos elementos se ocupan en la fabrica-ción del papel, donde existe gran varie-dad de usos y tipos.

TERMINACIONES

Cuando la edición en papel se encuentra finalizada, queda una parte por crear, que son las terminaciones.

• Barnices: Decorativo y protector.• Encuadernación: corcheteado, cosido

o pegado, existen variaciones.• Lomo: Puede ser redondo o cuadra-

do. Une todas las hojas.• Cuño seco: Para hacer subrelieves o

cosas específicas dentro de un im-preso.

• Hot Stamping: Cinta delgada la cual es estampada con calor sobre la su-perficie a trabajar.

Fuente: tec-mex.com.mx

10


TIPOGRAFÍA DIGITAL

¿FUENTE DIGITAL?

Una fuente digital principalmente es una pieza de software que trabaja con otros tipos de software, es un archivo que contiene dibujo de caracteres y la información del espacio entre estos para visualizar distintos diseños de letras diferentes con tamaños que varían.

Las tipografías digitales que se usaban en áreas de industria gráfica fueron cre-ciendo cada vez hacia formatos de autoedición. Los sistemas de composición se iniciaron con la incorporación de la tecnología digital para el almacenamiento del texto y para el dibujo de las letras.Estas primeras impresoras disponen de un espacio digital previo a ser impreso, para poder imprimir con mayor seguridad y mas lineas a la vez.

• Adobe: Desarrolló “PostScript”, es un lenguaje de descripción de página que permitió poner en contacto los computadores personales con los dispositi-vos de impresión. Para lograr la coherencia con lo que vemos y lo que guar-damos en la pantalla.

• Aldus: “Aldus PageMaker” fue la primera aplicación para maquetación con mayor complejidad.

FUENTES DIGITALES HISTORICAS

ARIAL

Fue de parte de Win-dows, para ahorrarse la licencia de la Hel-vética, porque que-rían incluirla dentro de las tipografías del sistema.

CHICAGO

Tipografía pixelea-da diseñada como encargo de Apple a “Susan Kare”, para utilizarla en sus pantallas, que aquel momento no tenían mucha resolución.

LUCIDA

Está entre las más conocidas de las ti-pografías de los años 80. Esta fue creada por Adobe.• “Lucida Console”• “Lucida Sans De-

mibold”.

Fuente: proyectoidis.org

11


BOOM DE LA TIPOGRAFÍA DIGITAL En los años 90, el diseño tipográfico tuvo un boom gracias a la masificación de los computadores y softwares para dibujar fuentes tipográficas como el Fonto-grapher. Las empresas comienzan a dedicarse a crear fuentes y comercializarlas. Tienen diseños propios, y también compran diseños a distintas empresas de dise-ñadores.

EVOLUCIÓN DE LA TIPOGRAFÍA• Las fuentes de bitmap se construían con “puntos o pixeles” representando la

imagen de cada “glypho (signo)” en formas y tamaños separados. Las primeras fuentes eran muy toscas. Algunos diseñadores trabajaron en mejorar su aspec-to mientras otros intensificaron la “rudeza”.

FUENTES VECTORIALES• En la actualidad la mayoría de las escrituras utilizadas en los computadores son

tipografías vectoriales o de “contorno”. Esta tecnología consiste en que la letra queda definida por el conjunto de ecuaciones de la polilínea de contorno del carácter.

CURVAS DE BEZIER• Estas son definidas por cuatro puntos, la curva pasa por el primero y el último

(Puntos de anclaje) y es atraída por los otros dos (Puntos de control). Estas cur-vas se adaptan idealmente para la réplica de curvas complejas.

WEBFONTS• En los años 90 y la primera década del 2000 la lista especifica de tipografías

para web era breve y todos los computadores las podían cargar, establecidas por Microsoft como las “Core Fonts for the Web”. A comienzos del 2010 aparece Font Face que permite cargar tipografías. Hoy en dia se utiliza webfonts (for-mato WOFF Web Open Font Format).

Fuente: pngimage.net

12


FORMATOS DE IMAGENBITS Y BYTES• El bit es la unidad básica de información y puede tener un estado. Por

otro lado, el Byte es una representación de información conformada por bits y se conforma por 8 de ellos. Las cadenas de bits actúan de forma exponencial. En bits se pueden reproducir 256 opciones de combinacio-nes, lo que cubre un lenguaje amplio de caracteres en alfabetos universa-les.

• bit: 2 Opciones de combinación• bits: 4 Opciones• bits: 8 Opciones

IMÁGENES MAPA DE BITS • Estos mapas utilizan una cuadrícula rectangular que se compone de

pixeles para representar las imágenes. Cada pixel tiene una ubicación y color dentro de la pantalla.

RESOLUCIÓN • Las imágenes de mapa de bits dependen de la resolución, es decir que

contienen un numero fijo de pixeles los cuales podrían generar que la imagen pierda su detalle y unidad; por eso es que aparecen imágenes pixeleadas.

CANALES La cantidad de canales de color por defecto de una imagen depende de su modo de color.

» ¿Cuantos canales tiene una imagen RGB, Lab, CMYK?Pues, depende de los colores que lo componen, por ejemplo en CMYK exis-ten 4 canales, uno por color. Lo que hace que estos tonos puedan aparecer superpuestos en la imagen.

EDICIÓN DE IMÁGENESCapas: Photoshop y los distintos editores de fotografías e imágener trabajan mediante capas, las que van cambiando por sus colores, calidez, brillo, satu-ración, textos, etc. Son una forma ordenada de trabajar que permite compo-ner independientemente cada nivel que se quiera editar.

ACTIVIDAD SUGERIDA

Crear una composición en Photoshop, usando las herramientas de formas, superposición de colores y jugar con las capas.

13


FORMATOS Y RESOLUCIÓN Hoy en día existe una variedad de formatos de imagen, pero existen dos tipos de compresión de imagen; La destructiva, la cual elimina la información no visible para buscar un ahorro de espacio y la no destructiva que mantiene los parámetros de com-presión originales siendo esta mas eficiente.

• GIFLos Graphics Interchange Format fueron desarrollados para com-primir imágenes de ocho bits, que pudiesen ser tele-comuni-cados. Este formato hoy en día es popular ya que permite mo-vimiento de animaciones en un formato liviano para compartir de manera fácil y rápida.

• PNG Es un formato de compresión sin perdida, generalmente considerado como el reempla-zo del GIF, sin embargo este no soporta animaciones ni movimientos. Este formato se utiliza en imágenes mas sólidas como textos, líneas, etc. Este formato permite guardar con sectores transparentes.

• JPEG Y JPG JPEG es básicamente lo que per-mite sostener a los formatos JPG, esta estandarizado. Dentro de este grupo JPEG existen varios formatos, pero el mas famoso es JPG.

• EPS Este formato puede contener textos y gráficas vec-toriales. El actual formato AI, se basó en Eps para la creación de su propio formato, aun que estos esáan siendo reemplazados por PDF ya que este puede intercambiar imágenes vectoriales.

• PSD Este formato es nativo de Photoshop. Permite guar-dar todas las presentaciones, retoques, nuevas crea-ciones, cada capa que contenga y los canales de la imagen. Este formato tiene poca compatibilidad con otros programas.

• PDFFue desarrollado por Adobe. Puede contener imágenes, texto, botones interacti-vos, links, vídeos y mucho más. Este formato no depen-de del software donde se creó el documento, ni tam-poco depende de un sistema operativo, por lo que se puede revisar con el mismo resultado sin depender del destinatario.

• RAWEste formato contiene la totalidad de los datos de la imagen como tal y como ha sido captada por el sen-sor digital de la cámara. No contiene ningun paráme-tro de color y solo algunos softwares son capaces de interpretarlos. Se basa de códigos. Esta imagen con-tiene mayor peso.

• SVGPrincipalmente describe las características de como debe aparecer una imagen. Es un sistema de imagen vectorial, por lo que se puede escalar a diferentes ta-maños sin perder la calidad, funciona muy bien en los sitios web y digitales.

• RASTERExpresa la dimensión en número de pixeles que forman una imagen en mapa de bits, ancho x alto. La resolución es una consecuencia que va a depen-der solo del soporte de exhibición, no de los mega-pixeles.

14


IMAGEN VECTORIAL

Las imagenes vectoriales se conectan con las matematicas a traves de la geometría, ya que las imagenes, la tipografia, etc. Estan creados a partir de angulos, vectores y codi-gos matematicos.

EL VECTOR EN GEOMETRÍA

La geometría de plano euclidiano estudia los elementos geometricos a partir de 2D.

• Modulo: Longitud del segmento.• Dirección: Ángulo del vector con respecto

al eje X.• Sentido: Orientación del segmento.

IMAGEN VECTORIAL

Estas imágenes están compuestas por dos dimensiones y objetos geométricos inde-pendientes. Ej: Líneas, polígonos, etc. Que se definen por atributos matemáticos para la posición, el color, la orientación, etc. Con-sisten en ser sólidas, por lo que se pueden agrandar sin perder los detalles.

Usos de imagen vectorial: Tipografías, Logos, Juegos de video, Gráficos web.

CURVAS DE BEZIER

Base para tipografía. Pierre Étienne Bénzier desarrollo este lenguaje para representar las partes de la carrocería de autos Renault.Ecuación paramétrica que da atributos de posición, espesor, color, etc.Los puntos ancla o nodos determinan los segmentos y posibilitan realizar formas re-dondeadas o con ángulos.

15


SOFTWARES DE COMPOSICIÓN EDITORIAL Los softwares pensados para ediciones en general combinan herramientas mixtas de otros softwares vistos, por ejemplo mapa de bits. La característica principal de Indesign es que contiene un espacio donde todo logra convivir; por lo que se utiliza para crear ediciones de múltiples páginas como Libros, Revistas, Manuales, E-books y documentos interactivos.

Por otro lado no es tan ideal para crear afiches, flayers, logos, etc. Ya que para estos casos se utiliza Photoshop o Ilustrator, debido a la profundidad de las imágenes y sus características.

ADOBE INDESIGNEs un software destacado por su intento de eficiencia de manejo de elemen-tos complejos, por lo que ayuda a los editores, diseñadores a realizar su trabajo de mejor manera.

ELEMENTOS QUE COMPONEN UNA EDICIÓN EDITORIAL

• Párrafos de texto: texto fragmentado o continuo, Listas numeradas, Ins-tructivas

• Títulos y subtitulos: determinar la arquitectura de la información mas apropiada para otro lector, dependiendo del fin que esta edición tenga. Comprender la jerarquía. (Todo texto debe tener un título)

• Posición de los párrafos, con la información de manera ordenada y legible lo mas simple posible.

• Estilo gráfico y su tamaño, palabras destacadas, negrita o cursiva, etc.• Trabajar el Indice.• Listas: rompen con la densidad del párrafo que se encuentra en la edi-

ción. Crean una vista mas liviana de la página. (Pueden ser numeradas o no ordenadas con viñetas)

Formatos de Párrafo• Párrafo general • Bajadas de título • Citas o cuñas • Párrafo destacado • Notas al pie.

Estilos en InDesign:• Estilo de carácter: Características que afectan

a palabras (Colores, peso, tipografía, etc).

• Estilo de párrafo: Atributos del párrafo que afectan a la totalidad de este (Interlineado, sangría, etc)

16


ACTIVIDADES1. Explorar espacios de color en Photoshop y otros softwares: explorar a partir

de una fotografía digital propia HUE entre otros atributos (registrar). Explo-rar con la calibración de color de su pantallas.

2. Crear pigmento a partir de materiales en casa: tintas, café, betarraga, té, etc. Recrear fotografía, de forma análoga, combinando y experimentando con pigmentos caseros.

3. Comparar puntos de impresión en distintos impresos encontrados en casa: impresión offset, inyección de tinta e impresión láser, etc.

4. Crear una escala de grises (del blanco al negro), en base a recortes de 1x1 cms impresos por distintos medios en distintos soportes. Observar e iden-tificar tipos de soportes y tipos de impresión en su escala.

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

6. Crear una composición de la palabra anterior en photoshop en un formato de 21x21 cms, en una resolución de 300 px x pulgada, en modo color RGB sobre un lienzo blanco. Usando capas, colores, tipografías e imágenes.

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

8. 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.

9. Recrear una portada de diario a elección usando InDesign, trabajando con líneas guías, página maestra y columnas. Usar tipografías similares o equi-valentes en términos de serif o palo seco. Se recomienda copiar los titulares de las noticias y rellenar párrafos con texto simulado.

17


Actividad 2 // Imagen de Autor



ALGUNAS ACTIVIDADES RELIZADAS EN CLASES

Creación de pig-mentos a partir de algunos elementos encontrados en casa como:• Espinaca• Café• Curry• Pimienta negra• Jugo en Polvo• Tinta de Lapiz

Y la reproducción de una imagen editada con la teoría tricro-mática.

Creación de un lienzo, donde se representa la palabra de la cual elegi-mos.En este caso, la posición de la palabra es uno de los elementos mas im-portantes a considerar, con la Tipografía y su tamaño.

Con la palabra de la actividad anterior, ju-gamos con las capas creando una edición en la cual pudieramos descubrir a través de los colores, efectos y he-rramientas que contiene Photoshop.

PRODUCCIÓN GRÁFICA - PUCV

Documents

Transcript of PRODUCCIÓN GRÁFICA - PUCV