1

Primeros pasos con...

InDesignAdobe

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

2

3

1. Espacio de Trabajo

2. Nuevo Documento

3. Barra de Herramientas

4. Insertar imágenes

5. Trabajo con textos

6. Formas y colores

7. Estilos y páginas maestras

8. Impresión y PDF

4

5

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

El Espacio de Trabajo con el que nos encon-traremos nada más abrir o crear un nuevo docu-mento 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 interac-tiva. Las opciones que nos irá mostrando, cam-biarán en función de la herramienta que hayamos seleccionado 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.

1. Espacio de Trabajo

w

y

vu

x

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

¡TRUCO!

6

2. Nuevo Documento

Para crear un nuevo documento, hemos de ir al menú principal a “Archivo” > “Nuevo” > “Docu-mento...”.

Nos aparecerá la pantalla de configuración de la imagen inferior. En esta pantalla indicaremos las características de nuestro documento: núme-ro de páginas, tamaño y orientación, número de columnas, márgenes y sangrado. Algunos de estos valores 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 quere-mos que vayan a sangre en nuestro documento.

u

v

w xy

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

¡TRUCO!

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 superior 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)

Marco Rectangular (F)

Mano (H)

Relleno (X)

Selección Directa (A)

Texto (T)

Zoom (Z)

Contorno (X)

¡TRUCO!

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

8

Una forma de insertar imágenes en una maqueta, es ir a la barra de herramientas donde seleccio-namos 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 man-teniéndolo pulsado se arrastra hasta conseguir el marco con las dimensiones y proporciones que necesitemos Con esa caja o marco seleccionado vamos a “Archivo” > “Colocar...” (Ctrl+D).

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 modificar el tamaño 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 ha-cemos clic sobre la imagen con el botón derecho del ratón y buscamos la opción “Ajuste” y apare-cerán varias opciones. A continuación la vamos a ajustar de diversas formas en los seis marcos creados a la derecha.

4. Insertar Imágenes Ajuste de esta imagen:

1) Llenar marco propor-cionalmente.2) Centrar contenido.

En este caso hay parte de la imagen que no entra en el marco y se queda fuera. Con la herramienta Selec-ció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 conte-nido.

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 incon-veniente es que la imagen aparece con las proporcio-nes deformadas.

También se puede insertar una imagen directamente, sin crear un marco previamen-te, 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.

¡TRUCO!

9

Respetando las dimen-siones de este marco, la

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

seleccionada (con la herra-mienta Selección directa), buscamos en la barra de

opciones el porcentaje de ampliación que por defecto está al 100% y lo modifica-

mos tanto en altura como en anchura (generalmente

ambas se cambian a la vez).

Ajuste de esta imagen:1) Encajar contenido propor-

cionalmente.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 conte-

nido.De manera que el marco

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

Es muy importante tener en cuenta que en programas de maquetación como este, las imáge-nes que se colocan en las páginas, no se incluyen físicamente 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 ilustraciones deben permanecer en la misma car-peta desde la que se han colocado en la maqueta. Si el documento en el que trabajamos lo cambia-mos de carpeta o lo grabamos en un CD o DVD, debemos acompañarlo también con la carpeta de las imágenes, porque de lo contrario el documento

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.

¡TRUCO!

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

10

5. Trabajo con textosPara 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 selecciona una palabra, si se hace tres clics seguidos se selecciona un renglón, si se hace cuatro veces queda seleccionado un párrafo, y si se hace cinco clics se seleccionará la totalidad del tex 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 (p) podemos editar todo lo referente a la alineación del texto, las sangrías y espacios entre párrafos, etc.

Opciones de Caracter

Opciones de Párrafo

Tipografía

Estilo

Cuerpo

Interlineado

Kerning

Tracking

Alienación de párrafo Sangrías y Espacios Separación de palabras

También se puede inser-tar un texto directamente sin tener que abrirlo y copiarlo, si lo tenemos formateado con un proce-sador de texto (OpenOffi-ce, Word...) para ello seleccionamos la caja de texto y “Colocamos” (“Ar-chivo” > “Colocar...”, o Ctrl+D) el texto, como si se tratara de una imagen.

¡TRUCO!

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 ti-radores 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 colum-na y veremos un pequeño cuadrado blanco en la parte inferior derecha (1), hacemos clic en ese cuadrado (el cursor cambiará de forma) y seguida-mente 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.

u

v

¡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 “Lo-rem Ipsum” desde: http://es.lipsum.com

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”

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

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

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

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

Quo turavermil

hosul unculi coeniqu isquodissid nonsissus aris

pecivid C. Sene iae a ses ses-tius inat fic merdi priciendum scri

consulin defecon se, estis hocchum, nes? Nimis, des, dinu eo, orum addum am publibem.

Am publintis rem mentili cas-tius cotasdacio, nos, noxim

auc rem, sentem veracci vertem estrium nit,

antelum ina, ne esiditu scrurae ssesu-lic

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

Marco realizado con la herramienta “Plu-ma” (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” > “Mar-cadores” > “Número de página actual” y repe-timos lo mismo en la página de la derecha. Una vez hecho 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

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 justifi-cado 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.

8. Estilos “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 jus-tificado 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, extranje-rismos, 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 indicaciones del impresor) wwy 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 reco-pile 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 conjunto 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 indepen-diente. 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 “Comporta-miento” podemos definir el destino del enlace.

16