Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing

Publicación de un documento PDF de varias páginas con Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Design Essentials.
How to Create Outstanding Modern Infographics
Create a Personalized Toolkit for Making Maps

Spanish (Español) translation by lás (you can also view the original English article)

Una de las funciones menos conocidas de Illustrator es su capacidad para producir y publicar documentos de varias páginas en formato PDF. ¿Por qué es una función menos conocida? Bueno, porque aplicaciones como InDesign y Quark Xpress están dedicadas a producir dichos documentos y es poco probable que alguna vez se te recomiende usar Illustrator.

Sin embargo, es posible, y en caso de apuro, esta técnica puede ser útil, especialmente cuando está creando documentos que solo tienen unas pocas páginas. Este tutorial explicará cómo se hace, mientras discute alguna teoría de diseño de cuadrícula para producir un Informe Anual.

Paso 1: configuración del documento

Después de abrir Illustrator, comience un nuevo documento (Comando + N) y especifique algunas configuraciones en el diálogo Nuevo documento. Dé al documento un nombre de "informe", seleccione Milímetros para las Unidades, Paisaje para la Orientación y RGB para el Modo de Color. Nota: Elegimos RGB ya que este documento está destinado a la visualización en pantalla. Si es probable que se imprima el suyo, es recomendable seleccionar CMYK y asegurarse de que los efectos ráster estén configurados con la resolución de impresión planificada.

El tamaño se registrará automáticamente como Personalizado a medida que ingresemos nuestras propias dimensiones. Necesitamos una mesa de trabajo tres veces más grande que una página A4 (210 mm x 297 mm) para crear tres páginas. Por lo tanto, mantendremos la altura en 297 mm pero aumentaremos el ancho para acomodar 2 páginas más (3 x 210 mm = 630 mm).

Haz clic en Aceptar.


Paso 2: mosaico de páginas

Vaya a Ver > Mostrar mosaico de páginas.

Verá un área en su mesa de trabajo que representa lo que imprimiremos en un archivo PDF. Esta área puede ser de cualquier tamaño, dependiendo de la configuración anterior de Illustrator Print.


Paso 3: Configuración de los mosaicos de página

Ahora necesitamos ajustar los mosaicos para darnos nuestras 3 páginas A4 dentro de la mesa de trabajo.

Vaya a Archivo > Imprimir (Comando + P). Se le presentará el diálogo Imprimir, una ventana considerable con (según la leyenda) miles de millones de opciones y configuraciones. Simplemente nos concentraremos en aquellos que necesitamos para configurar nuestro documento PDF de 3 páginas correctamente. En la sección General, deberá configurar lo siguiente:

  • Printer: Adobe PostScript® File
  • PPD: (Descripción de la impresora PostScript®) Adobe PDF   
  • Omitir páginas en blanco: (ignora las páginas en blanco, solo imprime las que tienen contenido) marcado
  • Tamaño: (tamaño de las páginas individuales) A4

Paso 4: aún configurando los mosaicos de página

Ahora, en la sección Configuración, deberá configurar lo siguiente:

  • Recortar ilustraciones a: Artboard
  • Origen: tanto X como Y se establecen en 0 mm para que el mosaico comience precisamente en la esquina superior izquierda de su mesa de trabajo.
  • Mosaico: páginas completas de mosaico

Puede ver en el panel de vista previa cómo progresa su documento. Ahora debería ver que la mesa de trabajo se ha dividido en tres mosaicos de páginas A4.


Paso 5: Guardar Preset

Una vez que haya terminado de configurar sus opciones de impresión, puede resultarle útil guardarlas. Haga clic en Guardar ajuste preestablecido y asigne un nombre a su ajuste preestablecido en el diálogo que aparece. La próxima vez que necesitemos duplicar estas configuraciones, puede seleccionarlas en Imprimir preestablecido.

Haga clic en Aceptar para guardar el ajuste preestablecido y luego haga clic en Listo (no en Guardar) para volver a su documento.


Paso 6: Ocultar mesa de trabajo

Si su mesa de trabajo está visible actualmente, puede resultarle útil ocultarla; Tenemos suficientes líneas en nuestra página en este momento. Vaya a Ver > Ocultar mesa de trabajo. Tendrás un área agradable, limpia, numerada, de tres páginas en tu pantalla.


Pausa para el café: teoría de la cuadrícula

Estructurar un diseño con una cuadrícula predeterminada tiene muchas ventajas, especialmente cuando se trabaja con varias páginas. Esto es cierto para la impresión, la web, de hecho, todas las disciplinas de diseño. Las teorías del diseño de diseño basado en cuadrícula han sido bien documentadas durante décadas. Paul Rand fue abierto sobre la teoría del diseño gráfico y abogó por los beneficios del uso de cuadrículas en el diseño.

La cuadrícula, entonces, es la disciplina que libera [al diseñador] de la carga que lleva mucho tiempo de tomar ciertas decisiones (dimensiones, proporciones) sin las cuales el trabajo fructífero y creativo es extremadamente difícil. Puede pasar directamente a aquellos aspectos del problema en los que la expresión individual, las ideas novedosas y la libertad de elección son esenciales.

"El diseño y el instinto de juego", Paul Rand, 1965

Por lo tanto, vaya y consiga un café, eche un vistazo a algunos de los recursos al final del tutorial y haga una investigación sobre el uso de cuadrículas en el diseño.


Paso 7: tu cuadrícula

Precisamente cómo usted diseña su cuadrícula depende de usted; el mío se basa en seis columnas y seis filas. Además, los siguientes pasos definirán los márgenes y los canales que los dividen.

Comience colocando un rectángulo en su mesa de trabajo. Dele las dimensiones de una página A4 y alinéelo con el primero de sus tres mosaicos.


Paso 8: Establecer los márgenes

Con su rectángulo seleccionado, vaya a Efecto > Trazado > Desplazamiento y escriba -12 mm en el diálogo que aparece. Haga clic en Aceptar y luego vaya a Objeto > Expandir apariencia para expandir su rectángulo más pequeño.


Paso 9: terminando los márgenes

Haga clic en Comando + K para mostrar las preferencias de Illustrator. Establezca el incremento del teclado en 6 mm y haga clic en Aceptar.

Ahora, usando la herramienta Selección directa, arrastre y seleccione los puntos de anclaje inferiores del rectángulo, luego presione la tecla de flecha ARRIBA una vez. Esto nos da 6 mm adicionales para el margen inferior de la página; bueno para la estética y también proporciona un pequeño espacio para una declaración de derechos de autor, paginación, etc.


Paso 10: Configuración de columnas, filas y canales

En el diseño de impresión, las cuadrículas consisten tradicionalmente en columnas y luego canaletas que las dividen. Desde la llegada del diseño web y el uso de cuadrículas para diseños web, ha evolucionado otro enfoque. La naturaleza de construir una página web significa que las canaletas son más un obstáculo que una ayuda, por lo que las canaletas se simulan mediante el uso de relleno y márgenes dentro de los elementos.

Personalmente, diseño más para la web que para imprimir, así que voy a demostrar a qué estoy más acostumbrado. Una ventaja de diseñar con una cuadrícula basada en la web es que permite que su documento impreso se traduzca sin problemas para la web. Si todo esto parece un poco confuso, todo quedará claro ...

Mientras su rectángulo está seleccionado, vaya a Objeto > Ruta > Dividir en cuadrícula.


Paso 11: dividir en cuadrícula

Illustrator hace que sea agradablemente simple convertir cualquier camino cerrado en una serie de columnas, filas y canales como verá en este diálogo. Ingrese la configuración como se ve a continuación (haga clic en Vista previa para ver el rectángulo cambiando a medida que avanza) para crear seis columnas y seis filas y luego haga clic en Aceptar. Tenga en cuenta que hemos introducido 0 mm para las canaletas, ya que no queremos ninguna en este caso.


Paso 12: Duplicar y cambiar a guías

Depende de usted cómo duplicar la cuadrícula que acaba de hacer. Asegúrese de hacer dos más y alinearlos todos en la posición correcta en las fichas. Luego seleccione los tres y vaya a Ver > Guías > Hacer guías

Todo lo que tiene en esta capa son sus guías de cuadrícula, así que para facilitarle las cosas, bloquee la capa y asígnele el nombre de "guías".


Paso 13: Colores

El uso de cuadrículas se trata de limitar la toma de decisiones (hasta cierto punto) en el proceso de diseño. Vamos a continuar en esa ruta al predefinir nuestros colores para evitar tener que pensar en ello más adelante. Al agregar solo dos colores al panel Muestras, obtendremos un rango simple pero llamativo para nuestro documento.

Haga clic en Nueva muestra en el panel o arrastre un objeto del color elegido al panel. Usé los colores: naranja (#D8601D) y oliva (#A8A885). Una vez agrupados en el panel Muestras, los colores están disponibles en diferentes grados de tinte, sombra, silencio, calor, etc. desde el panel de la Guía de colores. Desde aquí podemos colorear todo en nuestro documento, sin romper nuestras propias reglas.


Paso 14: Comenzando con el diseño

Haga una nueva capa, llámela "objetos", o lo que quiera. Use la herramienta Rectángulo para crear un rectángulo que cubra la totalidad de la primera página y otro que cubra el cuarto inferior izquierdo de la segunda página. Coloréelos adecuadamente, como se muestra a continuación.


Paso 15: capa de texto

Crea otra capa nueva y llámalo "texto". Copie el rectángulo verde oliva y luego bloquee la capa de "objetos". Seleccione la capa "texto" y haga clic en Comando + F para pegar el rectángulo en esta capa en la posición correcta.

Usando la misma técnica que antes (Efectos > Trazad > Desplazamiento), compensa la ruta de este rectángulo en -6 mm y luego expande (Objeto > Expandir). Dale un color diferente (de tu elección) para que sea más visible si lo deseas.


Paso 16: Agregar texto

Hemos hecho nuestro rectángulo dentro del rectángulo más grande, dándonos efectivamente un contenedor con (en términos de CSS) un relleno de 6 mm que actúa como nuestro canalón. Aplicaremos este "relleno" a todos los contenedores que construimos con nuestra cuadrícula para continuar con la uniformidad.

Agregue texto falso al contenedor seleccionando la herramienta Tipo y haciendo clic en la ruta del rectángulo. Su rectángulo perderá su color y se convertirá en un contenedor de texto de dimensiones fijas; no se expandirá ni contraerá, independientemente de la cantidad de texto que coloque dentro.


Paso 17: ... y repita

Repita los pasos 15 y 16 para crear un segundo contenedor de texto junto al primero. Elimine el mayor de los dos rectángulos y coloree el texto de manera diferente para permitir un fondo blanco. Realmente debería poder ver el efecto de usar "relleno" como una canaleta ahora.


Paso 18: Trazo

Agregue un trazo con la herramienta Segmento de línea en todo el ancho de la cuadrícula, nivele con la guía horizontal más central. Coloréelo de acuerdo con su paleta predefinida y luego empuje (tecla de flecha hacia arriba) una vez para moverlo 6 mm hacia arriba (¿recuerda haber configurado el incremento del teclado en 6 mm en el paso 9?). Agregue otro a la parte superior de la cuadrícula para crear un área en la parte superior de la página.


Paso 19: otras proporciones

La flexibilidad de usar una cuadrícula basada en múltiplos de 6 es que tanto la ranura 3 como la 2 encajan perfectamente. Por esta razón, también podemos dividir el ancho de la cuadrícula en 3 columnas, aplicar el mismo "relleno" y aún se ve visualmente aceptable. Cree seis contenedores, desplace la ruta para aplicar el relleno y expanda como se muestra.

Mientras tanto, también agregué un título en la parte superior de la página.


Paso 20: Más texto ficticio

Agregue texto al área inferior de los contenedores que acaba de hacer. Estas serán etiquetas para los gráficos que haremos en el siguiente paso.


Paso 21: Gráficos

Cree una cuarta capa, llámela "gráficos" y bloquee las otras para evitar interferir con ellas. Ahora seleccione la herramienta Gráficos circulares y haga clic en la mesa de trabajo. Ingrese la altura y el ancho que desee en el cuadro de diálogo que aparece, ajustaremos las dimensiones más adelante.


Paso 22: Ingresando sus datos

Aparecerá un panel de entrada de datos.

No voy a entrar en muchos detalles para crear gráficos con Illustrator, ¡eso es completamente diferente! Sin embargo, explicaré brevemente que cada fila de datos aquí creará un gráfico circular separado. Cada uno tendrá un tamaño proporcional a los demás con respecto al total de sus filas (en este caso, cada fila totaliza 100, por lo que serán de dimensiones iguales). Ingrese los datos como lo he hecho y haga clic en Aplicar (la marca en la parte superior derecha).


Paso 23: desagrupar

Cierre el diálogo y desagrupe (Comando + U) los gráficos. Se le advertirá sobre la pérdida de características de edición de los gráficos si los desagrupa, pero aquí solo nos interesan como rellenos visuales, por lo que podemos perder su dinamismo.


Paso 24: color y extrusión

Tendrás que desagrupar todo el lote varias veces para separar completamente los gráficos, pero una vez que lo hayas hecho, dales un poco de color de tu paleta, agrupa cada gráfico individual y aplica un efecto de extrusión 3D. (Para obtener más información sobre la Extrusión 3D, consulte el tutorial, Crear una lata de frijoles mapeando vectores a un objeto 3D).

Coloque los gráficos resultantes sobre sus etiquetas y no tenga miedo de romper las guías cuando lo haga. Los círculos a menudo deben corregirse visualmente cuando se aplican a las cuadrículas, como alguien muy inteligente dijo una vez: "Las reglas están hechas para guiar a los sabios y a los tontos a seguir".


Paso 25: Página 3

Hemos discutido la mayoría de los principios relevantes con respecto al diseño, así que siga adelante y use los conceptos que hemos cubierto para llenar la tercera página con algún contenido. Nuevamente, coloque un trazo en la parte superior de la cuadrícula, un segundo más abajo y agregue dos columnas más para el texto, aunque esta vez más alto. Un título grande y un área de texto que cubre el ancho de la cuadrícula dominan el encabezado de la página.

La tabla al pie del segundo contenedor de texto es solo una colección de rectángulos, algo de texto y algunos iconos alineados. Los trazos blancos dividen las áreas para mayor claridad.


Paso 26: CEO

Agreguemos un CEO inspirador de confianza a nuestra página. Descargué una imagen apropiada (¡color coordinado!) Y la coloqué en otra capa debajo de "objetos" llamados "imágenes".

Elija su propia imagen y tráigala a su documento yendo a Archivo > Colocar. Seleccione el archivo de su sistema y haga clic en Aceptar. NOTA: Si marca el enlace en el cuadro de diálogo de selección de archivo, se mostrará la imagen en su documento sin incrustarla. Si el archivo vinculado se modifica fuera de Illustrator, los cambios se aplicarán automáticamente a lo que ve en su documento. Esto ayuda a reducir el tamaño del archivo y el tiempo de procesamiento.


Paso 27: máscara de recorte

Use la herramienta Rectángulo para hacer un rectángulo dentro de las guías, deteniéndose en el trazo como puede ver a continuación. Esto actuará como nuestra máscara.


Paso 28: Finalizar imagen

Con la imagen y el rectángulo seleccionados, presione Comando + 7 para crear una máscara de recorte. Use la herramienta Selección directa para seleccionar solo la imagen y cambiar la escala dentro de la máscara. Además, siéntase libre de aumentar la máscara, nuevamente utilizando la herramienta Selección directa. Apunta a algo como lo que ves a continuación.

Agregue más elementos de texto para completar una cotización, utilizando las guías para colocar todo y colores de la paleta.

NOTA: Después de colocar nuestra capa de "imágenes" debajo de la capa de "objetos", hemos mejorado el borde inferior de la imagen con el trazo que colocamos anteriormente.


Paso 29: toques finales

¡Cerca de allí! Solo un par de elementos adicionales y estaremos listos para imprimir nuestro PDF. Primero, un título y un logotipo posicionados como la imagen de abajo en la portada.

Luego, una declaración de copyright y un número de página en las siguientes dos páginas ubicadas justo debajo de la cuadrícula en nuestro margen ampliado. Use los Glifos (Tipo> Glifos) para insertar un símbolo de copyright si lo desea.


Paso 30: Verificación del informe terminado

Oculte sus guías yendo a Ver> Guías> Ocultar guías (u ocultando su capa de "guías") y verifique la estética general de su diseño. ¿No está mal? ¡Bueno! Imprimámoslo en un archivo ...


Paso 31: Imprimir en archivo

Una vez que haya completado su trabajo de diseño, vaya a Archivo> Guardar como para que aparezca el cuadro de diálogo Guardar como. Elija la ubicación donde desea guardar su PDF. Déle un nombre de archivo (usé "informe") y seleccione Adobe PDF como formato, luego haga clic en Guardar.


Paso 32: Configuración general de PDF

Aparecerá el cuadro de diálogo Guardar Adobe PDF en la configuración general. Juegue con las opciones que desee, pero lo importante aquí es que configuramos:

  • Adobe PDF Preset: tamaño de archivo más pequeño   
  • Optimizar para una vista rápida de la web - Verificar
  • Crear PDF de varias páginas a partir de mosaicos de página: verificar

La configuración Crear PDF de varias páginas a partir de mosaicos de página es, por supuesto, crucial, si no lo verifica, creará una página PDF que consista en toda su mesa de trabajo. No es el objetivo que estamos buscando lograr.


Paso 33: Configuración de seguridad de PDF

Vaya a la configuración de seguridad dentro del diálogo Guardar Adobe PDF. La configuración aquí determinará qué pueden hacer o no los usuarios con su documento. Marque Usar una contraseña para restringir la configuración de seguridad y permisos de edición. Al hacerlo, se le permitirá asegurar ciertas cosas con una contraseña. Iremos a:

  • No permitir la impresión (es un documento RGB de baja resolución para visualización en pantalla).
  • No permitir cambios (no queremos que las personas editen los datos en el documento).
  • Inhabilite la copia de texto, imágenes y otro contenido (me siento malvado, no quiero que se copien y utilicen grandes porciones de texto en otros lugares).

Establezca estas opciones como desee y haga clic en 'Guardar PDF'.


Conclusión

¡Terminado! Eche un vistazo al PDF final (¡no, no puede editarlo ni imprimirlo!) Y verifique que todo haya salido como se esperaba. Una cosa a la que debe prestar atención es que el contenido no ha pasado a otras páginas. En este caso, el naranja de la primera página podría estar simplemente rozando el borde izquierdo de la segunda página. Haga correcciones si es necesario y guarde nuevamente.

En este punto, quiero reiterar que esta técnica no reemplaza el uso de software dedicado al diseño de página, como InDesign o QuarkXpress. Sin embargo, esta técnica puede ser efectiva cuando necesita crear documentos cortos de varias páginas.

Cubrimos una amplia gama de habilidades en Illustrator para producir este documento, algunas extensivamente, algunas que requerirán que vaya a investigar más. ¡Diviértete haciéndolo!


Recursos

Visite paul-rand.com para obtener más ideas y trabajo de Paul Rand.

Las cuadrículas son buenas de Mark Boulton es un excelente artículo en PDF para aquellos interesados ​​en profundizar su conocimiento de los diseños basados ​​en cuadrículas.

Para obtener una lista completa de recursos, consulte la revista Smashing Diseño con enfoque basado en cuadrícula: la razón por la cual esta lista de recursos no es muy larga; ¡está todo aquí!

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.