Está en la página 1de 16

Primeros pasos con...

Adobe

InDesign

Ciclo Formativo de Grado Superior en Artes Plsticas y Diseo en Ilustracin Mdulo: Fundamentos de Diseo Grfico.

Tutorial para el aprendizaje de los aspectos bsicos del software de maquetacin Adobe InDesign CS3, diseado por el profesor Alberto Albarrn, para el mdulo Fundamentos de Diseo Grfico del Ciclo Formativo de Grado Superior en Artes Plsticas y Diseo en Ilustracin, de la Escuela de Arte y Superior de Diseo de Segovia. Curso 2012-2013 Este trabajo se distribuye bajo una licencia Creative Commons. Se permite la copia, distribucin, uso y comunicacin pblica bajo las siguientes condiciones: - Se debe acreditar y reconocer explcitamente la autora 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 fcilmente legible y jurdicamente vlido del Texto Legal completo que puede encontrarse en:
http://creativecommons.org/ licenses/by-nc-nd/3.0

1. Espacio de Trabajo 2. Nuevo Documento 3. Barra de Herramientas 4. Insertar imgenes 5. Trabajo con textos 6. Formas y colores 7. Pginas maestras 8. Estilos 9. Impresin y PDF

5 6 7 8 10 12 13 14 15

1. Espacio de Trabajo
El programa Adobe InDesign, es un software especializado en maquetacin y diseo de libros y documentos cuyo destino final ser, principalmente, la imprenta. El Espacio de Trabajo con el que nos encontraremos nada ms abrir o crear un nuevo documento es, a grandes rasgos, el siguiente: 1) Barra de Mens: 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, cambiarn en funcin de la herramienta que hayamos seleccionado previamente. 3) Barra de Herramientas: Esta barra contiene todas las herramientas que nos servirn para trabajar con nuestro documento. Ms 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 grficos que coloquemos en este espacio, fuera del documento, no aparecern en la impresin. 5) Documento: El documento aparecer con las lneas guas y las lneas de sangrado marcadas. Son lneas que no aparecern en el momento de imprimir.

v w

TRUCO!
Para cambiar entre el modo de vista previa y el modo de edicin, debemos pulsar la letra W

2. Nuevo Documento
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

Para crear un nuevo documento, hemos de ir a Archivo > Nuevo > Documento.... Nos aparecer la pantalla de configuracin de la imagen inferior. En esta pantalla indicaremos las caractersticas de nuestro documento: nmero de pginas, tamao y orientacin, nmero de columnas, mrgenes y sangrado. Algunos de estos valores podremos modificarlos posteriormente, como el nmero de pginas, los mrgenes, etc. En una pgina debemos definir los mrgenes: el superior (1), el inferior (2), el margen interior

(3), que es el que ira junto al lomo si por ejemplo estuviramos maquetando un libro, y por ltimo el margen exterior (4). Si nuestro documento tiene columnas, los lmites de stas (5) aparecern en nuestra pgina. Tambin debemos indicar el lmite de sangrado (6) que ser hasta donde llevemos aquellos elementos grficos (imgenes o masas) que queremos que vayan a sangre en nuestro documento.

z u

v
6

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 pequea en la parte inferior derecha del icono de algunas herramientas. Manteniendo el botn izquierdo del ratn pulsado sobre ellas aparecer un desplegable para que seleccionemos aquellas que queramos utilizar.
TRUCO! Seleccin (V) Seleccin Directa (A) Texto (T) Marco Rectangular (F)
Para seleccionar herramientas de modo rpido, es til conocer los atajos de las herramientas ms utilizadas. Las letras que equivalen a cada herramienta aparecen al colocar el puntero del ratn sobre cada herramienta en la barra (en el grfico estn entre parntesis).

Mano (H) Relleno (X)

Zoom (Z)

Contorno (X)

4. Insertar imgenes
TRUCO!
Tambin se puede insertar una imagen directamente, sin crear un marco previamente, para ello Colocamos (Ctrl+D) una imagen y hacemos clic en la pgina. Se crear automticamente un marco de igual tamao a la imagen.

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 Seleccin Directa (A) se puede mover la imagen dentro del marco.

Una forma de insertar imgenes en una maqueta, es ir a la barra de herramientas donde seleccionamos el Marco rectangular (F) y creamos una caja en el lugar de la pgina que queramos. Con esa herramienta seleccionada se hace clic en la pgina con el botn izquierdo del ratn y mantenindolo 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). La resolucin de una imagen para un documento 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 claramente 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 tamao del marco que el de la imagen. Para seleccionar el marco hemos de utilizar la herramienta Seleccin (V), mientras que para seleccionar la imagen se emplea la herramienta Seleccin 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 botn derecho del ratn y buscamos la opcin Ajuste y aparecern varias opciones. A continuacin la vamos a ajustar de diversas formas en los seis marcos creados a la derecha.

Tras haber ajustado la imagen como en el caso anterior, se contina: 3) Encajar marco a contenido. De manera que el marco adopta el mismo formato y tamao 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.

Respetando las dimensiones de este marco, la imagen se ha insertado al 90% de su tamao real. Para ello, con la imagen seleccionada (con la herramienta Seleccin directa), buscamos en la barra de opciones el porcentaje de ampliacin 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 vaco porque ambos formatos no son proporcionales.

Es muy importante tener en cuenta que en programas de maquetacin como este, las imgenes que se colocan en las pginas, no se incluyen fsicamente en el documento en el que se trabaja. Las imgenes estn vinculadas al documento, pero no incorporadas a l por lo que esas fotografas o ilustraciones 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 acompaarlo tambin con la carpeta de las imgenes, 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 vnculos a las imgenes).

TRUCO!
Para ampliar o reducir un marco o una imagen de manera que mantenga sus proporciones, debemos mantener pulsada la tecla de Maysculas mientras con el ratn arrastramos de una de las esquinas.

Tras haber ajustado la imagen como en el caso anterior, se contina: 2) Encajar marco a contenido. De manera que el marco adopta el mismo formato y tamao que la imagen.

Ms adelante veremos que esto mismo ocurre con las tipografas que se utilizan en el documento. Al estar instaladas en el equipo de trabajo, si queremos utilizar el documento en otro equipo, debemos asegurarnos que aquel tiene las fuentes tipogrficas necesarias.

5. Trabajo con textos


TRUCO!
Tambin 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.

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 (pgina 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 rengln, si se hace cuatro veces

queda seleccionado un prrafo, 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 tipografa, el estilo, el tamao y el interlineado. Casillas como el Kerning y el Tracking conviene no cambiarlas. En el modo de Opciones de Prrafo () podemos editar todo lo referente a la alineacin del texto, las sangras y espacios entre prrafos, etc.

Tipografa Opciones de Caracter

Cuerpo

Kerning

Estilo

Interlineado

Tracking

Opciones de Prrafo

Alineacin de prrafo 10

Sangras y Espacios

Separacin de palabras

Puede que un texto no encaje en el marco de texto creado, por lo que o bien lo hacemos ms grande, arrastrando de cualquiera de los ocho tiradores del marco con la herramienta Seleccin (A), o tambin podemos crear otra caja de texto a modo de segunda columna. Para enlazar dos o ms columnas y que el texto fluya por ellas seleccionamos la primera columna y veremos un pequeo cuadrado blanco en la parte inferior derecha (1), hacemos clic en ese cuadrado (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 travs de las opciones que nos proporciona el panel que obtenemos desde Objeto > Opciones de marco de texto (Ctrl+B). A travs de este panel, se puede, 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 ttulo de TRUCO! podemos ver en el margen derecho superior de esta pgina.

TRUCO!
Si tenemos que definir el diseo 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. Tambin podemos obtener el clsico texto de relleno estndar Lorem Ipsum desde: http:// es.lipsum.com

11

6. Formas y colores
Adems de cuadros para insertar imgenes y marcos para insertar texto, tambin se pueden construir figuras y formas a las que, al igual que las anteriores, podemos aplicar determinados colores en el relleno y en el contorno, a travs de la barra de herramientas (haciendo doble clic sobre la herramienta Relleno o Contorno nos aparecern las opciones de color). Para construir figuras geomtricas, dentro de las opciones de la herramienta Rectngulo (M) se oculta la herramienta Elipse (L) y Polgono. Haciendo doble clic sobre el icono de esta herramienta en la barra, aparecer un cuadro en el que podremos indicar el nmero de lados que queremos que tenga nuestro polgono.
Contorno: 5pt Color: 0C 0M 0Y 100K Contorno: 3pt Color: 0C 100M 100Y 0K

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

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

InDesign tambin permite realizar figuras a mano alzada usando la herramienta Lpiz (N) o de forma ms precisa, con la herramienta Pluma (P). Estas figuras pueden contener imgenes o texto, para ello hacemos clic con el botn derecho del ratn y elegimos Contenido > Grfico o Contenido > Texto
12

Ud el iriustinis 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 mIpis et autpat. Iliquam

Marco realizado con la herramienta Lpiz (N), para un contenido grfico.

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

7. Pginas maestras
En ocasiones en nuestras pginas hay elementos que se repiten de forma contnua, como pueden ser lneas o filetes, el foliado o nmero de pginas. Estos elementos podemos incluirlos en la Pgina maestra de manera que pueda repetirse metdicamente en todo el documento o en las pginas que queramos. Para entrar en la pgina maestra debemos ir al panel de Pginas (F12), un panel que nos muestra un mapa de nuestro documento. En la parte superior podemos leer A-Pgina maestra y a la derecha una doble pgina. Hacemos doble clic en la pgina que queramos (izquierda o derecha) y se nos abrir una doble pgina en blanco. Todo lo que insertemos en esa doble pgina aparecer en todo nuestro documento. Una vez en la Pgina maestra, abrimos una caja de texto en la pgina de la izquierda para incorporar el folio (numeracin de la pgina) y vamos a Texto > Insertar caracter especial > Marcadores > Nmero de pgina actual y repetimos lo mismo en la pgina de la derecha. Una vez hecho salimos de la Pgina maestra haciendo doble clic en cualquier pgina del documento en el panel de Pginas que tenemos abierto. Se pueden crear todas las Pginas maestras que queramos y para aplicarlas a las pginas del documento podemos arrastrar la Pgina maestra hacia la pgina que queramos o sobre la miniatura de sta, a travs del botn derecho del ratn.
13

8. Estilos
Los distintos prrafos que aparecen en una maqueta se pueden definir como estilos para que sus caractersticas queden guardadas y poder aplicar dicho estilo a otros prrafos. Abrimos el panel Estilos de prrafo que encontraremos en los paneles laterales de la derecha o podemos abrir desde Ventana > Texto y Tablas > Estilos de prrafo. 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 caractersticas (Tipografa, cuerpo, interlineado, tipo de prrafo...) y una vez que lo tenemos lo seleccionamos y en el panel de Estilos de Prrafo vamos a Nuevo estilo de prrafo... y se nos abrir un men (imagen de la derecha) en el que simplemente tenemos que aceptar las caractersticas que aparecen (que son aquellas que habamos indicado). A continuacin crearemos los siguientes estilos de prrafo: Texto comn: Tipografa: Times New Roman, Cuerpo 12, interlineado 15. Prrafo justificado a la izquierda y con separaciones de slabas y una sangra en la primera lnea de prrafo de 5mm. El resto de opciones que encontremos las dejamos como aparecen. Texto comn (primer prrafo): Igual que el anterior pero quitando el sangrado de 5mm. Este estilo se aplicar al primer prrafo de cada texto.
14

Pies de foto (izquierda): Tipografa: Arial, Cuerpo 9, interlineado 11. Justificado a la izquierda y sin separaciones. Pies de foto (derecha): Todo igual pero justificado a la derecha. Ttulos: Tipografa: Arial, Bold. Cuerpo 20. Color C50/M100/Y20/K0 Ahora podremos aplicar dichos estilos a todo el documento, smplemente seleccionando el texto que queramos y haciendo clic en el nombre de nuestro nuevo estilo.

9. Impresin y 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 botn derecho del ratn y seleccionamos Interactivo > Convertir a botn... y despus otra vez botn derecho de ratn Interactivo > Opciones de botn... y se abrir un men donde en la pestaa Comportamiento podemos definir el destino del enlace.

Una vez terminada la maquetacin y haber aplicado correctamente los estilos, se debe realizar la revisin de la ortotipografa, es decir, el cuidado y uso correcto de la puntuacin y de los distintos signos tipogrficos (comillas, puntos, maysculas, nmeros, siglas, abreviaturas, guiones, extranjerismos, etc...). Si el destino de nuestro trabajo es la imprenta, debemos atender a una serie de cuidados, como por ejemplo que la resolucin de las imgenes sea la adecuada (200ppp - 300ppp segn indicaciones del impresor) y que estas imgenes estn en CMYK (cuatricroma). Una vez revisado todo el texto (en papel) para hacer correcciones o ajustes, procedemos a Empaquetar el trabajo. Esta accin (Archivo > Empaquetar) har que se recopile en una carpeta nuestro archivo en InDesign (.indd) y dos carpetas ms, una con las imgnenes (Links) y otra con las tipografas (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, slo necesitamos generar un PDF de nuestro archivo. Lo ms fcil es ir a Archivo > Exportar... y buscar la opcin PDF. En la siguiente direccin dejo un tutorial con otra tcnica para generar un PDF: http://es.slideshare.net/albertoalbarran/generarpdf-desde-indesign
15