Consejos de diseño de impresión para diseñadores web
Comencé mi carrera en la impresión hace casi una década y gradualmente me mudé a la web. Todo este nuevo medio trajo varios obstáculos creativos y técnicos que tuve que aprender a enfrentar e incluso abrazar.
El artículo de hoy es para una nueva generación de diseñadores que hacen el salto opuesto. Ha estado diseñando para el mundo digital durante algún tiempo y está listo para aprender el diseño de impresión. Ayudaremos a facilitar la transición con algunos consejos simples y prácticos.
Explore los elementos de Envato
La impresión no está muerta
En la película original de los Cazafantasmas de 1984, cuando se le preguntó si le gustaba leer, Egon proclama audazmente "la letra está muerta". Esta afirmación no era del todo cierta en ese momento, pero era un presagio extremadamente preciso de los acontecimientos de los próximos veinte años, es decir, el aumento de Internet y la informática personal desde la oscuridad hasta la ubicuidad.
Sin duda, esta revolución, al menos, ha llevado un bate de béisbol a la industria de la publicación y, en consecuencia, la disponibilidad de trabajos de diseño dentro de ellos. Sin embargo, definitivamente todavía no es el caso de que todas las formas de impresión estén muertas. De hecho, el diseño de impresión puede ser una de las habilidades más valiosas y lógicas para agregar a su repertorio como diseñador web.
Si tiene clientes que son dueños de pequeñas empresas, no solo necesitan sitios web y logotipos, sino también tarjetas de visita, papelería, señalización de tiendas, indumentaria y tal vez incluso anuncios en periódicos locales. La mayoría de ellos preferiría saltarse el dolor de cabeza de trabajar con múltiples diseñadores y encontrar un proveedor para todo este material. Si puede manejar tanto la web como la impresión, ¡podría ser usted!
Resolución
Comencemos con algunos conocimientos básicos que probablemente ya conozca. En el mundo web, tiene el lujo de trabajar con imágenes de resolución bastante baja. Ahora, puede ver esto como algo malo porque el nivel de detalle es muy limitado, pero después de haber trabajado mucho con ambos, el trabajo web de baja resolución es mucho más fácil de tratar.
Una de las razones principales para esto es que puede crear gráficos de 72 ppp en casi cualquier computadora que se haya creado en los últimos cuatro o cinco años. Las imágenes más pequeñas no son tan intensivas en el procesador como las imágenes más grandes. Si está acostumbrado a imprimir y cambiar a diseñar para la web, Photoshop se siente como una aplicación completamente nueva que se ejecuta en una súper computadora desde el futuro. Puede pensar que suena como una exageración, pero solo espere hasta que tenga 50 capas en un documento de 11 ″ x17 ″ a 300 ppp. Tendrás babeo sobre Mac Pros en Apple.com al final del día.
Pulgadas, no píxeles
Entonces, ¿cómo son las cosas diferentes para la impresión que la web? Para empezar, los diseñadores de impresión no hablan en píxeles. Dígale a la mayoría de los diseñadores de solo impresión que desea algo de 1200px de ancho y lo verán divertido (saben lo que son los píxeles, pero esa no es la jerga típica). Esto se debe a que las medidas en sus versiones de Photoshop se han configurado en pulgadas.
¡Esta es una distinción importante porque la resolución y el tamaño son interdependientes! 1.200 píxeles de ancho en un documento de 72 ppp es muy diferente de 1.200 píxeles de ancho en un documento de 300 ppp. Un trabajo de impresión de 5 ″ x7 ″ aunque siempre imprimirá algo de cinco pulgadas de ancho por siete pulgadas de alto, solo cambiará la densidad de la tinta.
No siempre 300 ppp
Probablemente le hayan dicho que los diseñadores de impresión crean gráficos en un espacio de trabajo de 300 ppp. Sin embargo, este no es siempre el caso y esa suposición puede hacer que parezca un aficionado a la hora de imprimir.
La mayoría de los trabajos de formato pequeño se imprimen a 300 ppp. Estos artículos son aquellos que pueden ser inspeccionados y retenidos por alguien. ¿Qué pasa con una valla publicitaria? ¿Es necesario tener una impresión de resolución tan grande para algo que ves desde cientos de pies de distancia? Resulta que la respuesta es "no". Los trabajos de gran formato, como pancartas, vallas publicitarias y similares, se construyen casi siempre por debajo de 300 ppp, por lo general a 150 ppp, pero a veces incluso más bajos dependiendo del tamaño.
A menudo, la pregunta de resolución puede plantearse al verdadero experto en la materia: la impresora (la persona, no la máquina). No parecerá un idiota por simplemente preguntar si debería ser un trabajo de 300 o 150 ppp, estas son preguntas comunes al comenzar un proyecto y son esenciales para trabajar antes de comenzar realmente.
¿Debo construir conceptos en baja resolución?
Dado el hecho de que las computadoras pueden producir gráficos de 72 ppp mucho más rápido que los gráficos de 300 ppp, a menudo es práctica de los diseñadores pasar por las primeras rondas de diseño en un espacio de trabajo de baja resolución y esencialmente reconstruir el trabajo en "alta resolución" cerca del Fin del proyecto.
Entre los diseñadores de impresión, este puede ser un tema muy debatido. En última instancia, todo se reduce a la preferencia, pero, por lo que vale, casi nunca tomo esta ruta. A menos que trabaje constantemente con trabajos de gran formato, crear composiciones en alta resolución no debería llevar tanto tiempo. Si lo hace, entonces probablemente sea hora de una nueva computadora. Construir todo en 72 ppp solo para convertir a 300 ppp al comenzar esencialmente de nuevo siempre me parece una molestia cuando es perfectamente fácil construir mis ideas como listas para imprimir.
La única excepción a esto son las imágenes de archivo. Siempre utilizo las composiciones de baja resolución proporcionadas por los sitios de stock cuando presento al cliente para evitar la compra innecesaria de múltiples imágenes costosas.
Color
El color es un gran tema y merece su propio artículo, por lo que no pasaremos demasiado tiempo aquí. Mi simple advertencia es que el color en el mundo de la impresión es un juego de pelota completamente nuevo. En el diseño web, solíamos preocuparnos por los "colores seguros para la web", pero en la actualidad los monitores son tan sorprendentes que generalmente elegimos los colores que queremos en Photoshop y aceptamos que habrá un nivel de variación de pantalla a pantalla.
Al diseñar para imprimir, está trabajando con tinta, no con luz. Para empezar, esto significa trabajar en CMYK en lugar de RGB, pero las implicaciones van mucho más allá. Cosas como los materiales entran en juego junto con una variedad de diferentes prensas y métodos de impresión. A veces, el color que ves en la pantalla no será lo que sale en papel. Otras veces, procesos específicos como la serigrafía requieren ciertas prácticas aceptadas.
Mi mejor consejo aquí es averiguar cuál será el método de impresión e investigarlo lo más posible. Un trabajo de impresión estándar de cuatro colores será el más fácil de realizar, pero ocasionalmente tendrá que trabajar con solo uno o dos colores para ahorrar dinero a su cliente. En estos casos, debe ser creativo y aprender a crear grandes diseños con una paleta mucho más limitada de lo que está acostumbrado a trabajar.
También tendrá que trabajar frecuentemente con colores planos, lo que significa una tinta dedicada mezclada con un color muy específico en lugar de algo que se mezcla en vivo al aplicar diferentes colores al papel. Para leer más sobre cómo trabajar con colores planos, consulte nuestro artículo reciente "Introducción al trabajo con colores planos".
No solo Photoshop
Los diseñadores web tienden a vivir únicamente en Photoshop. Pueden ramificarse a Dreamweaver o incluso Fireworks, pero cualquier exploración adicional de Adobe Creative Suite a menudo es innecesaria.
Sin embargo, en impresión, generalmente realiza el diseño de página en aplicaciones como InDesign e Illustrator. Algunas almas lamentables todavía usan Quark, pero no puedo imaginar por qué. La buena noticia aquí es que ser particularmente fuerte en Photoshop te prepara mucho más para aprender InDesign. La mala noticia es que sigue siendo una aplicación muy diferente, por lo que hay mucho que aprender.
Uno de los conceptos más importantes para comprender es por qué está utilizando múltiples aplicaciones y cómo incorporarlas a su flujo de trabajo de manera sinérgica. La respuesta simple aquí es que Photoshop es para gráficos de trama, todo lo demás (gráficos vectoriales y texto) debe manejarse en su aplicación de diseño de página.
Por ejemplo, supongamos que está creando una portada de revista. Comenzarás con un PSD que contiene tu foto de portada. Aquí puede realizar correcciones de color típicas, acciones de clonación, estilización y cualquier otra cosa que necesite para preparar la foto para imprimir. Una vez que haya terminado con eso, puede colocar este PSD en InDesign y superponer los gráficos vectoriales (a menudo creados en Illustrator) y el texto que forman el resto de la portada.
El diseño de la página de impresión se puede visualizar como un rompecabezas. En esta metáfora, InDesign es la mesa donde construyes tu rompecabezas. Puede crear muchas piezas en otras aplicaciones y luego reunirlas todas y mezclarlas en InDesign. Al colocar las piezas reales de trabajo en progreso en InDesign mediante el comando Archivo> Colocar, cualquier cambio que realice en el PSD, EPS, etc. colocado en otra aplicación hará que su archivo de InDesign se actualice automáticamente.
¿Photoshop no hace texto?
En este punto, es posible que se pregunte por qué el texto no se maneja en Photoshop. Para ser justos, el texto altamente estilizado (con biseles, máscaras, sombras, texturas, etc.) a menudo se mantiene en la parte PSD del archivo. Sin embargo, el texto plano es mucho más fácil de trabajar en InDesign. El motor de texto es muy superior y no solo hace que el texto sea mejor, sino que permite una manipulación mucho más avanzada, como la distribución automática de columnas e incluso la corrección ortográfica.
Otra preocupación importante relacionada es que generalmente no envía un archivo a la impresora (los PDF listos para imprimir son una excepción), sino que reúne todas las piezas de su rompecabezas en una carpeta. Esto incluye sus diversos archivos PSD y EPS colocados, su archivo InDesign e incluso sus fuentes. Trabajar en InDesign le brinda el lujo de un comando automático "Recopilar para salida" que reúne automáticamente todos los recursos asociados con el archivo actual.
Sangrado y Recorte
Uno de los mayores errores de novato que puede cometer en el diseño de impresión es no diseñar con sangrado. Los proveedores de impresión requieren ciertas especificaciones de los diseñadores, no porque sean exigentes o incompetentes, sino porque es realmente la forma en que funciona el proceso y sin estos, todo el trabajo de impresión se ve comprometido.
Diseñar con un sangrado es fácil y permite una impresión profesional perfecta sin bordes en todo momento. Al insertar un sangrado, permite que se realice una impresión que sea más grande que el tamaño del trabajo final. De esta forma, cuando se corta el exceso, todo se ve perfecto y va directo al borde, independientemente de los pequeños cambios de papel que puedan haber ocurrido durante la impresión.
En diseño web, está familiarizado con el modelo de caja CSS, bien en diseño de impresión tenemos algo similar que básicamente define cómo se debe construir casi todos los trabajos de impresión. Aquí hay un vistazo rápido de cómo funciona:
Hay tres áreas principales para este modelo: el sangrado, el recorte y el área viva. El ajuste es el más fácil de entender. Este es el tamaño final deseado del documento impreso; donde se "recorta" el papel. En el ejemplo anterior, nuestro cliente ha ordenado un diseño que mide cinco pulgadas de ancho por tres pulgadas de alto. A partir de aquí, necesitamos crear dos áreas más: una que sea más grande que la moldura y otra más pequeña.
El área más grande es el sangrado. Como acabamos de explicar, esto permite que la tinta salga del borde de la página. El trabajo anterior tiene un fondo degradado, pero ese fondo se extiende más allá de los límites de 5 "x3" a un área de 5.75 "x3.75". Al agregar 0.25 ″ al tamaño total, el resultado es un sangrado de 1/8 de pulgada alrededor de la página, que es estándar en los Estados Unidos (típicamente 2-5 mm en el Reino Unido). Todo lo que coloque en el documento que debería "sangrar" fuera de la página, ya sea una foto o un relleno texturizado, debería extenderse a esta área más grande, teniendo en cuenta que se reducirá a algún lugar alrededor de la línea de recorte.
El área más pequeña que creé en el ejemplo anterior es el "área en vivo", que es una pieza muy importante que quizás no conozcas como diseñador web. En general, es una mala práctica colocar texto y gráficos sin sangrado demasiado cerca del borde de la página. Desea darles suficiente espacio de respiración visual y también estar seguros de que no se recortarán. Por lo tanto, el área en vivo se crea como una especie de zona segura para que coloque este tipo de contenido. Por ejemplo, si desea un título enorme, estírelo desde un extremo del área en vivo al otro, pero no más.
Los tamaños de áreas vivas no están estandarizados y varían considerablemente de un trabajo a otro. Como regla general, inserto mi área en vivo 1/8 ″ por completo para que coincida con el sangrado. Sin embargo, diferentes revistas y periódicos tienen sus propios requisitos establecidos que debe seguir. Además, para trabajos grandes, un recuadro de 1/8 ″ no es lo suficientemente cercano y dará como resultado gráficos que aún parecen ir al borde sin espacio para respirar. En este caso, tendrá que mirarlo y decidir sobre un espacio aceptable.
Afortunadamente, tanto Illustrator como InDesign pueden manejar gran parte del trabajo de crear documentos para usted con este tipo de especificaciones integradas, pero aún es importante comprender los conceptos. Además, asegúrese de consultar con su proveedor de impresión ya que es probable que tengan plantillas preconstruidas que ahorran muchos problemas para todos los involucrados.
Tendencias de diseño
Para finalizar nuestra discusión, analicemos brevemente cómo abordar un diseño de impresión desde una perspectiva creativa. En primer lugar, aprenderá rápidamente que la impresión es un medio muy diferente al que está acostumbrado con la web. En diseño web, solo estás limitado por tu imaginación. Con la impresión, tiene un tamaño de página físico que debe ser conforme; el desplazamiento no es posible! Esto significa que cuando su cliente le da una tonelada de texto, tiene que descubrir cómo hacer que se ajuste de una manera legible y atractiva.
Además, tenga en cuenta que su estilo de diseño y tendencias particulares pueden o no prestarse bien para imprimir. Al igual que lo hace con el diseño web, es importante echar un vistazo y tomar nota de las tendencias actuales en la impresión. Haga un viaje a la librería y explore algunas revistas (no se salte los anuncios, son la mejor parte) o revise ese correo basura antes de que llegue a la papelera de reciclaje.
Conocer las tendencias no tiene por qué hacerte un conformista, sino que te ayuda a mantenerte en contacto con lo que la gente está acostumbrada a ver. Si la última vez que prestó atención al diseño de impresión fue en 1995, podría ser propenso a producir algo que se vea feo y anticuado para los consumidores de hoy.
Del mismo modo, si todo lo que conoce es el estado del diseño web moderno, podría tener muchos problemas para traducir estas ideas a una página impresa de una manera que sea significativa y atractiva para el espectador. Las animaciones jQuery no son buenas aquí, tienes que captar el enfoque de alguien a través de un atractivo estético puramente estático.
Lleva tiempo y práctica, pero un buen diseñador florecerá tanto en impresión como en diseño web.
Conclusión
Honestamente, si actualmente es un diseñador web que busca imprimir, está en una buena posición. En muchos sentidos, estás volviendo a una forma más simple de pensar. Hacer el viaje opuesto requiere mucho aprendizaje técnico nuevo, especialmente si el código entra en escena.
Este artículo estaba destinado a mostrarle que no puede abrir Photoshop y decidir que algún día será diseñador de impresión. Su conocimiento como diseñador web ayuda, pero todavía hay mucho aprendizaje específico de la industria que debe hacerse. Todo, desde la creación de la plantilla hasta la finalización del diseño, es un proceso muy específico en la impresión y si no conoce sus cosas, podría ser responsable financieramente por cualquier error. Dedicar un poco de tiempo a leer la información presentada puede ahorrarle muchos problemas y dolores de cabeza.
Deje un comentario a continuación y díganos qué consejos específicos de impresión tiene para los diseñadores web que están haciendo la transición.
Créditos fotográficos: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck y Steve Garfield.
