Primeros pasos con...
Adobe InDesign
Ciclo Formativo de Grado Superior en Artes Plásticas y Diseño en Ilustración
Módulo: Fundamentos de Diseño Gráfico.
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
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:
1. Espacio de Trabajo 5
2. Nuevo Documento 6
3. Barra de Herramientas 7
4. Insertar imágenes 8
5. Trabajo con textos 10
6. Formas y colores 12
7. Páginas maestras 13
8. Estilos 14
9. Impresión y PDF 15
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 u v
es, a grandes rasgos, el siguiente:
1) Barra de Menús:
En esta barra horizontal encontraremos todo w
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. x y
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
¡TRUCO! aparecerán en la impresión.
Para cambiar entre el 5) Documento:
modo de vista previa El documento aparecerá con las líneas guías y
y el modo de edición, las líneas de sangrado marcadas. Son líneas que no
debemos pulsar la letra W
aparecerán en el momento de imprimir.
5
2. Nuevo Documento
Para crear un nuevo documento, hemos de ir a (3), que es el que iría junto al lomo si por ejemplo
¡TRUCO!
“Archivo” > “Nuevo” > “Documento...”. estuviéramos maquetando un libro, y por último
Muchas de las acciones Nos aparecerá la pantalla de configuración de la el margen exterior (4). Si nuestro documento tiene
comunes que realizamos
tienen un “atajo” para imagen inferior. En esta pantalla indicaremos las columnas, los límites de éstas (5) aparecerán en
evitar buscarlas por el características de nuestro documento: número de nuestra página.
menú. Para hacer un páginas, tamaño y orientación, número de colum- También debemos indicar el límite de sangrado
documento nuevo el atajo
es Ctrl+N nas, márgenes y sangrado. Algunos de estos valo- (6) que será hasta donde llevemos aquellos ele-
res podremos modificarlos posteriormente, como mentos gráficos (imágenes o masas) que queremos
el número de páginas, los márgenes, etc. que vayan a sangre en nuestro documento.
En una página debemos definir los márgenes:
el superior (1), el inferior (2), el margen interior
z
u
w x
v
6
3. Barra de Herramientas
La Barra de Herramientas de Adobe InDesign es
¡TRUCO!
similar a las de otros programas de la Suite Adobe
como Adobe Illustrator o Adobe Photoshop. Para seleccionar
Selección (V) Selección Directa (A) herramientas de modo
Por defecto, la barra de herramientas aparece en rápido, es útil conocer
una columna (en la imagen de la derecha la vemos los “atajos” de las
Texto (T) herramientas más
a doble columna). Podemos cambiarlo haciendo
utilizadas. Las letras
clic en la doble flecha que aparece en la parte su- que equivalen a cada
Marco
perior izquierda de la barra. Rectangular (F) herramienta aparecen
al colocar el puntero
Hay herramientas que tienen otras herramientas del ratón sobre cada
u opciones ocultas. Son aquellas que tienen una herramienta en la barra
flecha negra pequeña en la parte inferior derecha (en el gráfico están entre
paréntesis).
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.
Mano (H) Zoom (Z)
Relleno (X)
Contorno (X)
7
4. Insertar imágenes Ajuste de esta imagen:
1) Llenar marco
proporcionalmente.
2) Centrar contenido.
Una forma de insertar imágenes en una maqueta, En este caso hay parte de la
¡TRUCO!
es ir a la barra de herramientas donde selecciona- imagen que no entra en el
También se puede mos el “Marco rectangular” (F) y creamos una marco y se queda fuera. Con
insertar una imagen la herramienta Selección
directamente, sin crear un caja en el lugar de la página que queramos. Con Directa (A) se puede mover
marco previamente, para esa herramienta seleccionada se hace clic en la pá- la imagen dentro del marco.
ello “Colocamos” (Ctrl+D) gina con el botón izquierdo del ratón y mantenién-
una imagen y hacemos
clic en la página. Se dolo pulsado se arrastra hasta conseguir el marco
creará automáticamente con las dimensiones y proporciones que necesite- Tras haber ajustado la
un marco de igual tamaño
a la imagen.
mos Con esa caja o marco seleccionado vamos a imagen como en el caso
anterior, se continúa:
“Archivo” > “Colocar...” (Ctrl+D).
La resolución de una imagen para un docu- 3) Encajar marco a
mento cuyo destino es la imprenta, será de entre contenido.
200ppp y 300ppp (preguntar al impresor), y el De manera que el marco
modo de color deberá ser el CMYK. adopta el mismo formato y
tamaño que la imagen.
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
Ajuste de esta imagen:
seleccionar la imagen se emplea la herramienta
“Selección directa” (A). 1) Encajar contenido a
marco.
Hay varias posibilidades para ajustar la imagen
al marco o caja creado. Para ajustar la imagen En este caso se muestra
hacemos clic sobre la imagen con el botón derecho toda la imagen haciendo que
ésta ocupe todo el espacio.
del ratón y buscamos la opción “Ajuste” y apa- El principal inconveniente
recerán varias opciones. A continuación la vamos es que la imagen aparece
a ajustar de diversas formas en los seis marcos con las proporciones
deformadas.
creados a la derecha.
8
Respetando las dimensiones Es muy importante tener en cuenta que en pro-
de este marco, la imagen se ¡TRUCO!
ha insertado al 90% de su
gramas de maquetación como este, las imágenes
que se colocan en las páginas, no se incluyen físi- Para ampliar o reducir un
tamaño real. Para ello, con
marco o una imagen de
la imagen seleccionada (con camente en el documento en el que se trabaja. Las manera que mantenga
la herramienta Selección
directa), buscamos en imágenes están vinculadas al documento, pero no sus proporciones,
incorporadas a él por lo que esas fotografías o ilus- debemos mantener
la barra de opciones el
pulsada la tecla de
porcentaje de ampliación traciones deben permanecer en la misma carpeta Mayúsculas mientras con
que por defecto está al
100% y lo modificamos tanto desde la que se han colocado en la maqueta. Si el el ratón arrastramos de
una de las esquinas.
en altura como en anchura documento en el que trabajamos lo cambiamos de
(generalmente ambas se
carpeta o lo grabamos en un CD o DVD, debemos
cambian a la vez).
acompañarlo también con la carpeta de las imáge-
nes, porque de lo contrario el documento no estará
Ajuste de esta imagen:
preparado para ser impreso (el propio archivo, al
1) Encajar contenido ser abierto de nuevo, nos informará de que hay un
proporcionalmente. error en los vínculos a las imágenes).
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 Más adelante veremos que esto mismo ocurre
imagen como en el caso
anterior, se continúa: con las tipografías que se utilizan en el documen-
to. Al estar instaladas en el equipo de trabajo, si
2) Encajar marco a queremos utilizar el documento en otro equipo,
contenido.
debemos asegurarnos que aquel tiene las fuentes
De manera que el marco tipográficas necesarias.
adopta el mismo formato y
tamaño que la imagen.
9
5. Trabajo con textos
Para incorporar texto en la maqueta debemos crear queda seleccionado un párrafo, y si se hace cinco
¡TRUCO!
una caja que lo contenga, esa caja o cuadro se crea clics se seleccionará la totalidad del texto de esa
También se puede con la herramienta “Texto” (T), que se constuye columna y de las columnas enlazadas con ella.
insertar un texto
directamente sin tener igual que el “Marco rectangular” (F). Se puede La Barra de Opciones mostrará la doble barra
que abrirlo y copiarlo, si lo escribir dentro del cuadro de texto o pegar un texto inferior para editar el texto seleccionado.
tenemos formateado con procedente de otra fuente (página web, procesador En el modo de Opciones de Caracter (A),
un procesador de texto
(OpenOffice, Word...) de textos, etc). podemos elegir la tipografía, el estilo, el tamaño
para ello seleccionamos Para editar el texto, éste se debe seleccionar y el interlineado. Casillas como el Kerning y el
la caja de texto y
“Colocamos” (“Archivo” >
previamente, bien en su totalidad (Ctrl+A) o por Tracking conviene no cambiarlas. En el modo de
“Colocar...”, o Ctrl+D) el partes: Si se hace doble clic sobre el texto se se- Opciones de Párrafo (¶) podemos editar todo lo
texto, como si se tratara lecciona una palabra, si se hace tres clics seguidos referente a la alineación del texto, las sangrías y
de una imagen.
se selecciona un renglón, si se hace cuatro veces espacios entre párrafos, etc.
Tipografía Cuerpo Kerning
Opciones de
Caracter
Estilo Interlineado Tracking
Opciones de
Párrafo
Alineación de párrafo Sangrías y Espacios Separación de palabras
10
Puede que un texto no encaje en el marco de
¡TRUCO!
texto creado, por lo que o bien lo hacemos más
grande, arrastrando de cualquiera de los ocho tira- Si tenemos que definir
el diseño de un texto
dores del marco con la herramienta “Selección” y no disponemos del
(A), o también podemos crear otra caja de texto a texto original, podemos
modo de segunda columna. utilizar un texto falso,
seleccionando la caja de
Para enlazar dos o más columnas y que el texto v texto y haciendo clic en
fluya por ellas seleccionamos la primera columna “Texto” > “Llenar con texto
falso”. También podemos
y veremos un pequeño cuadrado blanco en la parte obtener el clásico texto de
inferior derecha (1), hacemos clic en ese cuadra- relleno estándar “Lorem
do (el cursor cambiará de forma) y seguidamente Ipsum” desde: http://
[Link]
hacemos clic sobre el marco de texto por la que
continuará el contenido del primero (2). u
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.
11
6. Formas y colores
Además de cuadros para insertar imágenes y mar- Contorno: 5pt Contorno: 3pt
cos para insertar texto, también se pueden cons- Color: 0C 0M 0Y 100K Color: 0C 100M 100Y 0K
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)
Color del relleno: Color del relleno:
se oculta la herramienta “Elipse” (L) y “Polígo- 100C 0M 30Y 10K 0C 0M 30Y 30K
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.
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,
InDesign también permite realizar figuras “a si et praesed mI-
mano alzada” usando la herramienta “Lápiz” (N) pis et autpat.
Iliquam
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- Marco realizado con la herramienta Marco realizado con la herramienta
co” o “Contenido” > “Texto” “Lápiz” (N), para un contenido gráfico. “Pluma” (P), para albergar texto.
12
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.
13
8. Estilos
Los distintos párrafos que aparecen en una ma- “Pies de foto (izquierda)”: Tipografía: Arial,
queta se pueden definir como estilos para que sus Cuerpo 9, interlineado 11. Justificado a la izquier-
características queden guardadas y poder aplicar da y sin separaciones.
dicho estilo a otros párrafos. Abrimos el panel “Pies de foto (derecha)”: Todo igual pero justi-
“Estilos de párrafo” que encontraremos en los ficado a la derecha.
paneles laterales de la derecha o podemos abrir “Títulos”: Tipografía: Arial, Bold. Cuerpo 20.
desde “Ventana” > “Texto y Tablas” > “Estilos de Color C50/M100/Y20/K0
párrafo”. Ahora podremos aplicar dichos estilos a todo
Para crear un estilo nuevo podemos hacerlo de el documento, símplemente seleccionando el texto
varias formas. Podemos abrir una caja de texto que queramos y haciendo clic en el nombre de
en la maqueta y sobre un texto falso definir las nuestro nuevo estilo.
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.
14
9. Impresión y PDF
Una vez terminada la maquetación y haber apli-
¡TRUCO!
cado correctamente los estilos, se debe realizar la
Para insertar enlaces a revisión de la ortotipografía, es decir, el cuidado
sitios web y que sean
activos al generar el PDF, y uso correcto de la puntuación y de los distintos
estos deben estar en signos tipográficos (comillas, puntos, mayúsculas,
una caja independiente. números, siglas, abreviaturas, guiones, extranjeris-
Seleccionamos dicha caja
que contiene el texto que mos, etc...).
queramos que funcione Si el destino de nuestro trabajo es la imprenta,
como enlace y hacemos
clic con el botón derecho
debemos atender a una serie de cuidados, como
del ratón y seleccionamos por ejemplo que la resolución de las imágenes sea
“Interactivo” > “Convertir la adecuada (200ppp - 300ppp según indicacio-
a botón...” y después
otra vez botón derecho
nes del impresor) y que estas imágenes estén en
de ratón “Interactivo” > CMYK (cuatricromía). Una vez revisado todo el
“Opciones de botón...” texto (en papel) para hacer correcciones o ajustes,
y se abrirá un menú
donde en la pestaña procedemos a Empaquetar el trabajo. Esta acción
“Comportamiento” (“Archivo” > “Empaquetar”) hará que se recopile
podemos definir el destino en una carpeta nuestro archivo en InDesign (.indd)
del enlace.
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:
15