Share
Hace unos años, cuando decidí por primera vez que me gustaría probar el diseño de impresión (mi fondo está en la web y en el trabajo de pantalla), tuve la impresión de que había algunas cosas mágicamente difíciles que tenías que saber para imprimir. La realidad es que para proyectos simples es realmente muy fácil. En este tutorial lo guiaré a través del proceso completo de diseño de un folleto simple, preparándolo para imprimir y luego cargarlo en una impresora comercial en línea, revisar la prueba y ver el producto terminado.
Esta publicación es el día 15 de nuestra sesión de diseño gráfico. Sesiones creativas "Session Day 14Session Day 16"Antes de comenzar cualquier proyecto de impresión debes siempre hacer un poco de planificación. Esto se debe a que el formato final, las dimensiones y la elección de la impresora afectarán la forma en que se diseñe.
Lo primero que harías normalmente es obtener el proyecto breve. En mi caso no hay cliente, así que solo voy a inventar un proyecto. Desde esta semana estamos promocionando GraphicRiver, voy a hacer un folleto sobre el sitio, como si estuviera dirigido a un diseñador que no sabe lo que ofrece el sitio. Así que realmente será una especie de catálogo básico..
Así que lo primero que haremos es seleccionar una impresora. No es una mala idea tener algunas impresoras diferentes con las que está acostumbrado a trabajar. Te sugiero que con el tiempo deberías tener:
Para nuestros propósitos, vamos a utilizar una impresora en línea llamada UPrinting. Son impresoras estadounidenses y se entregan a cualquier parte del país. Usted puede hacer absolutamente todo, desde el pago hasta la carga hasta la revisión a través de su sitio web, y las tarifas que ofrecen son muy competitivas..
Nunca los había usado antes de este tutorial y, en general, me impresionó bastante el servicio..
Así que aquí estamos en el sitio web de UPrinting. El primer paso es seleccionar un producto. Queremos hacer algo Folletos.
El siguiente paso es especificar qué tipo de folleto nos interesa:
He elegido una acción pesada. El peso es un poco extraño para mí, ya que aquí en Australia usamos gsm en lugar de libras. Puedes encontrar una tabla de conversión aquí.
Ahora que sabemos lo que estamos diseñando, es una buena idea hacer una maqueta de papel muy rápida. Encuentro esto útil para los artículos que van a incluir el plegado porque ayuda a asegurarse de colocar las cosas correctas en los lugares correctos.
Así que aquí acabo de tomar un pedazo de papel de mi cuaderno, lo doblé como un tríptico folleto y luego escribí aproximadamente lo que voy a colocar en cada página..
Luego, cuando lo despliegues, puedes ver cómo organizar los diferentes paneles en la página. Así, por ejemplo, la portada del folleto aparece en el panel más a la derecha de la página exterior. Esto tiene sentido cuando lo ves en la realidad, pero si abres Photoshop y comienzas a diseñar, existe la tentación de pensar que la primera página debe ser la primera y, por lo tanto, la izquierda..
El otro beneficio de hacer una maqueta de papel es que usted se da cuenta de cómo la persona leerá el folleto y será útil para el siguiente paso..
Así que en mi maqueta de papel se me ocurrió un diseño básico de cómo quiero organizar las cosas en el folleto. La primera página solo tendrá un encabezado, "miles de archivos gráficos de solo $ 1", y el logotipo. Luego, las páginas interiores tendrán todos nuestros diversos tipos de productos: Photoshop, Illustrator y Otros. La página exterior que verá cuando abra la cubierta frontal tendrá una instrucción paso a paso "Cómo funciona" en el sitio, y la cubierta posterior hablará sobre nuestros mercados hermanos..
Lo he establecido de esta manera para tratar de presentar la información de una manera fácil de digerir:
El siguiente paso es configurar un documento en Photoshop para diseñar. Algunas impresoras solo le brindarán un conjunto de información y especificaciones, y deberá configurar su propio documento..
Advertencia: Si no está acostumbrado a imprimir diseño, existe la tentación de asumir que las líneas de plegado del documento simplemente se colocarán en intervalos de 1/3 del documento, ya que se plegará en tres. Este no es el caso. Así, por ejemplo, para nuestro folleto tríptico el tamaño de los paneles es 3.625 ", 3.6875" y 3.6875 ", es decir, uno de ellos es .06" más pequeño que los otros dos. Y además, cuando se voltea hacia el otro lado, el panel más pequeño está en un lugar diferente. En el exterior es el panel más a la izquierda, en el interior es el panel más a la derecha.
Felizmente, UPrinting proporciona una sección de plantillas donde puede obtener un documento completo con las guías colocadas correctamente, que puede activar y desactivar mientras diseña.
Puedes ver las dos plantillas abajo..
Las cosas importantes a tener en cuenta son:
Así que con nuestro documento configurado y nuestra planificación previa, es hora de hacer algunos gráficos. Así que trabajaremos directamente en la plantilla de archivos PSD provistos por UPrinting porque entonces no tenemos que volver a dibujar las guías..
Lo que vamos a hacer es hacer un fondo simple de miniaturas de todos los archivos disponibles en GraphicRiver. Así que pasé y obtuve capturas de pantalla de unos 35 artículos más o menos y los recorté para 375px x 375px, Luego colóquelos en una cuadrícula como se puede ver a continuación. Cuando salí corriendo, empecé a repetir las mismas miniaturas de nuevo (¡porque era un poco flojo para hacer más de ellas!
A continuación, los desvaneceremos a negro creando una nueva capa en la parte superior, llenándola de negro y configurando la transparencia para 85%.
Siguiente he ido a Ver> Mostrar> Guías Para hacer aparecer las guías de UPrinting. Luego creamos una nueva capa en la parte superior y rellenamos un rectángulo con el tamaño de uno de los paneles con negro como se muestra a continuación.
Ahora, mientras el panel está seleccionado, vaya a Seleccionar> Modificar> Pluma y usa un valor de 150px.
Entonces pulsa Borrar y deberías quedarte con un oscuro desvanecimiento en los bordes..
Ahora siga los mismos pasos para agregar el fundido oscuro en los tres paneles. Una vez que tenga los tres, probablemente valga la pena duplicar las capas para duplicar el efecto y hacerlo un poco más pronunciado..
Y ahí tenemos nuestro fondo! Repetí este mismo procedimiento tanto en el interior como en el exterior de los archivos PSD..
Ahora vamos a crear un texto de encabezado con la fuente Agenda-Black, que es bonita, redonda y gruesa. Escribí mi encabezado principal ("1000's de archivos gráficos") en mayúsculas.
A continuación, agregaremos un estilo de capa al texto, para que esto funcione, aunque necesitamos que cada línea de texto se separe como su propia capa. Esto tendrá más sentido en un momento. Así que debes tener una capa con la palabra "1000's" y otra capa con las palabras "Archivos Gráficos".
Luego haga clic derecho en cualquiera de las capas y seleccione Opciones de mezcla para abrir el cuadro de diálogo de estilo de capa. Ahora agregue un Gradiente de superposición y configura el degradado para que sea blanco a un gris muy tenue (C: 0, M: 0, Y: 0, K: 12). Luego agrega un 2px trazo interno de blanco.
La razón por la que necesitamos tener cada línea de texto en su propia capa es que, de lo contrario, el degradado se extenderá sobre ambas líneas de texto, mientras que queremos un degradado en cada línea.
Esta combinación de fuente y estilo es, por supuesto, la forma habitual en que escribo mi estilo en Envato Marketplaces para anuncios y gráficos en general. Esto es importante ya que queremos mantener un poco de marca consistente en el folleto..
A continuación, simplemente he puesto todos los elementos en la página. Es principalmente texto y logotipos, por lo que no hay mucha técnica de Photoshop, por así decirlo..
Para los pasos he añadido algunos botones numerados. Los números son la misma fuente Agenda-Black con el mismo estilo de capa agregado. Los círculos de aspecto brillante que puedes hacer con un antiguo tutorial de Psdtuts + llamado Photoshop Button Maker.
Las cosas a tener en cuenta acerca de cómo he presentado todo aquí son las siguientes:
En el panel "Cómo funciona", deberían ver primero los cuatro botones numerados que he hecho grandes y audaces para que quede claro de inmediato que, aunque hay mucho texto en este panel, será fácil de leer y resumir . Luego tenemos un título de gran paso para que, aunque nunca lean el texto pequeño, un lector pueda digerir la esencia de la página..
A continuación vamos a disponer el interior. Así que abra el otro archivo PSD de plantilla y ejecute el mismo procedimiento para crear nuestro fondo. Tenga en cuenta que no puede simplemente copiar y pegar el fondo de una sola vez porque los tamaños del panel son diferentes en este lado.
A continuación coloqué tres títulos para los tres paneles. Mi objetivo aquí era crear un poco de interés visual haciéndolos ir en diagonal a través y abajo de la página. También agregué íconos de Photoshop e Illustrator con una gran sombra e inclinado en ángulo para darle a la página un toque de bofetada..
A continuación, examiné todos los diferentes tipos de archivos que tenemos en GraphicRiver y elegí representantes para mostrar. Para cada uno hice un pequeño gráfico, generalmente una captura de pantalla con un poco de sombra, y coloqué un título de dos líneas al lado en Agenda Semibold.
Así que aquí puede ver las tres páginas con elementos cruzados de un lado a otro. Esta página se siente un poco desordenada, pero en realidad no está tan mal y una vez que el folleto esté plegado se sentirá como si tuviera un poco más de estructura. En todos los casos, es una buena idea alinear los bloques de texto para que estén centrados y alineados verticalmente con otros bloques de texto en sus ejes..
Aquí puedes ver ambas páginas una al lado de la otra. Y con eso hemos terminado con Photoshop.!
Ahora, debido a que nuestro archivo se guarda a 300 ppp y tiene una resolución bastante alta, en teoría podríamos guardar un PDF de Photoshop y cargarlo para imprimirlo..
Solía ser que Photoshop aplanaba todo y el texto no se guardaba como vectores. En estos días, puede guardar un PDF de Photoshop y almacenará el texto y cualquier otro objeto vectorial (como los objetos inteligentes) como vectores.
Sin embargo, en muchas situaciones, es una buena idea crear documentos de InDesign para imprimir, ya que InDesign le brinda acceso a algunas herramientas útiles de diseño de página, como hojas de estilo, la capacidad de crear archivos PDF de varias páginas, la capacidad de agregar marcas de impresora de manera muy sencilla, etc..
Para este tutorial ahora vamos a tomar nuestro trabajo de Photoshop y colocarlo todo en InDesign, luego desde InDesign crear el PDF final.
A continuación, vaya a través de ambos PSD y desactive todos los textos sin formato (no los encabezados con estilos de capa) para que no sean visibles. Luego ve a Archivo> Guardar como ... y elige TIFF. Desmarque la casilla que le pregunta si desea conservar las capas y luego cree un archivo TIFF grande y plano de los lados del folleto.
Para finalizar este tutorial, diríjase a Vectortuts +, donde llevaremos nuestro trabajo de Photoshop a InDesign y desde allí lo enviaremos a imprimir.!
Esta publicación es el día 15 de nuestra sesión de diseño gráfico. Sesiones creativas "Session Day 14Session Day 16"
Accentsconagua