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