Buenas prácticas en diseño para impresión

Buenas prácticas en diseño para impresión www.aprende.co/courses/buenas-practicas-diseno-impresion

Marlon Ceballos -­‐ @adobexpert Adobe Community Professional / Adobe Cer;fied Instructor

pert pert

Learn design & code Learn design & code

www.xpert.co

CERTIFIED INSTRUCTOR Web C E R Design T I F I E DMaster I N S T R/ U C T OMaster R

Design Master / Web Master

Marlon  Ceballos

CERTIFIED INSTRUCTOR

Design Master / Web Master

www.linkedin.com/in/marlonceballos/

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Learn

Learn

pert

design & code

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Color Management System (CMS)

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Qué es CMS? • Conjunto de procesos que permiten predecir el color de un flujo de trabajo.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Por qué se necesita CMS? • Variaciones en las capacidades de color • Variación en el resultado del color • Poca capacidad de predicción de color.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Qué es el color?

• • • •

Propiedad de los objetos Propiedad de la luz Sensación del observador Variaciones.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Espectro electromagné;co

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Espacio de color CIE 1931 • Espacio de color RGB • Espacio de color CMYK.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Diferencias de color

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Diferencias en disposi;vos

Color x en disposi;vo 1 Color x en disposi;vo 2

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Diferencias en disposi;vos

R80 G125 B255

Learn

pert

design & code

R80 G125 B255

www.xpert.co

R80 G125 B255

CERTIFIED INSTRUCTOR

Design Master / Web Master

Diferencias en disposi;vos

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Cómo poder predecir el color • Lograr consistencia mediante calibración (ajustes) • Flujo de trabajo estandarizado.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Calibración básica monitor • Windows: www.xper.co/1EZopbe • Mac: www.xper.co/1NWEun8.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Cómo homologar el color • Iden;ficar las capacidades de color mediante caracterización (medición) • Perfiles de color.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Engine • El Engine es la parte del CMS que hace ajustes a los valores de color para minimizar las diferencias de color entre disposi;vos.

R80 G125 B255

Learn

pert

design & code

R80 G130 B250 R80 G125 B255

www.xpert.co

R72 G115 B255 R80 G125 B255

CERTIFIED INSTRUCTOR

Design Master / Web Master

CMS en Aplicaciones Adobe

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

El proceso • Iden;ficar la apariencia de un valor de color • Mantener la apariencia modificando los valores de color • Perfiles de color.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Aplicaciones Adobe • • • • •

Color seengs files (CSFs) Adobe Bridge Preservación de números CMYK Conversión de spot colors a process Control en previsualización e impresión de color negro.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Pasos recomendados • Calibrar el monitor • Seleccionar el CSF en Adobe Bridge (consistencia).

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Flujo de trabajo CMYK

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Flujo de trabajo CMYK • El obje;vo principal es preservar los valores de color CMYK.

C M Y K

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Ajustes  recomendados

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

En Photoshop • Al conver;r imágenes de RGB a CMYK usa e incrusta el perfil U.S. Web Coated (SWOP) v2 • Al abrir una imagen sin perfil se respetan los valores de color y se incrusta el perfil U.S. Web Coated (SWOP) v2 • Al abrir una imagen con otro perfil se puede hacer la conversión al perfil U.S. Web Coated (SWOP) v2 pero pueden haber cambios de color en la imagen.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

En InDesign e Illustrator • Al crear documentos CMYK en Ai, usa e incrusta el perfil U.S. Web Coated (SWOP) v2 • InDesign asigna los perfiles correspondientes a los elementos RGB y CMYK • Es posible controlar la previsualización del color negro.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Flujo de trabajo CMYK/RGB

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Flujo de trabajo CMYK/RGB • Generalmente las imágenes se encuentran en RGB.

Convert to AdobeRGB

Use embedded profile RGB or CMYK

Convert to AdobeRGB in driver

Monitor

Preserve RGB and CMYK color spaces Photoshop

Inkjet proofer

Illustrator

Create in RGB or CMYK

InDesign

Convert RGB to CMYK when exporting to PDF/X-1a (forces all content to CMYK)

PDF CMYK

Build color in CMYK or RGB

PDF

RGB/ CMYK

Export to PDF/X-3 (allows mixed content)

Convert RGB to CMYK in the print dialog box

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Ajustes  recomendados

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

En Photoshop • Guardar las imágenes capturada o digitalizadas con el perfil Adobe RGB • Algunas imágenes podrían venir con un perfil específico de una cámara o scanner, generalmente conver;r al perfil del espacio de trabajo man;ene los grises neutros • Al abrir una imagen sin perfil se le asigna el perfil del espacio de trabajo.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

En InDesign e Illustrator • InDesign asigna los perfiles correspondientes a los elementos RGB y CMYK • En InDesign e Illustrator se respetan los perfiles incluidos en archivos que importemos • Al incrustar elementos RGB en un documento CMYK se convierten a CMYK y usan el perfil del espacio de trabajo.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

En  InDesign

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Al finalizar el archivo

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Sok-­‐proofing • Photoshop, Illustrator, InDesign y Acrobat permiten hacer un sok-­‐ proofing de los archivos.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Hard-­‐proofing • Photoshop, Illustrator e InDesign permiten hacer un hard-­‐proofing de los archivos.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Exportar a PDF • PDF/X-­‐1a: CMYK y spot colors • PDF/X-­‐3: Soporte a otros modelos de color como RGB • PDF/X-­‐4: Soporte a transparencias y capas.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Aspectos que afectan la impresión

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Cobertura total de ;nta (TAC) • Can;dad de ;nta depositada en un área específica de impresión • Afecta el ;empo de secado de la ;nta y el detalle de impresión • 240% -­‐ 340%.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Cobertura total de ;nta (TAC) • Se puede iden;ficar en RGB • Se puede controlar mediante el perfil CMYK.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Punto mínimo y máximo • Porcentaje mínimo y máximo de ;nta • Define el detalle de luces y sombras • Depende del sistema de impresión, sustrato, etc.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Rich black • Tinta negra enriquecida • Las ;ntas son traslúcidas • Adición de una segunda o mas ;ntas ;nta a la ;nta negra.

100% K

Learn

pert

design & code

www.xpert.co

100% K 20% C

CERTIFIED INSTRUCTOR

Design Master / Web Master

Resolución • Define detalle, no color • Factor 1.5 al 100% • Cuidado con la interpolación.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Resolución • Poca resolución: poco detalle (pixelamiento) • Mucha resolución: peso excesivo de archivo y pérdida de detalle • FC.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Tamaño de texto

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Texto • NO conver;r a curvas!

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Grosor de líneas • Líneas posi;vas: 0.2mm -­‐ 0.3mm • Líneas nega;vas: 0.3 -­‐ .5mm • Líneas en varios colores en nega;vo pueden necesitar mayor espesor.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Trapping • Area de superposición: 0.2 mm -­‐ 0.4 mm.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Tintas • No usar spot colors si no son necesarios • Iden;ficar claramente si una ;nta blanca imprime o no.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Gradients o esfumados • Gradients con spot colors • Gradients a blanco: cuidar punto mínimo • Cuidado con el "banding" y el "droping-­‐off".

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Gradients o esfumados • Factores que pueden generar "banding": - Longitud del gradient. Mayor longitud, mayor riesgo - Rango de colores. Menor rango, mayor riesgo - Menor riesgo en ;ntas claras y bajas lineaturas.

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master

Gracias!

Learn

pert

design & code

www.xpert.co

CERTIFIED INSTRUCTOR

Design Master / Web Master