Crear un Portafolio Impresionante en InDesign: Parte uno - La Portada

En las primera parte de este tutorial de dos partes, aprenderá como crear un cubierta impactante para un Portafolio diseñado para impresión en Adobe InDesign.  En este tutorial usaré recursos de vectores de otros tutoriales en Tuts+, sin embargo, el tutorial está diseñado para que pueda intercambiar éstos con su propio trabajo de ilustración para crear su portafolio personal.

1. Configure el Formato de la Cubierta

Paso 1

Abra  InDesign y vaya a Archivo > Nuevo > Documento, para abrir la ventana Nuevo Documento.

Seleccione; A medida, desde el menú de opciones Documento Preestablecido y asegúrese que la opción Calidad está ajustada como Impresión. Desde las opciones del menú Tamaño de Página, seleccione; A medida, para abrir la ventana Tamaño de página a medida. Teclee “Cubierta Portafolio” debajo de la casilla Nombre, ajuste la Anchura a 490.6mm y la Altura a 203.2mm. Haga clic en OK.

Paso 2

Esto lo regresará a la ventana Documento nuevo. Deje la opción Número de columnas, ajustada a 1. Desactive el icono Unificar todas las configuraciones, que se encuentra en la sección Márgenes. Ajuste los márgenes Superior e Inferior a 20mm y los márgenes Izquierdo y Derecho a 14.6mm. Ajuste el Sangrado a 9mm.

Como estamos creando la cubierta para un libro, es una buena idea darle al sangrado un espacio amplio para permitir que el área impresa cubra los bordes de la cubierta.

Ahora tiene una composición de 2 páginas configuradas para la portada y la contraportada y, también, las caras interiores de la cubierta.

2. Prepare la página Maestra para la Portada

Paso 1

Si todavía no está abierta, vaya a Ventana en el menú que está en la parte superior y haga clic en Páginas para abrir el panel Páginas. Usted verá que InDesign ha creado, automáticamente, una página maestra llamada A-Master, y, también, ha aplicado automáticamente ésta a ambas páginas de su documento. Doble clic al icono de la A-Master, para que pueda editar directamente la página Maestra.

Paso 2

Ajuste las dimensiones del lomo usando líneas guías, arrastrando desde la regla que está al lado izquierdo. Vaya a Ver > Mostrar reglas, si es que todavía no están visibles las reglas.

Para este tutorial crearemos un lomo de 8mm, lo cual es bastante amplio para un portafolio, una vez que sabe cuantas páginas tendrá su propio libro, y el grosor del papel (ejemplo, 80gms ó 130gms), usted puede calcular la anchura adecuada para su lomo, y reducir o aumentar la anchura de su documento por consiguiente. Hay un enorme cantidad de calculadoras en línea para calcular el ancho del lomo o, incluso, hasta su impresora puede informarle.

Primero, arrastre una línea guía hasta la posición 245.3mm, la cual es el punto del centro vertical de toda la cubierta, y el centro del lomo. Arrastre una segunda línea guía a la posición 241.3mm, la cual marca el borde izquierdo del lomo, y arrastre una tercer línea guía hasta la posición 249.3mm, la cual marca el borde derecho del lomo.

3. Formato del Fondo de la Cubierta

Regrese a la página 1 del documento haciendo doble clic en el icono de la página 1 en el panel Páginas. Presione y alterne la tecla W para asegurarse que el Modo de visualización está ajustado a Normal y que los sangrados y márgenes están disponibles.

Seleccione la Herramienta Rectángulo (M) y arrastre un marco que se extienda a través de toda la página, terminando en los bordes del sangrado. Ajuste el Trazo a ninguno y al Relleno en negro.

4. Seleccione y Coloque la Imagen de su Cubierta

Seguro querrá una imagen que muestre tanto su mejor trabajo para acaparar la atención de sus lectores y, también, los trabajos bien hechos como una imagen para la cubierta conjuntamente con texto y otros gráficos.

Usaré la ilustración “Disco Skull” elaborada por Mary Winkler, la cual usted puede encontrar en Desafío para la Decoración de Cráneos, del año pasado. Éste debería funcionar bien como imagen de la cubierta, que se extiende sobre la portada y contraportada, debido a que tiene simetría. Además, los colores brillantes funcionan muy bien en frente del intenso fondo negro.

Usando la Herramienta Marco Rectangular (F) arrastre para crear un marco con una anchura de 145mm y una altura de 220mm. Vaya a Archivo > Colocar, y localice y Abra su imagen seleccionada.

Use la opción Llenar marco proporcionalmente, que está el panel de control superior para estirar la imagen desde el borde superior del documento (pero sin incluir el sangrado) hasta el borde inferior. Es probable que tenga que hacer doble-clic sobre el marco para seleccionar la imagen directamente para maniobrarla. Puede mantener presionada la tecla Shift para cambiar el tamaño sin perder sus proporciones originales.

Seleccione el marco y muévalo al centro del lomo. En este tutorial, el cráneo debería dividirse a la mitad por el centro de la línea guía.

5. Edite la Imagen de su Cubierta para Impactar

Cuando la portada este terminada, el frente de la portada mostrará solamente la mitad de la imagen del cráneo.

La imagen del cráneo continuará cubriendo el lomo y el reverso de la portada. Es posible que quiera introducir algo de texto al lomo. Por lo tanto, necesitaremos ver una técnica para reducir el brillo de la imagen, pero solamente sobre la parte del lomo, para dejar que el texto resalte en frente de él.

Paso 1

Usando la Herramienta de Selección (V) por defecto, seleccione la imagen del marco. Control-Clic (Mac) o clic-derecho (PC) y seleccione Copiar. Todavía no pegue la imagen copiada. Haga clic y arrastre el borde izquierdo del marco de la imagen actual hasta que su borde derecho se encuentre, exactamente, con el borde del lado izquierdo del lomo.

Paso 2

Vaya a Edición > Pega en el mismo lugar. La segunda imagen del cráneo será pegada en su posición original y con las mismas dimensiones. Haga clic y arrastre el borde derecho de éste nuevo marco de imagen hasta que su borde izquierdo se encuentre exactamente con el borde del lado derecho del lomo.

Paso 3

Nuevamente, vaya a Edición > Pegar en el mismo lugar. Un tercer marco con la imagen del cráneo será pegado en su posición original. Vaya a Objetos, en el menú superior, y seleccione Transparencia desde el menú de opciones Efectos, para abrir la ventana Efectos. Ajuste la Opacidad a 70%. Haga clic en OK.

Haga clic y arrastre el borde al lado izquierdo del marco de la imagen hasta encontrarse con el borde del lado izquierdo del lomo. Ahora repita con el borde del lado derecho del marco de la imagen hasta encontrarse con el borde del lado derecho del lomo.

6. Seleccione las Fuentes para la Portada

Una regla general para el diseño profesional de libros es restringir sus opciones de fuentes, solamente a dos. Este principio, debería aplicar tanto para la portada como para las páginas internas. Esto ayuda a crear consistencia y un aspecto limpio a través de todo el libro.

Para éste tutorial he sido inspirado por el tema retro de la imagen de la cubierta. Siento que dos fuentes diferentes del estilo sans serif funcionarán bien en conjunto. Me he inclinado por el tema de los Ochentas, “Web Serveroff” y por una fuente más robusta y simple como “Varela”. Web Sereroff será magnífico para títulos y subtítulos, mientras que Varela se adaptará mejor para el cuerpo de texto.

7. Inserte el Texto para el Frente de la Cubierta

Paso 1

Use la Herramienta Texto (T), para crear un marco de texto de 121mm de anchura y 37mm de altura. Ajuste la alineación del marco de texto con; Alinear texto a la derecha, que se encuentra en el panel de control superior. Mueva el marco a la siguiente posición: X=354.5mm, Y=21.9mm.

Teclee “ILUSTRACIÓN (haga un corte de párrafo, y luego escriba) PORTAFOLIO”.  Resalte la palabra “ILUSTRACIÓN” y ajuste la Fuente a “Web Serveroff” Regular, Tamaño a 76 pt. y Tracking (el espacio entre los caracteres) a 30.  Por ahora, ajuste el color en blanco.

Resalte “PORTAFOLIO” y ajuste la Fuente a “Varela” Regular. Ajuste el Tamaño en 50 pt., Interlineado en 44 pt., y el Tracking en 120 pt. Arrastre una línea guía hasta encontrarse con el borde izquierdo del texto para asegurarse que las dos líneas de texto se alinean con exactitud.

Paso 2

Use la Herramienta de Texto (T) para crear un segundo marco de texto de 120mm de anchura y 11mm de altura. Ubique el borde del lado izquierdo frente a la línea guía que creó en el Paso 1, y asegúrese que la posición en Y está ajustada a 169mm. Teclee “NOMBRE” dentro del marco, y ajuste la Fuente a “Varela” Regular. Ajuste el Tamaño en 30 pt., Tracking en 50 y seleccione Alinear Texto a la Izquierda desde el panel de control superior. Por ahora, ajuste los colores en blanco.

8. Inserte el Texto para la Contraportada

Use la Herramienta de Texto (T) para crear un marco de texto de 94mm de ancho y 44mm de alto. Ajuste la alineación del marco de texto a Justificar con la Última Línea Alineada a la Izquierda, que se encuentra en el panel de control superior.

Mueva el marco a la siguiente posición: X=16.25mm, y Y=21.9mm. Esto ubicará el marco en el reverso de la contraportada, alineado con el marco de texto “ILUSTRACIÓN PORTAFOLIO”.

Aquí, teclee su propaganda o su biografía, o simplemente vaya al menú Texto y seleccione Llenar con texto falso para insertar algo de texto, por ahora. Ajuste la Fuente a “Varela” Regular, Tamaño en 13 pt., Interlineado en 18 pt., y Tracking en 10. Por ahora, ajuste el color en blanco.

9. Inserte el Texto para el Lomo

Paso 1

Use la Herramienta de Texto (T) para crear un marco de texto de 67mm de anchura y 5mm de altura. Ajuste la alineación del marco de texto a Alinear Texto a la izquierda, que se encuentra en el panel de control superior. Teclee “ILUSTRACIÓN PORTAFOLIO” y ajuste la Fuente a “Varela” Regular. Ajuste el Tamaño en 13 pt., Tracking en 50 y deje el color en blanco.

Control-Clic (Mac) o clic-derecho (PC) y seleccione Transformar y Rotar 90° a la derecha. Ubique el marco para que el texto se lea hacia abajo al centro del lomo. Ajuste la posición en Y en 20mm.

Paso 2

Seleccione el marco de texto que acaba de crear. Control-Clic (Mac) o clic-derecho (PC) y seleccione Copiar. Vaya a Edición > Pegar en el mismo lugar. Edite el texto a “NOMBRE” y cambie la Fuente a “Web Serveroff” Regular, Tamaño en 16 pt., y cambie el color a negro. Ajuste la anchura del marco de texto a 11mm para que se combine más con las dimensiones del texto. Puede ajustar la anchura y la posición en Y de éste marco de acuerdo con su propio nombre.

Arrastre éste marco de texto “NOMBRE” hacia abajo, a la posición Y 128mm.

Paso 3

Seleccione el marco de texto “NOMBRE”  y Copie y Pegar en el mismo lugar como lo hizo antes. Edite el texto para que diga “AÑO” y mueva el marco hacia abajo a la posición Y 170mm.

Este puede ser un buen lugar para darle a su portafolio una fecha, o incluso un número de edición.

10. Cree Muestras Usando la Herramienta Cuentagotas

La imagen del cráneo tiene algunos magníficos colores vibrantes que funcionarían muy bien (si se usan con moderación) aplicado a algunos textos que usted ha insertado.

Paso 1

Seleccione la Herramienta Cuentagotas (I) y haga clic en la sección rosada brillante en el extremo de la imagen del cráneo. El cuentagotas seleccionará una interpretación RGB del color rosado, el cual está indicado por el icono de cuentagotas lleno.

Paso 2

Doble-clic en la muestra de Relleno rosada que ahora se muestra a la izquierda del panel de control, ubicada en frente del icono Trazo, el cual tiene una línea roja que cruza a través de él.

Doble-clic sobre el icono de Relleno rosado para abrir la ventana Selector de Color. Haga clic una vez en la caja de porcentaje con la letra “C”. InDesign calcula un valor CMYK equivalente al valor de collor RGB que usted tomó originalmente de la imagen. Como nuestra cubierta fue destinada para impresión, siempre deberíamos de estar buscando convertir colores RGB a CMYK o muestras Pantone.

Haga clic en Añadir Muestra CMYK y seleccione OK. Cuando abra su panel Muestras a través de Ventana > Color > Muestras, verá que C=6 M=86 Y=0 K=0 han sido añadidos a la lista de muestras.

Paso 3

Ahora vamos a robar un color adicional para usar en el texto que complementará el color rosado cálido y contrastará bien frene al fondo negro.

Una vez más, seleccione la Herramienta Cuentagotas (I) y esta vez haga clic en la sección azul brillante que está en la parte superior izquierda del cráneo.

Como antes, haga doble-clic sobre la muestra de Relleno turquesa, que está a la izquierda del panel de control. Haga clic en la caja “C” y seleccione Añadir muestra CMYK. Haga clic en OK. La muestra C=69 M=0 Y=26 K=0, también se añadió al panel Muestras.

11. Aplique las Muestras a los Textos

Paso 1

Use la Herramienta de Texto (T) para resaltar la palabra “ILUSTRACIÓN” que está en el frente de la portada y ajuste el color a C=6 M=86 Y=0 K=0.

Ahora, resalte la palabra “NOMBRE” que está en el frente de la portada y ajuste el color a C=69 M=0 Y=26 K=0.

Paso 2

Resalte unas cuantas palabras al principio de su propaganda, que está ubicada en la contraportada y ajuste el color de texto a C=69 M=0 Y=26 K=0.

Paso 3

Resalte la palabra “ILUSTRACIÓN” en el lomo y ajuste el color a C=6 M=86 Y=0 K=0.

12. Use la Herramienta Línea para los Marcos de Textos

El texto ya estalla con color pero podemos añadir un ingenioso efecto de marco para darle a toda la portada unidad y balance.

Paso 1

Seleccione la Herramienta Línea (/) desde el panel Herramientas que está al lado izquierdo. Puede encontrar está herramienta debajo de la Herramienta Texto. Asegúrese que el panel Trazo está abierto, sino vaya a Ventana > Trazo.

Mantenga presionada la tecla Shift mientras arrastra el mouse desde la derecha hasta la izquierda para crear una línea horizontal. Ajuste la Longitud a 145mm, hágalo a través del panel de control superior y ajuste el Color de trazo a Blanco. Deje el extremo derecho de la línea en el borde derecho del sangrado y ajuste la posición Y en 182mm. Ahora la línea debería quedar debajo del marco de texto NOMBRE al frente de la portada.

En el panel Trazo ajuste la Anchura en 1pt. Ajuste el Tipo a Grueso - Fino - Grueso, y debajo del la opciones de menú Fin, seleccione la opción Barra.

Paso 2

Control-clic (Mac) o clic-derecho (PC) y seleccione Copiar. Vaya a Edición > Pegar en el mismo lugar. Extienda la Longitud a 186mm y alteré la posición en X a 476mm y la posición Y a 19mm. Regrese al panel Trazo y edite el valor Fin a Ninguno y al valor Inicio a Barra.

Ahora la línea está ubicada arriba del marco de texto “ILUSTRACIÓN PORTAFOLIO”.

Paso 3

Podemos añadir un efecto de degradado a la línea que acabamos de crear para crear la ilusión de que la línea está desapareciendo en la oscuridad cerca del cráneo.

Con la línea seleccionada, vaya a Objetos > Efectos > Desvanecimiento de degradado, para abrir la ventana Efectos.

Debajo de la opción Etapas de Degrado, mueva el deslizador negro un poco a la derecha y arrastre el deslizador blanco un poco hacia la izquierda. Ajuste el Ángulo a 0 grados. Asegúrese que Previsualizar está chequeado de modo que pueda ajustar el degradado y ver los resultados al instante.

Haga clic en OK. Ahora tiene una línea que recorre la parte de arriba del frente de la portada con un efecto de desvanecido encantador.

Paso 4

Ahora vamos a repetir este efecto en el reverso de su portada. Seleccione la línea que usted creo en el Paso 2 y 3. Control-clic (Mac) o clic-derecho (PC) y seleccione Copiar. Vaya a Edición > Pegar en el mismo lugar. Control-clic (Mac) o clic-derecho (PC) y debajo de la opción Transformar, seleccione Voltear horizontal. Ajuste la posición en X a 15mm.

Esta línea nueva correrá arriba del texto de propaganda en el reverso de la portada.

13. Añada un Logo (Opcional)

Es probable que quiera añadir un logo, de manera opcional, u otros detalles para personalizar la portada de su portafolio. En este tutorial, he insertado un logo en formato EPS en color blanco para que haga contraste claramente contra el fondo oscuro.

Seleccione la Herramienta de Marco Rectangular (F) y, manteniendo presionada la tecla Shift, arrastre hasta crear un marco pequeño para una imagen. Deje la base del marco en frente del margen inferior y alineado al borde del lado izquierdo frente al margen izquierdo en el reverso de la portada. Vaya a Archivo > Colocar, y seleccione la imagen de logo. Haga clic en Abrir.

14. Añada una Muestra al interior de su Portada

Puede que lo haya olvidado, pero ahora que hemos configurado el documento con 2 páginas. La segunda página esta destinada para la cara interna para el frente y reverso de la portada, algunas impresoras pueden dejar está área para que sea impresa con un color complementario, el cual da un aspecto profesional extra a su libro.

Doble-clic en el icono de la Página 2 en el panel Páginas para editar directamente la Página 2. Seleccione la Herramienta Rectángulo y arrastre hasta crear un marco que se extiende a través de toda la página, hasta el sangrado. Ajuste el Relleno a C=69 M=0 Y=26 K=0. ¡Perfecto!

15. Prepare su Cubierta para Impresión

Antes que exportemos la cubierta como un PDF, deberíamos hacer una revisión final, asegúrese que la ilustración se extiende más allá de los bordes del documento, hasta los bordes del sangrado, ¡haga otra verificación para revisar que no hay errores ortográficos!

Luego vaya a Archivo > Exportar, y seleccione Adobe PDF (Impresión) desde las opciones del menú. Escoja un nombre y una ubicación adecuada para guardar su PDF, después haga clic en Guardar.

Debajo de la opción General, y dentro de las opciones Adobe PDF del menú desplegable, seleccione Calidad de prensa.

Debajo de Marcas y Sangrados, seleccione Todas las marcas de impresora, debajo del menú Marcas y seleccione la opción Utilizar configuración de sangrado del documento, que está debajo del menú Sangrado y anotaciones. Haga clic en Exportar.

¡Bien hecho, la cubierta de su Portafolio está terminada!

¡Buen trabajo, ahora tiene lista la cubierta para enviarla a las impresoras! Vea la Parte Dos de este tutorial de dos partes y aprende como unirlo con la páginas internas.