1. Design & Illustration
  2. Print Design

Cómo hacer un diseño de portada de folleto en Adobe InDesign

by
Read Time:8 minsLanguages:

Spanish (Español) translation by Naudys Angulo (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los materiales de marketing que se venden deben ser llamativos y atractivos. En este tutorial, aprenderás a realizar un diseño de portada de folleto atractivo.

Los folletos son una parte esencial de la marca para cualquier tipo de negocio. Un folleto bien diseñado es una forma estupenda de despertar el interés del lector. Con una gran cantidad de folletos en el mundo, diseñar algo único hará que el trabajo destaque.

Este tutorial te guiará en la elaboración de una portada de folleto lista para imprimir. Este diseño también sirve de plantilla para futuros proyectos. Puedes modificar los elementos a cualquier tamaño y color que necesites. ¡Solo son necesarios un par de pasos!

Qué necesitarás

Necesitarás acceso a Adobe InDesign; si no tienes el programa, puedes descargar una versión de prueba en el sitio web de Adobe. También necesitarás los siguientes elementos:

Descarga los recursos y asegúrate de que la fuente está instalada en tu sistema antes de empezar. Cuando estés listo, ¡podemos empezar!

¿Buscas increíbles plantillas de folletos? Dirígete a Envato Elements o GraphicRiver.

1. Cómo configurar un diseño de portada de folleto en Adobe InDesign

Paso 1

Para el propósito de este tutorial, vamos a configurar un archivo de una página para trabajar en la portada del folleto. Si deseas seguir diseñando el interior, no dudes en añadir páginas en el panel Páginas.

En InDesign, ve a Archivo > Nuevo. Ponle nombre al documento portada del folleto. Ajusta el folleto a las siguientes dimensiones Legal-Media:

  • Anchura a 17,78 cm
  • Altura a 21,59 cm
  • Orientación en Vertical
  • Páginas en 1
  • Márgenes en 10 mm
  • Sangrados en 3 mm (se aconseja buscar la preferencia de tu impresor profesional)

Haz clic en Crear.

Create a new documentCreate a new documentCreate a new document

Paso 2

Para este tutorial de portada de folleto, trabajaremos con dos Capas. Esto facilitará la actualización de la plantilla con nueva información y colores de la marca.

Abre el panel de Capas yendo a Ventana > Capas. Haz doble clic en la Capa 1 y renómbrala como Triángulos 1.

En el menú principal del panel Capas, selecciona Nueva capa. Nómbrala Triángulos 2 y haz clic en OK.

Añade tres capas adicionales, nombrándolas Imagen/Logotipo, Triángulos 3 y Copia.

Create new layers for each stage of the coverCreate new layers for each stage of the coverCreate new layers for each stage of the cover

Paso 3

Antes de empezar con el diseño, vamos a añadir algunas muestras de color. Dirígete a Ventana > Color > Muestras para expandir el panel de Muestras. Elige Nueva muestra de Color en el menú principal. Añade los siguientes colores:

  • Amarillo: C=0, M=50, Y=100, K=0.
  • Azul oscuro: C=90, M=45, Y=15, K=65
  • Azul claro: C=50 M=0 Y=15 K=0

Haz clic en Añadir después de introducir cada uno de los valores de color. Haz clic en OK.

Add new color swatchesAdd new color swatchesAdd new color swatches

2. Cómo trabajar con vectores y colocar imágenes en Adobe InDesign

Paso 1

En el panel de Capas, selecciona la capa Triángulos 1.

En la Barra de Herramientas, selecciona la Herramienta Polígono. Puedes encontrarla debajo de la Herramienta Rectángulo (M). Mantén pulsado el botón para acceder al menú ampliado, y selecciona la Herramienta Polígono. Haz clic en el documento para que aparezca la ventana de opciones del Polígono. Introduce los siguientes ajustes:

  • Ancho de polígono en 6,5 cm
  • Altura del polígono en 5 cm
  • Número de lados en 3
  • Margen de estrella en 0%

Haz clic en OK.

Create a Triangle using the Polygon ToolCreate a Triangle using the Polygon ToolCreate a Triangle using the Polygon Tool

Paso 2

Para este tutorial, crearemos un fondo utilizando triángulos con diferentes opacidades. Dupliquemos el triángulo. Pulsa Mayúsculas-Opción y arrastra para duplicar la forma. Si pulsas Opción duplicarás el objeto, mientras que Mayúsculas lo alineará.

Pulsa Comando-R para Rotar el objeto 180°. Mantén pulsada Mayúsculas para conseguir una rotación uniforme.

Duplicate the triangleDuplicate the triangleDuplicate the triangle

Paso 3

Necesitamos crear un hexágono. Duplica ambos objetos de nuevo pulsando Mayúsculas-Opción y arrastrando.

Esta vez, cambia ambos triángulos (superior e inferior) para formar un diamante. Muévelos hacia la izquierda para que encajen con los dos primeros conjuntos de triángulos. Duplica la forma de diamante para que encaje en el lado opuesto.

Create a hexagon using the trianglesCreate a hexagon using the trianglesCreate a hexagon using the triangles

Paso 4

Selecciona uno de los triángulos. Dirígete al panel Muestras y ajusta el Matiz al 20%. Continúa formateando los otros triángulos en incrementos del 20%, como se muestra en la imagen de abajo:

Using the Tint option on the swatches panel set each triangle in 20 incrementsUsing the Tint option on the swatches panel set each triangle in 20 incrementsUsing the Tint option on the swatches panel set each triangle in 20 increments

Paso 5

Selecciona todos los triángulos y pulsa Comando-G para Agrupar los objetos. Dirígete al panel de Muestras y selecciona el color azul oscuro. Esto alterará el color sin afectar el Matiz.

Change the color on the swatches panel to dark blueChange the color on the swatches panel to dark blueChange the color on the swatches panel to dark blue

Paso 6

Pulsa Comando-R para Rotar. Mantén pulsada Mayúsculas y gira el triángulo 90°. Duplica los objetos pulsando Mayúsculas-Opción y arrastrando. Crea un motivo como el de la imagen de abajo:

Rotate the hexagon and multiply to create a patternRotate the hexagon and multiply to create a patternRotate the hexagon and multiply to create a pattern

Paso 7

En la Barra de Herramientas, selecciona la Herramienta Selección Directa (A). Para crear una forma diagonal uniforme, elimina los tres triángulos superiores e inferiores.

delete the top and bottom triangles to create a flat shapedelete the top and bottom triangles to create a flat shapedelete the top and bottom triangles to create a flat shape

Paso 8

Centra el objeto en la página, asegurándote de que cubre los sangrados. Si necesitas cambiar el tamaño, mantén pulsada la tecla Mayúsculas-Opción y arrastra una de las esquinas. La tecla Mayúsculas se utiliza para escalar el objeto uniformemente, mientras que Opción se utiliza para escalar desde el punto central.

Para entrar y salir del Modo Previsualizar, pulsa W.

Fit the object on the page makign sure it is touching the bleedsFit the object on the page makign sure it is touching the bleedsFit the object on the page makign sure it is touching the bleeds

Paso 9

En el panel de Capas, bloquea la capa Triángulos 1. Vamos a trabajar en la capa Triángulos 2.

Selecciona la Herramienta Polígono. Haz clic en el documento y crear un triángulo con la misma configuración que antes.

  • Ancho de polígono en 6,5 cm
  • Altura de polígono en 5 cm
  • Número de lados en 3
  • Margen de estrella a 0%

Haz clic en OK.

Lock the triangles 1 layer and work on the triangles 2 layer Create a new triangleLock the triangles 1 layer and work on the triangles 2 layer Create a new triangleLock the triangles 1 layer and work on the triangles 2 layer Create a new triangle

Paso 10

Dirígete al panel de Muestras y selecciona [Ninguno] para el Relleno. Pulsa X para activar el color de Trazo y selecciona [Papel].

En el panel de Trazo (Ventana > Trazo), ajusta el Grosor del Trazo en 0,5 pt.

Set the fill to none the stroke to white and weight to 05 pt Set the fill to none the stroke to white and weight to 05 pt Set the fill to none the stroke to white and weight to 05 pt

Paso 11

Pulsa Comando-R para Rotar. Mantén pulsada la tecla Mayúsculas y gira a -90°. Duplica las formas pulsando Opción y arrastrando. Multiplícalas por encima del primer conjunto de triángulos que hemos creado. Siéntete libre de cambiar su tamaño para crear contraste. Recuerda pulsar Mayúsculas-Opción para escalar proporcionalmente.

Multiply the shapes and alter the sizes for contrastMultiply the shapes and alter the sizes for contrastMultiply the shapes and alter the sizes for contrast

Paso 12

En el panel de Capas, bloquea la capa Triángulos 2. Estaremos trabajando en la capa de Triángulos Imagen/Logotipo.

Selecciona la Herramienta Polígono. Haz clic en el documento y crea un triángulo con la siguiente configuración

  • Ancho de Polígono en 17 cm
  • Altura de Polígono en 12,5 cm
  • Número de lados en 3
  • Margen de estrella en 0%

Haz clic en OK.

Pulsa Comando-R para Rotar. Mantén presionada la tecla Mayúsculas y rota a -90°.

Lock the triangles 2 layer and work on the ImageLogo layer Create a new triangle Lock the triangles 2 layer and work on the ImageLogo layer Create a new triangle Lock the triangles 2 layer and work on the ImageLogo layer Create a new triangle

Paso 13

Selecciona el objeto que hemos creado en el paso anterior. Pulse Comando-D para colocar una imagen dentro del objeto. Busca el archivo Grupo de jóvenes y haz clic en Abrir.

Place an image within the trianglePlace an image within the trianglePlace an image within the triangle

Paso 14

Utilizando la Herramienta Selección Directa (A), selecciona la imagen dentro del objeto. Pulsa R en tu teclado para Rotar la imagen. Pulsa Mayúsculas para obtener una rotación uniforme y gira a 0°.

Using the direct selection tool hit R on your keyboard and rotate the imageUsing the direct selection tool hit R on your keyboard and rotate the imageUsing the direct selection tool hit R on your keyboard and rotate the image

Paso 15

Dirígete a la barra de Control y activa el botón Restringir proporciones para escalado. Ajusta la Escala al 55%.

Change the scale to 55Change the scale to 55Change the scale to 55

Paso 16

Para añadir dimensión, vamos a añadir algunos toques más. Abre el panel de Efectos (Windows > Efectos). En el menú principal, selecciona Efectos > Sombra paralela.

En la ventana de opciones de Efectos, ajusta la Opacidad al 20%. En Opciones, ajusta el Tamaño a 1 cm. Haz clic en OK.

Add a drop shadow effect to the objectAdd a drop shadow effect to the objectAdd a drop shadow effect to the object

Paso 17

En el panel Capas, bloquea la capa Imagen/Logotipo y selecciona Triángulos 3. Volveremos más tarde para añadir un logotipo.

Selecciona la Herramienta Polígono para crear triángulos. Esta vez, dibújalos en el documento haciendo clic y arrastrando. Mantén pulsada la tecla Mayúsculas para crear un triángulo a escala proporcional. Dispersa algunos sobre la imagen y el fondo.

Intenta rotar algunos de ellos pulsando Comando-R para Rotar. Mantén pulsada la tecla Mayúsculas para girar uniformemente.

Utilizando el panel de Muestras, establece los triángulos en los colores azul oscuro y azul claro.

Create another set of triangles over the imageCreate another set of triangles over the imageCreate another set of triangles over the image

Paso 18

Para añadir algunos toques finales, vamos a añadir un logotipo. En el panel Capas, desbloquea la capa Imagen/Logotipo.

Pulsa Comando-D para colocar una imagen en el documento. En la opción de la ventana Colocar, busca el logotipo de Brain en formato .eps y haz clic en Abrir.

Haz clic en el documento para colocar el logotipo. Dirígete a la barra de Control y activa el botón Restringir proporciones para el escalado. Ajusta la Altura a 1,5 cm.

Para Ajustar el Contenido Proporcionalmente, pulsa Mayúsculas-Opción-Comando-E. Coloca el logotipo en la esquina superior izquierda.

Add a logo and place it on the top left coverAdd a logo and place it on the top left coverAdd a logo and place it on the top left cover

3. Cómo formatear el tipo en Adobe InDesign

En el panel de Capas, seleccione la capa Copiar. En la Barra de Herramientas, selecciona la Herramienta Texto (T). Crea un cuadro de texto en la esquina inferior derecha de la portada.

Añade un título y un eslogan. Dirígete a la barra de Control y ajusta la fuente a Quadran. Siéntete libre de utilizar dos familias diferentes para añadir contraste al titular. Yo estoy utilizando Light y Bold. Ajusta el Tamaño a 24 pt.

Establece el eslogan en Quadran Regular y 14 pt.

Add a title and a tagline to the coverAdd a title and a tagline to the coverAdd a title and a tagline to the cover

4. Cómo exportar un archivo PDF para imprimirlo

Antes de exportar un archivo para imprimir, échale un vistazo a todos los bordes de la portada. Asegúrate de que todos los objetos que deben sangrar fuera de la imagen están tocando los sangrados.

Paso 1

Para exportar el archivo, ve a Archivo > Exportar o Comando-E. Nombra el archivo portada del folleto y elige Adobe PDF (Imprimir) en el menú desplegable de Formato. Haz clic en Guardar.

Export the fileExport the fileExport the file

Paso 2

En la ventana Exportar Adobe PDF, establece el Preajuste de Adobe PDF en Calidad de Impresión.

Set the preset to Press QualitySet the preset to Press QualitySet the preset to Press Quality

En la parte izquierda del panel, selecciona Marcas y Sangrados. Marca Todas las marcas de impresora y Utilizar configuración de sangrado del documento. Haz clic en Exportar. Tendrás un archivo PDF listo para imprimir.

On the Marks and bleeds menu check all printers marks and use document bleed setting optionsOn the Marks and bleeds menu check all printers marks and use document bleed setting optionsOn the Marks and bleeds menu check all printers marks and use document bleed setting options

¡Buen trabajo! ¡Has terminado este tutorial!

En este tutorial, hemos aprendido a diseñar una portada de folleto lista para imprimir. Esta portada también sirve como plantilla. Es fácil de editar según las directrices de la marca. Hoy, hemos aprendido a:

  • Configura una portada de folleto lista para imprimir en Adobe InDesign.
  • Añadir nuevas muestras de color y Capas para mantener la organización.
  • Coloca imágenes dentro de los objetos.
  • Utiliza vectores y formas de formato.
  • Exportar un archivo PDF de plantilla de folleto listo para imprimir.

Si quieres explorar más ideas de folletos, puedes encontrar muchas plantillas de folletos bifold personalizables en Envato Elements y Graphic River. ¡Compruébalo!

Si te ha gustado este tutorial, puede que te gusten estos:

One subscription.
Unlimited Downloads.
Get unlimited downloads