InDesignPrimeros pasos con...

Adobe

Ciclo Formativo de Grado Superior en Artes Plásticas y Diseño en IlustraciónMódulo: Fundamentos de Diseño Gráfico.

Este trabajo se distribuye bajo una licencia Creative Commons. Se permite la copia, distribución, uso y comunicación pública bajo las siguientes condiciones:

- Se debe acreditar y reconocer explícitamente la autoría de la obra.

- No se puede alterar, transformar o generar una obra derivada a partir de esta obra.

- No se puede utilizar esta obra para fines comerciales.

Este es un resumen fácilmente legible y jurídicamente válido del Texto Legal completo que puede encontrarse en:

Tutorial para el aprendizaje de los aspectos básicos del software de maquetación Adobe InDesign CS3, diseñado por el profesor Alberto Albarrán, para el módulo “Fundamentos de Diseño Gráfico” del Ciclo Formativo de Grado Superior en Artes Plásticas y Diseño en Ilustración, de la Escuela de Arte y Superior de Diseño de Segovia.

Curso 2012-2013

1. Espacio de Trabajo

2. Nuevo Documento

3. Barra de Herramientas

4. Insertar imágenes

5. Trabajo con textos

6. Formas y colores

7. Páginas maestras

8. Estilos

9. Impresión y PDF

5

6

7

8

10

12

13

14

15

5

1. Espacio de Trabajo

El programa Adobe InDesign, es un software especializado en maquetación y diseño de libros y documentos cuyo destino final será, principalmen-te, la imprenta.

El Espacio de Trabajo con el que nos encontra-remos nada más abrir o crear un nuevo documento es, a grandes rasgos, el siguiente:

1) Barra de Menús:En esta barra horizontal encontraremos todo

aquello que aparece en este espacio de trabajo.2) Barra de Opciones:Esta barra presenta opciones avanzadas para

cada herramienta. Se trata de una barra interactiva. Las opciones que nos irá mostrando, cambiarán en función de la herramienta que hayamos seleccio-nado previamente.

3) Barra de Herramientas:Esta barra contiene todas las herramientas que

nos servirán para trabajar con nuestro documen-to. Más adelante veremos que debajo de algunas herramientas se esconden otras.

4) Espacio de Trabajo:Es el lugar principal donde veremos nuestro

documento. Todos los elementos gráficos que co-loquemos en este espacio, fuera del documento, no aparecerán en la impresión.

5) Documento:El documento aparecerá con las líneas guías y

las líneas de sangrado marcadas. Son líneas que no aparecerán en el momento de imprimir.

u v

w

x y

¡TRUCO!

Para cambiar entre el modo de vista previa y el modo de edición, debemos pulsar la letra W

6

2. Nuevo Documento

Para crear un nuevo documento, hemos de ir a “Archivo” > “Nuevo” > “Documento...”.

Nos aparecerá la pantalla de configuración de la imagen inferior. En esta pantalla indicaremos las características de nuestro documento: número de páginas, tamaño y orientación, número de colum-nas, márgenes y sangrado. Algunos de estos valo-res podremos modificarlos posteriormente, como el número de páginas, los márgenes, etc.

En una página debemos definir los márgenes: el superior (1), el inferior (2), el margen interior

(3), que es el que iría junto al lomo si por ejemplo estuviéramos maquetando un libro, y por último el margen exterior (4). Si nuestro documento tiene columnas, los límites de éstas (5) aparecerán en nuestra página.

También debemos indicar el límite de sangrado (6) que será hasta donde llevemos aquellos ele-mentos gráficos (imágenes o masas) que queremos que vayan a sangre en nuestro documento.

u

v

w x

y

z

¡TRUCO!

Muchas de las acciones comunes que realizamos tienen un “atajo” para evitar buscarlas por el menú. Para hacer un documento nuevo el atajo es Ctrl+N

7

3. Barra de Herramientas

La Barra de Herramientas de Adobe InDesign es similar a las de otros programas de la Suite Adobe como Adobe Illustrator o Adobe Photoshop.

Por defecto, la barra de herramientas aparece en una columna (en la imagen de la derecha la vemos a doble columna). Podemos cambiarlo haciendo clic en la doble flecha que aparece en la parte su-perior izquierda de la barra.

Hay herramientas que tienen otras herramientas u opciones ocultas. Son aquellas que tienen una flecha negra pequeña en la parte inferior derecha del icono de algunas herramientas. Manteniendo el botón izquierdo del ratón pulsado sobre ellas aparecerá un desplegable para que seleccionemos aquellas que queramos utilizar.

Selección (V)

Mano (H)

Relleno (X)

Marco Rectangular (F)

Selección Directa (A)

Texto (T)

Zoom (Z)

Contorno (X)

¡TRUCO!

Para seleccionar herramientas de modo rápido, es útil conocer los “atajos” de las herramientas más utilizadas. Las letras que equivalen a cada herramienta aparecen al colocar el puntero del ratón sobre cada herramienta en la barra (en el gráfico están entre paréntesis).

8

4. Insertar imágenes

Una forma de insertar imágenes en una maqueta, es ir a la barra de herramientas donde selecciona-mos el “Marco rectangular” (F) y creamos una caja en el lugar de la página que queramos. Con esa herramienta seleccionada se hace clic en la pá-gina con el botón izquierdo del ratón y mantenién-dolo pulsado se arrastra hasta conseguir el marco con las dimensiones y proporciones que necesite-mos Con esa caja o marco seleccionado vamos a “Archivo” > “Colocar...” (Ctrl+D).

La resolución de una imagen para un docu-mento cuyo destino es la imprenta, será de entre 200ppp y 300ppp (preguntar al impresor), y el modo de color deberá ser el CMYK.

Es importante en este punto diferenciar cla-ramente lo que es imagen de lo que es marco, puesto que ambos elementos pueden ser editados de forma diferente. No será lo mismo modificar el tamaño del marco que el de la imagen.

Para seleccionar el marco hemos de utilizar la herramienta “Selección” (V), mientras que para seleccionar la imagen se emplea la herramienta “Selección directa” (A).

Hay varias posibilidades para ajustar la imagen al marco o caja creado. Para ajustar la imagen hacemos clic sobre la imagen con el botón derecho del ratón y buscamos la opción “Ajuste” y apa-recerán varias opciones. A continuación la vamos a ajustar de diversas formas en los seis marcos creados a la derecha.

Ajuste de esta imagen:

1) Llenar marco proporcionalmente.2) Centrar contenido.

En este caso hay parte de la imagen que no entra en el marco y se queda fuera. Con la herramienta Selección Directa (A) se puede mover la imagen dentro del marco.

Tras haber ajustado la imagen como en el caso anterior, se continúa:

3) Encajar marco a contenido.

De manera que el marco adopta el mismo formato y tamaño que la imagen.

Ajuste de esta imagen:

1) Encajar contenido a marco.

En este caso se muestra toda la imagen haciendo que ésta ocupe todo el espacio. El principal inconveniente es que la imagen aparece con las proporciones deformadas.

¡TRUCO!

También se puede insertar una imagen directamente, sin crear un marco previamente, para ello “Colocamos” (Ctrl+D) una imagen y hacemos clic en la página. Se creará automáticamente un marco de igual tamaño a la imagen.

9

Respetando las dimensiones de este marco, la imagen se

ha insertado al 90% de su tamaño real. Para ello, con

la imagen seleccionada (con la herramienta Selección

directa), buscamos en la barra de opciones el

porcentaje de ampliación que por defecto está al

100% y lo modificamos tanto en altura como en anchura

(generalmente ambas se cambian a la vez).

Ajuste de esta imagen:

1) Encajar contenido proporcionalmente.

En este caso se muestra toda la imagen, aunque

hay parte del marco o caja que se queda vacío porque

ambos formatos no son proporcionales.

Tras haber ajustado la imagen como en el caso

anterior, se continúa:

2) Encajar marco a contenido.

De manera que el marco adopta el mismo formato y

tamaño que la imagen.

¡TRUCO!

Para ampliar o reducir un marco o una imagen de manera que mantenga sus proporciones, debemos mantener pulsada la tecla de Mayúsculas mientras con el ratón arrastramos de una de las esquinas.

Es muy importante tener en cuenta que en pro-gramas de maquetación como este, las imágenes que se colocan en las páginas, no se incluyen físi-camente en el documento en el que se trabaja. Las imágenes están vinculadas al documento, pero no incorporadas a él por lo que esas fotografías o ilus-traciones deben permanecer en la misma carpeta desde la que se han colocado en la maqueta. Si el documento en el que trabajamos lo cambiamos de carpeta o lo grabamos en un CD o DVD, debemos acompañarlo también con la carpeta de las imáge-nes, porque de lo contrario el documento no estará preparado para ser impreso (el propio archivo, al ser abierto de nuevo, nos informará de que hay un error en los vínculos a las imágenes).

Más adelante veremos que esto mismo ocurre con las tipografías que se utilizan en el documen-to. Al estar instaladas en el equipo de trabajo, si queremos utilizar el documento en otro equipo, debemos asegurarnos que aquel tiene las fuentes tipográficas necesarias.

10

5. Trabajo con textos

Para incorporar texto en la maqueta debemos crear una caja que lo contenga, esa caja o cuadro se crea con la herramienta “Texto” (T), que se constuye igual que el “Marco rectangular” (F). Se puede escribir dentro del cuadro de texto o pegar un texto procedente de otra fuente (página web, procesador de textos, etc).

Para editar el texto, éste se debe seleccionar previamente, bien en su totalidad (Ctrl+A) o por partes: Si se hace doble clic sobre el texto se se-lecciona una palabra, si se hace tres clics seguidos se selecciona un renglón, si se hace cuatro veces

¡TRUCO!

También se puede insertar un texto directamente sin tener que abrirlo y copiarlo, si lo tenemos formateado con un procesador de texto (OpenOffice, Word...) para ello seleccionamos la caja de texto y “Colocamos” (“Archivo” > “Colocar...”, o Ctrl+D) el texto, como si se tratara de una imagen.

Tipografía Cuerpo Kerning

Estilo

Alineación de párrafo Separación de palabrasSangrías y Espacios

Interlineado Tracking

Opciones de Caracter

Opciones de Párrafo

queda seleccionado un párrafo, y si se hace cinco clics se seleccionará la totalidad del texto de esa columna y de las columnas enlazadas con ella.

La Barra de Opciones mostrará la doble barra inferior para editar el texto seleccionado.

En el modo de Opciones de Caracter (A), podemos elegir la tipografía, el estilo, el tamaño y el interlineado. Casillas como el Kerning y el Tracking conviene no cambiarlas. En el modo de Opciones de Párrafo (¶) podemos editar todo lo referente a la alineación del texto, las sangrías y espacios entre párrafos, etc.

11

Puede que un texto no encaje en el marco de texto creado, por lo que o bien lo hacemos más grande, arrastrando de cualquiera de los ocho tira-dores del marco con la herramienta “Selección” (A), o también podemos crear otra caja de texto a modo de segunda columna.

Para enlazar dos o más columnas y que el texto fluya por ellas seleccionamos la primera columna y veremos un pequeño cuadrado blanco en la parte inferior derecha (1), hacemos clic en ese cuadra-do (el cursor cambiará de forma) y seguidamente hacemos clic sobre el marco de texto por la que continuará el contenido del primero (2).

El marco de texto puede ser editado a través de las opciones que nos proporciona el panel que obtenemos desde “Objeto” > “Opciones de marco de texto” (Ctrl+B). A través de este panel, se pue-de, por ejemplo, crear columnas dentro del propio marco, o modificar el espacio entre el texto y el borde del marco, útil en marcos de texto como los que estamos utilizando en los destacados laterales que bajo el título de “¡TRUCO!” podemos ver en el margen derecho superior de esta página.

¡TRUCO!

Si tenemos que definir el diseño de un texto y no disponemos del texto original, podemos utilizar un texto falso, seleccionando la caja de texto y haciendo clic en “Texto” > “Llenar con texto falso”. También podemos obtener el clásico texto de relleno estándar “Lorem Ipsum” desde: http://es.lipsum.com

u

v

12

6. Formas y colores

Además de cuadros para insertar imágenes y mar-cos para insertar texto, también se pueden cons-truir figuras y formas a las que, al igual que las anteriores, podemos aplicar determinados colores en el relleno y en el contorno, a través de la barra de herramientas (haciendo doble clic sobre la herramienta “Relleno” o “Contorno” nos apare-cerán las opciones de color).

Para construir figuras geométricas, dentro de las opciones de la herramienta “Rectángulo” (M) se oculta la herramienta “Elipse” (L) y “Polígo-no”. Haciendo doble clic sobre el icono de esta herramienta en la barra, aparecerá un cuadro en el que podremos indicar el número de lados que queremos que tenga nuestro polígono.

InDesign también permite realizar figuras “a mano alzada” usando la herramienta “Lápiz” (N) o de forma más precisa, con la herramienta “Plu-ma” (P). Estas figuras pueden contener imágenes o texto, para ello hacemos clic con el botón dere-cho del ratón y elegimos “Contenido” > “Gráfi-co” o “Contenido” > “Texto”

Color del relleno:100C 0M 30Y 10K

Color del relleno:0C 0M 30Y 30K

Contorno: 5ptColor: 0C 0M 0Y 100K

Contorno: 3ptColor: 0C 100M 100Y 0K

Ud el iriusti-

nis ex eum vero consed dolummy nonse

te minciduisit prat lor sum dolor adiam ectem velissenibh exeros adiam, sustio doloreUtatisim am euis

adio commolore commy nisi. Ud eros dolore dolorpe riusciliquis nulput

adiam, velesequis eugue feuipit wisim do diat. Uptat

acincillam elessit, si et praesed mI-pis et autpat.

Iliquam

Marco realizado con la herramienta “Lápiz” (N), para un contenido gráfico.

Marco realizado con la herramienta “Pluma” (P), para albergar texto.

13

7. Páginas maestras

En ocasiones en nuestras páginas hay elementos que se repiten de forma contínua, como pueden ser líneas o filetes, el foliado o número de páginas. Estos elementos podemos incluirlos en la “Página maestra” de manera que pueda repetirse metódica-mente en todo el documento o en las páginas que queramos.

Para entrar en la página maestra debemos ir al panel de Páginas (F12), un panel que nos mues-tra un mapa de nuestro documento. En la parte superior podemos leer “A-Página maestra” y a la derecha una doble página. Hacemos doble clic en la página que queramos (izquierda o derecha) y se nos abrirá una doble página en blanco. Todo lo que insertemos en esa doble página aparecerá en todo nuestro documento.

Una vez en la Página maestra, abrimos una caja de texto en la página de la izquierda para incorpo-rar el folio (numeración de la página) y vamos a “Texto” > “Insertar caracter especial” > “Marca-dores” > “Número de página actual” y repetimos lo mismo en la página de la derecha. Una vez he-cho salimos de la Página maestra haciendo doble clic en cualquier página del documento en el panel de Páginas que tenemos abierto.

Se pueden crear todas las Páginas maestras que queramos y para aplicarlas a las páginas del documento podemos arrastrar la Página maestra hacia la página que queramos o sobre la miniatura de ésta, a través del botón derecho del ratón.

14

8. Estilos

Los distintos párrafos que aparecen en una ma-queta se pueden definir como estilos para que sus características queden guardadas y poder aplicar dicho estilo a otros párrafos. Abrimos el panel “Estilos de párrafo” que encontraremos en los paneles laterales de la derecha o podemos abrir desde “Ventana” > “Texto y Tablas” > “Estilos de párrafo”.

Para crear un estilo nuevo podemos hacerlo de varias formas. Podemos abrir una caja de texto en la maqueta y sobre un texto falso definir las características (Tipografía, cuerpo, interlineado, tipo de párrafo...) y una vez que lo tenemos lo seleccionamos y en el panel de “Estilos de Párra-fo” vamos a “Nuevo estilo de párrafo...” y se nos abrirá un menú (imagen de la derecha) en el que simplemente tenemos que aceptar las característi-cas que aparecen (que son aquellas que habíamos indicado).

A continuación crearemos los siguientes estilos de párrafo:

“Texto común”: Tipografía: Times New Ro-man, Cuerpo 12, interlineado 15. Párrafo justifica-do a la izquierda y con separaciones de sílabas y una sangría en la primera línea de párrafo de 5mm. El resto de opciones que encontremos las dejamos como aparecen.

“Texto común (primer párrafo)”: Igual que el anterior pero quitando el sangrado de 5mm. Este estilo se aplicará al primer párrafo de cada texto.

“Pies de foto (izquierda)”: Tipografía: Arial, Cuerpo 9, interlineado 11. Justificado a la izquier-da y sin separaciones.

“Pies de foto (derecha)”: Todo igual pero justi-ficado a la derecha.

“Títulos”: Tipografía: Arial, Bold. Cuerpo 20. Color C50/M100/Y20/K0

Ahora podremos aplicar dichos estilos a todo el documento, símplemente seleccionando el texto que queramos y haciendo clic en el nombre de nuestro nuevo estilo.

15

9. Impresión y PDF

Una vez terminada la maquetación y haber apli-cado correctamente los estilos, se debe realizar la revisión de la ortotipografía, es decir, el cuidado y uso correcto de la puntuación y de los distintos signos tipográficos (comillas, puntos, mayúsculas, números, siglas, abreviaturas, guiones, extranjeris-mos, etc...).

Si el destino de nuestro trabajo es la imprenta, debemos atender a una serie de cuidados, como por ejemplo que la resolución de las imágenes sea la adecuada (200ppp - 300ppp según indicacio-nes del impresor) y que estas imágenes estén en CMYK (cuatricromía). Una vez revisado todo el texto (en papel) para hacer correcciones o ajustes, procedemos a Empaquetar el trabajo. Esta acción (“Archivo” > “Empaquetar”) hará que se recopile en una carpeta nuestro archivo en InDesign (.indd) y dos carpetas más, una con las imágnenes (Links) y otra con las tipografías (Fonts). Este conjun-to empaquetado será lo que debamos llevar a la imprenta.

Si nuestro trabajo no es imprenta, sino una impresora o será subido a internet, sólo necesita-mos generar un PDF de nuestro archivo. Lo más fácil es ir a “Archivo” > “Exportar...” y buscar la opción PDF. En la siguiente dirección dejo un tutorial con otra técnica para generar un PDF:

¡TRUCO!

Para insertar enlaces a sitios web y que sean activos al generar el PDF, estos deben estar en una caja independiente. Seleccionamos dicha caja que contiene el texto que queramos que funcione como enlace y hacemos clic con el botón derecho del ratón y seleccionamos “Interactivo” > “Convertir a botón...” y después otra vez botón derecho de ratón “Interactivo” > “Opciones de botón...” y se abrirá un menú donde en la pestaña “Comportamiento” podemos definir el destino del enlace.