Share
Una de las funciones menos conocidas de Illustrator es su capacidad para producir y publicar múltiples documentos paginados en formato PDF. ¿Por qué es una función menos conocida? Bien porque las aplicaciones como InDesign y Quark Xpress están dedicadas a producir dichos documentos y es poco probable que alguna vez se le recomiende usar Illustrator.
Sin embargo, es posible, y en caso de apuro, esta técnica puede ser útil, especialmente cuando creas documentos que solo tienen unas pocas páginas. Este tutorial explicará cómo se hace, mientras se discute sobre la teoría del diseño de cuadrícula para producir un Informe anual.
Después de abrir Illustrator, comience un nuevo documento (Comando + N) y especifique algunas configuraciones en el diálogo Nuevo documento. Asigne al documento un nombre de "informe", seleccione Milímetros para las unidades, Horizontal para la orientación y RGB para el Modo de color. Nota: hemos elegido 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 de trama estén configurados en la resolución de impresión planificada.
El tamaño se registrará automáticamente como Personalizado a medida que ingresemos nuestras propias dimensiones. Necesitamos un Artboard 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).
Haga clic en Aceptar.
Ir a Ver> Mostrar mosaico de página.
Verá un área en su mesa de trabajo que representa lo que imprimiremos en un archivo PDF. Esta área puede tener cualquier tamaño, dependiendo de la configuración anterior de impresión de Illustrator.
Ahora necesitamos ajustar los mosaicos para darnos nuestras 3 páginas A4 dentro de la mesa de trabajo.
Ir a Archivo> Imprimir (Comando + P). Se le presentará el diálogo Imprimir, una ventana de tamaño considerable con (la leyenda lo tiene) miles de millones de opciones y configuraciones. Solo 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:
Ahora, en la sección Configuración, deberá configurar lo siguiente:
Puede ver en el panel de vista previa cómo avanza su documento. Ahora debería ver que la mesa de trabajo se ha dividido en tres mosaicos de páginas A4.
Una vez que haya terminado de configurar sus opciones de impresión, puede resultarle útil guardarlas. Haga clic en Guardar ajuste preestablecido y asígnele un nombre en el diálogo que aparece. La próxima vez que tengamos que duplicar estas configuraciones, puede seleccionarlas en Imprimir Preajuste.
Haga clic en Aceptar para guardar el ajuste preestablecido y luego haga clic en Listo (no en Guardar) para volver a su documento.
Si su mesa de trabajo está actualmente visible, puede resultarle útil ocultarla; Tenemos suficientes líneas en nuestra página en este punto. Vaya a Ver> Ocultar mesa de trabajo. Te quedará con un área agradable, limpia, numerada y con tres páginas en la pantalla.
La estructuración de 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 basado en cuadrículas han sido bien documentadas durante décadas. Paul Rand fue franco acerca de la teoría del diseño gráfico y un defensor de los beneficios de usar grids en el diseño..
La red, entonces, es la disciplina que libera [al diseñador] de la pesada carga de tomar ciertas decisiones (dimensiones, proporciones) sin las cuales el trabajo fructífero y creativo es extremadamente difícil. Puede moverse directamente a aquellos aspectos del problema en los que la expresión individual, las ideas nuevas y la libertad de elección son esenciales..
"El diseño y el instinto de juego", Paul Rand, 1965
Entonces, vaya y tome un café, eche un vistazo a algunos de los recursos al final del tutorial y realice una investigación sobre el uso de cuadrículas en el diseño..
Precisamente cómo usted diseña su red depende de usted; La mía 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. Dale las dimensiones de una página A4 y alinéala con la primera de tus tres fichas.
Con su rectángulo seleccionado, vaya a Efecto> Ruta> Ruta de compensación y escriba -12mm 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.
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, utilizando 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 un extra de 6 mm 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..
En el diseño de impresión, las cuadrículas consisten tradicionalmente en columnas y luego en canales que las dividen. Desde la llegada del diseño web y el uso de cuadrículas para diseños web, otro enfoque ha evolucionado. La naturaleza de la construcción de una página web significa que los canales son más un impedimento que ayuda, por lo que los canales se simulan utilizando el relleno y los márgenes dentro de los elementos..
Personalmente, diseño más para la web que para la impresión, así que voy a demostrar a qué estoy más acostumbrado. Una ventaja del diseño 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 se aclarará ...
Mientras su rectángulo está seleccionado, vaya a Objeto> Ruta> Dividir en cuadrícula.
Illustrator hace que sea agradablemente simple convertir cualquier camino cerrado en una serie de columnas, filas y canales como lo verá en este diálogo. Ingrese la configuración como se ve a continuación (haga clic en Vista previa para ver cómo cambia el rectángulo 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.
Depende de usted cómo duplicar la cuadrícula que acaba de hacer. Asegúrate de hacer dos más y alinéalos todos en la posición correcta en las baldosas. Luego seleccione los tres y vaya a Ver> Guías> Crear guías
Todo lo que tienes en esta capa son tus guías de cuadrícula, así que para facilitarte las cosas, bloquea la capa y nómbrela "guías".
Usar grillas tiene que ver con limitar la toma de decisiones (hasta cierto punto) en el proceso de diseño. Vamos a continuar en esa ruta predefiniendo nuestros colores para evitar que tengamos que pensar en ello más adelante. Al agregar solo dos colores al panel de Muestras, nos daremos un rango simple y sorprendente para nuestro documento..
Haga clic en Nueva muestra en el panel o arrastre un objeto del color elegido al panel. Utilicé los colores: Naranja (# D8601D) y Oliva (# A8A885). Una vez agrupados en el panel Muestras, los colores están disponibles en distintos grados de tinte, sombra, enmudecimiento, calidez, etc., desde el panel de la Guía de colores. Desde aquí podemos colorear todo en nuestro documento, sin romper nuestras propias reglas..
Crea una nueva capa, llámala "objetos" o lo que quieras. 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éalos apropiadamente, como se muestra abajo.
Haz otra capa nueva y llámala "texto". Copia el rectángulo verde oliva y luego bloquea la capa "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> Ruta> Ruta de desplazamiento), desplace la ruta de este rectángulo en -6 mm y luego expándalo (Objeto> Expandir). Dale un color diferente (de tu elección) para que sea más visible si lo deseas..
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 nuestra canaleta. Aplicaremos este "relleno" a todos los contenedores que construimos con nuestra red para continuar con la uniformidad..
Agregue un poco de texto ficticio 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 se contraerá independientemente de la cantidad de texto que coloque dentro.
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ías poder ver el efecto de usar "relleno" como canaleta ahora.
Agregue un trazo usando la herramienta Segmento de línea a lo ancho de la cuadrícula, nivelando con la guía horizontal más central. Coloréelo de acuerdo con su paleta predefinida y luego empújelo (tecla de flecha arriba) una vez para moverlo 6 mm hacia arriba (¿recuerda haber establecido el incremento del teclado en 6 mm en el paso 9?). Agregue otro al extremo superior de la cuadrícula para crear un área en la parte superior de la página.
La flexibilidad de usar una cuadrícula basada en múltiplos de 6 es que tanto la ranura 3 como la 2 están bien integradas. Por esta razón, también podemos dividir el ancho de la cuadrícula en 3 columnas, aplicar el mismo "relleno" y aún parece visualmente aceptable. Cree seis contenedores, desplace la ruta para aplicar el relleno y expanda como se muestra.
Mientras tanto, también he añadido un título en la parte superior de la página..
Agregue un poco de 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..
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 diálogo Gráfico que aparece, ajustaremos las dimensiones más adelante.
Aparecerá un panel de entrada de datos..
No voy a entrar en muchos detalles para crear gráficos con Illustrator, ¡eso es otra cosa! Sin embargo, explicaré brevemente que cada fila de datos aquí creará un gráfico circular separado. Cada una será proporcional en tamaño a las demás con respecto al total de sus filas (en este caso, cada fila suma 100, por lo que serán de dimensiones iguales). Ingrese los datos como he hecho y haga clic en Aplicar (la marca en la parte superior derecha).
Cierra el diálogo y desagrupa (Comando + U) los gráficos. Se le advertirá sobre la pérdida de las funciones de edición de los gráficos si los desagrupa, pero solo estamos interesados en ellos como visuales. rellenos Aquí, para que podamos perder su dinamismo..
Tendrá que desagrupar el lote completo varias veces para separar por completo las gráficas, pero una vez que las tenga, dele un poco de color de su paleta, agrupe cada gráfica individual y aplique un efecto Extrusión 3D. (Para obtener más información sobre 3D Extrusion, consulte el tutorial, Crear una lata de frijoles mediante la asignación de 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 necesitan ser corregidos visualmente cuando se aplican a cuadrículas, como dijo alguien muy inteligente: "Las reglas están hechas para guiar a los sabios y para que los tontos las sigan".
Hemos discutido la mayoría de los principios relevantes relacionados con el diseño, así que siga adelante y use los conceptos que hemos cubierto para completar la tercera página con algo de contenido. De nuevo, coloca un trazo en la parte superior de la cuadrícula, un segundo más abajo y agrega 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, algunos textos y algunos iconos alineados. Los trazos blancos dividen las áreas para mayor claridad..
Agreguemos un CEO inspirador de confianza a nuestra página. Descargué una imagen apropiada (¡corbata de color coordinado!) Y la coloqué en otra capa debajo de "objetos" llamados "imágenes".
Elija su propia imagen e introdúzcala en su documento yendo a Archivo> Colocar. Seleccione el archivo de su sistema y haga clic en Aceptar. NOTA: Al marcar el enlace dentro del diálogo de selección de archivos, 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 vea dentro de su documento. Esto ayuda a reducir el tamaño del archivo y el tiempo de procesamiento.
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..
Con la imagen y el rectángulo seleccionados, presione Comando + 7 para hacer una máscara de recorte. Use la herramienta Selección directa para seleccionar solo la imagen y volver a escalar dentro de la máscara. Además, siéntase libre de realzar la máscara, nuevamente usando la herramienta Selección directa. Apunta a algo como lo que ves abajo.
Agregue más elementos de texto para completar una cita, usando las guías para ubicar todo y los colores de la paleta.
NOTA: Al 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.
¡Cerca de allí! Solo un par de elementos adicionales y estaremos listos para imprimir nuestro PDF. Primero, un título y un logotipo colocados como la imagen de abajo en la página principal.
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 desea.
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! Vamos a imprimirlo para archivar ...
Una vez que haya completado su trabajo de diseño, vaya a Archivo> Guardar como para que aparezca el diálogo Guardar como. Elija la ubicación donde desea guardar su PDF. Asígnele un nombre de archivo (usé "informe") y seleccione Adobe PDF como formato, luego haga clic en Guardar.
Aparecerá el diálogo Guardar PDF de Adobe en la configuración general. Juega con las opciones que desees, pero lo importante aquí es que configuramos:
La configuración de Crear PDF de varias páginas a partir de mosaicos de páginas es, por supuesto, crucial. Si no lo verifica, creará una página PDF que consta de toda su mesa de trabajo. No es el objetivo que buscamos lograr.
Vaya a la configuración de seguridad dentro del cuadro de diálogo Guardar Adobe PDF. La configuración aquí determinará lo que los usuarios pueden o no hacer con su documento. Marque Usar una contraseña para restringir la configuración de permisos y seguridad de edición. Al hacerlo, se le permitirá asegurar ciertas cosas con una contraseña. Iban a:
Configure estas opciones como desee y haga clic en "Guardar PDF".
¡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 hay que prestar atención es que el contenido no ha pasado a otras páginas. En este caso, la naranja de la primera página podría ser simplemente rozando el borde izquierdo de la segunda página. Hacer correcciones si es necesario y guardar nuevamente.
En este punto, quiero reiterar que esta técnica no reemplaza el uso de software dedicado al diseño de páginas, como InDesign o QuarkXpress. Esta técnica puede ser efectiva cuando necesita crear documentos cortos de varias páginas aunque.
Cubrimos una amplia gama de habilidades en Illustrator para producir este documento, algunas extensamente, algunas que requerirán que usted vaya e investigue más. Diviertete haciendolo!
Visite paul-rand.com - para más ideas y trabajo de Paul Rand.
Grids Are Good de Mark Boulton es un excelente artículo en PDF para aquellos interesados en ampliar su conocimiento de diseños basados en grid.
Para obtener una lista completa de recursos, consulte Diseño de enfoque basado en cuadrícula de Smashing Magazine. esta todo aqui!
Accentsconagua