Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Brochure
Design

Cómo hacer una plantilla de folleto tríptico

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Los folletos trípticos pueden ser una excelente herramienta para llevar información a las personas de una manera fácil de usar y llamativa. En este tutorial, te mostraré cómo hacer una plantilla de folleto en Adobe InDesign CC. Esta versátil plantilla de folleto te permitirá cambiar la información que necesites.

Un folleto tríptico es una página que contiene tres paneles por lado para un total de seis paneles dentro y fuera de un folleto. Dos de los paneles tienen el mismo ancho, mientras que un panel es ligeramente más estrecho para poder hacer los pliegues.

Crearemos un archivo con seis páginas y modificaremos las páginas maestras más adelante. Este enfoque nos permitirá mover fácilmente paneles en una plantilla cuando sea necesario. También podremos hacer un PDF con marcas de recorte, que indicará la posición de los pliegues. Asegúrate de indicar esto a la impresora para evitar errores.

trifold brochure panels diagram

Que necesitarás

Necesitarás acceso a Adobe InDesign y Adobe Illustrator; Si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe. También necesitarás los siguientes recursos:

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

¿Estás buscando plantillas de folletos tripticos increíbles? Dirígete a Envato Elements o GraphicRiver.

1. Configuración de un archivo de folleto tríptico en Adobe InDesign

La dimensión de un tríptico común cuando se abre es tamaño carta o A4. Usaremos una página de tamaño carta para este tutorial, pero si lo prefieres, puedes utilizar una página A4. Como las dimensiones de los folletos trípticos varían según las necesidades, he creado un cuadro de ecuaciones que puedes seguir a continuación:

trifold brochure equation

Paso 1

El tamaño de folleto tríptico para este tutorial es el de una hoja carta. Primero, necesitamos dividir el ancho total (279.4 mm) entre 3 (93.13 mm). A este nuevo ancho, debemos agregar un buffer para el pliegue (1 mm). El ancho de los dos paneles es de 94.13 mm.

Más adelante, modificaremos el tamaño del panel más corto. Necesitamos restar (2 mm) del panel para acomodar el pliegue (91.13 mm).

En InDesign, ve a Archivo> Nuevo. Nombra el documento folleto tríptico. Establece las dimensiones trípticas a lo siguiente:

  • Ancho 94.13 mm
  • Alto 215.9 mm
  • Unidades a Milímetros
  • Orientación a Retrato
  • Desmarca  páginas opuestas
  • Paginas a 6
  • Márgenes a 10 mm.
  • Sangrías a 3 mm (aunque es mejor buscar la preferencia de tu impresora profesional)

Haz clic en Crear

create a new file

Paso 2

Un folleto tríptico tiene una solapa que se pliega; Este es un panel más corto. Crearemos una segunda página maestra con este nuevo tamaño.

Dirígete al panel de Páginas. Si no lo tienes activo, dirígete a Windows> Páginas. La parte superior del panel contiene las páginas maestras.

Haz clic derecho en A-Maestra> Nueva Maestra. En la ventana Nueva maestra, asegúrate de que Basado en maestra está configurado en [Maestra]. Establece el Ancho en 91.13 mm (resta 2 mm de los 93.13 mm). Haz clic en Aceptar.

create a new master page with a modified width

Paso 3

En el panel Páginas, haz clic derecho en el B-Maestra que acabamos de crear y selecciona Aplicar maestra. En la ventana Aplicar maestra, debajo de las páginas ingresa 1, 6 (esto es para especificar que estamos cambiando las páginas 1 y 6). Haz clic en Aceptar.

En la ventana Conflicto de tamaño de página maestra, haz clic en Usar tamaño de página maestra.

apply the new master page

Paso 4

Ahora que hemos configurado los tamaños de página, podemos mover las páginas para configurar los pliegos. Las páginas 1-3 serán la extensión exterior, y las páginas 4-6 serán las extensiones internas.

En el menú principal del panel Páginas, asegúrate de que la opción Permitir que las páginas del documento se reproduzcan en orden aleatorio no esté marcada. Arrastra la página 2 hacia la página 1 para combinar. Combina las páginas 1-3 como una extensión y las páginas 4-6. Asegúrate de tener la configuración de las páginas maestras BAA y AAB.

Para salir del modo Páginas maestras, haz doble clic en la miniatura de las páginas normales.

Combine pages 1-3 and pages 4-6 to create 2 spreads

Paso 5

Para este tutorial de plantilla de folleto tríptico, trabajaremos con dos capas. Esto hará que sea más fácil actualizar la plantilla cuando necesite actualizarse con nueva información.

Para abrir el panel Capas, ve a Ventana> Capas. Haz doble clic en la Capa 1 y cámbiale el nombre a Imágenes.

En el menú principal del panel Capas, selecciona Nueva capa. Nómbralo Copia y haz clic en Aceptar.

Create separate image and copy layers

Paso 6

Utilizaremos lineas guía para este tutorial, así que presiona el Comando-R para que aparezcan.

Vamos a añadir algunas guías. Dirígete a Diseño> Crear guías. En la ventana de opciones Crear guías, establece el Número de filas en 3 y el Canal en 0. En las Opciones, configura las Guías de ajuste en: Página y haz clic en Aceptar. Repite este paso en la segunda extensión.

Muestra/oculta las guías y los márgenes presionando Comando-;. Alternativamente, usa W para entrar y salir del modo Vista previa.

create guides

Paso 7

Antes de comenzar con el diseño, agreguemos algunas muestras de color. Dirígete a Ventana> Color> Muestras para expandir el panel de Muestras. Elige el botón Nueva muestra de color en el menú principal. Agrega los siguientes dos colores:

  • Amarillo: C=0 M=25 Y=100 K=0. Haz clic en Agregar y Aceptar.   
  • Azul: C=95 M=95 Y=0 K=30

Haz clic en Agregar y Aceptar después de ingresar cada uno de los valores de color.

add new color swatches

2. Cómo colocar imágenes en Adobe InDesign

Paso 1

Empecemos por colocar imágenes en el documento. En el panel Capas, asegúrate de tener seleccionada la capa Imágenes. Estaremos trabajando en la página 1-3.

En la barra de herramientas, selecciona la herramienta Marco (F). Usando las guías que creamos, dibuja marcos que cubran lo siguiente:

  • Página 1: página completa
  • Página 2: 1/3 inferior 
  • Página 3: 2/3 superior

He cambiado el color para facilitar la orientación. Asegúrate de que todos los marcos se extienden hasta la sangría. Esto asegurará que no haya bordes blancos.

use the rectangle tool to add images

Paso 2

Selecciona el rectángulo de página completa y presiona Comando-D para colocar una imagen. Selecciona la imagen de la arquitectura moderna y haz clic en Abrir.

Selecciona la imagen dentro del marco. Puedes hacerlo haciendo clic en la forma de rosquilla en el centro del marco o seleccionando la Herramienta de selección directa (A) en la barra de herramientas. Dirígete a la barra de control, activa el botón Restringir proporciones para escalar y establece el porcentaje en 45%.

Esta será la imagen de fondo. Coloca la imagen como desees, no hay correcto o incorrecto.

place images into the rectangles

Paso 3

Selecciona el rectángulo en la página 2 y presiona Comando-D para colocar una imagen. Selecciona la imagen de la gente de negocios y haz clic en Abrir.

Selecciona la imagen y dirígete a la barra de control. Activa el botón Restringir proporciones para escalar y establezca el porcentaje en 25%. Intenta centrar las manos en el marco con la herramienta de selección directa (A).

Repite este proceso para la página 3. Selecciona la imagen Dos propietarios creativos y haz clic en Abrir.

Dirígete a la barra de control. Activa el botón Restringir proporciones para escalar y establece el porcentaje en 35%. Intenta colocar el sujeto enfocado dentro de los márgenes.

place images into the rectangles

Paso 4

Notarás que las imágenes que colocamos tienen diferentes tonos. Una excelente manera de solucionar este problema es agregar un efecto de color en la parte superior. Esta es también una excelente manera de aplicar tu marca al folleto al elegir los colores de tu logotipo.

Usando la herramienta Rectángulo (M), crea rectángulos sobre cada imagen. Dirígete al panel de muestras y selecciona el color púrpura que agregamos anteriormente.

create rectangles over the images

Paso 5

Para aplicar un efecto, abre el panel Efectos. Ve a Ventana> Efectos.

Selecciona el rectángulo en la página 1. Ya que tendremos texto sobre esta imagen, debemos seleccionar un Modo de fusión que permita que la escritura sea legible. Selecciona Multiplicar en el menú desplegable y establece la Opacidad en 90%.

change the blending mode on the first rectangle to Multiply

Paso 6

Necesitamos que las imágenes en la página 2 y 3 salgan más ya que serán imágenes independientes. Selecciona ambos rectángulos y configura el Modo de fusión en Color.

set the blending mode to Color on pages 2 and 3

Paso 7

Agreguemos un color contrastante a algunas de las secciones vacías. Esto ayudará a reforzar la marca en la plantilla del folleto. Selecciona la herramienta Rectángulo (M) y dibuja un rectángulo que cubra la parte superior de la página 2. Dirígete al panel Muestras y selecciona el color amarillo que agregamos.

Además, crea una línea debajo de la imagen principal en la página 3. Selecciona la Herramienta de línea (\) en la barra de herramientas. Mantén presionada la tecla Shift para dibujar una línea recta horizontal a través del panel. Dirígete a la barra de control, establece el tamaño del trazo en 7 pt, y configura el color del trazo en amarillo.

add a background to page 2 and a stroke to page 3

Paso 8

Agregamos un logotipo a la plantilla del folleto. Idealmente, el logotipo se coloca en la primera página y en la parte posterior del folleto. Presiona Comando-D y selecciona 01_smartnet.eps y 02_smartnet.eps. El archivo 01 es perfecto para la parte frontal de la plantilla del folleto, y 02 es perfecto para un fondo de color.

Cambia el tamaño de ambas imágenes yendo a la barra de control y configurando la Escala al 10%.

add logos to pages 2 and 3

Paso 9

Trabajemos en las páginas 4-6. Selecciona la herramienta Rectángulo (M) y dibuja un rectángulo en la parte superior de las páginas. Cubre el ancho del documento, asegurándote de que se extienda hasta las sangrías. En la barra de control, establece la altura en 20 mm.

Usando la herramienta Agregar punto de anclaje (=), agrega un anclaje en la primera guía de plegado. Con la herramienta de selección directa (A), selecciona el punto y muévelo hacia arriba todo lo que quieras. Estamos agregando algo de movimiento al interior ya que el exterior es estático.

Dirígete al panel de muestras y selecciona el color amarillo.

create a rectangle to cover the width of pagees 4-6

Paso 10

Selecciona la herramienta Rectángulo (M) en la barra de herramientas. Dibuja un rectángulo que se ajuste a la página 4-5 y un segundo rectángulo que cubra la página 6.

Selecciona el primer rectángulo y establece la altura en 100 mm en la barra de control. Selecciona el segundo rectángulo y establece la altura en 120 mm.

Con la Herramienta de selección directa (A), selecciona los puntos superiores internos de los rectángulos y muévelos hacia abajo.

create rectangles to fit the bottom of pages 4-6

Paso 11

Selecciona el objeto izquierdo y presiona Comando-D para colocar una imagen. Selecciona la lluvia de ideas de Jóvenes y haz clic en Abrir. Selecciona la imagen y dirígete a la barra de control. Establece la escala al 10%.

Coloca una imagen en el objeto del lado derecho. Selecciona el archivo del empresario trabajando y haz clic en Abrir. Selecciona la imagen y diríjete a la barra de control. Establece la escala al 35%.

Apliquemos el mismo efecto de color aquí que en el panel exterior. Selecciona ambos objetos y presiona Comando-C para copiar y Comando-V para pegar. Con la herramienta de selección directa (A), selecciona la imagen dentro del objeto y presiona la tecla borrar para eliminar.

Selecciona ambos objetos y dirígete al panel Muestras. Establece el color púrpura. En el panel de efectos, establece el Modo de fusión en Color.

place images to pages 4-6 Add colored overlays with the color blending mode effect

¡Gran trabajo! Hemos terminado de trabajar en la capa Imágenes y ahora es el momento de trabajar en la capa Copia. Dirígete al panel Capas, bloquea la capa Imágenes y selecciona la capa Copia.

3. Cómo dar formato a la escritura usando estilos de párrafo en Adobe InDesign

Los estilos de párrafo nos permiten agregar atributos de formato para ser aplicados a grandes cantidades de texto. Esto es útil si deseas mantener la misma configuración de escritura en todo el diseño. Por lo tanto, los estilos mantendrán tu plantilla impecable y cohesionada. Para este tutorial, crearemos dos estilos: encabezado y copia del cuerpo.

Paso 1

Dirígete a Ventana> Estilos de párrafo. En el panel Estilos de párrafo, selecciona la opción Nuevo estilo de párrafo en el menú principal.

En la  ventana de opción Nuevo estilo de párrafo, selecciona Formatos de caracteres básicos en el menú de la izquierda. Establece el Nombre del estilo en Encabezado. Usa la siguiente configuración para las opciones de Formatos de párrafos básicos:

  • Familia de fuente: Sentral
  • Estilo de fuente: ExtraBold
  • Tamaño: 20 pt
  • Seguimiento: -15

Haz clic en aceptar

create a new headline paragraph style

Agreguemos un segundo estilo de párrafo. Esta vez, llamémoslo Copia del cuerpo y usemos la siguiente configuración para las opciones de Formatos básicos de caracteres:

  • Familia de fuente: Sentral
  • Estilo de fuente: Regular
  • Tamaño: 10 pt
  • Seguimiento: -5

Haz clic en aceptar

create a new body copy paragraph style

Paso 2

Trabajemos en el primer pliego, páginas 1-3.

Vamos a usar nuestros nuevos estilos de párrafo. En la barra de herramientas, selecciona la herramienta de texto (T). Crea un cuadro de texto en la página 1.

Agrega la copia que deseas agregar. Para dar formato al cuadro de texto, selecciona el encabezado con la Herramienta de texto (T) y haz clic en el estilo del título en el panel Estilos de párrafo. Selecciona el resto de la copia del cuerpo y selecciona el estilo Copia del cuerpo en el panel Estilos de párrafo.

Selecciona el cuadro de texto y dirígete al panel Muestras. Selecciona el color [Papel], que hará que la escritura sea legible contra el fondo.

Add text boxes and use the paragraph styles to format type on page 1

En la página 2, agrega un pequeño lema e información de contacto; es genial tenerlo en la parte posterior de la plantilla. Establece el lema en el estilo del título. Al aplicar un estilo de párrafo a un cuadro de texto, puedes cambiar el formato a través de la barra de control. Esto solo cambiará el formato en el cuadro de texto que estás seleccionando y no en el estilo. Establece la información de contacto en Copia del cuerpo y cambia el Tamaño a 9 pt en la barra de control.

En el panel Muestras, selecciona el color púrpura para ambos elementos.

add text and contact information to page 2

La página 3 es la parte frontal del folleto, así que agrega un título aquí que describa la información que se encuentra dentro. Establece el formato en Estilo de encabezado desde el panel Estilo de párrafo. Con el mismo método que antes, selecciona la primera línea y dirígete a la barra de control. Cambia la familia a regular. Este pequeño detalle puede agregar algo especial que diferenciará este título del resto del contenido.

En el panel de Muestras, selecciona el color purpura

add a headline and format with the paragraph style panel on page 3

Paso 3

Trabajemos en los paneles interiores. En el panel Capas, selecciona las Páginas 4-6.

Con la Herramienta de texto (T), crea un cuadro de texto en las tres páginas. Con la ayuda de los Estilos de Párrafo, formatea los contenidos.

add text to pages 4-6

Agreguemos algunos vectores en la página 5. Abre el archivo 1.ai de los iconos de 150 líneas en Adobe Illustrator. Presiona Comando-G para desagrupar los íconos. Selecciona los primeros tres iconos de la primera fila. Presiona Comando-C para copiar.

Open the icons file in illustrator and copy the objects

Vuelve a Adobe InDesign y presiona Comando-V para pegar los íconos. Presiona Comando-G para desagrupar los objetos. En el panel Muestras, establece el color en amarillo.

Dirígete a la barra de control y activa el botón Restringir proporciones. Ajusta el ancho a 13 mm. Mueve los iconos hacia el lado izquierdo dentro de los márgenes de la página 5.

Para hacer espacio para cada ícono, podemos usar la opción Ajustar texto. Ve a Ventana> Ajuste de texto para abrir el panel. Selecciona los tres iconos y selecciona el botón del cuadro delimitador Ajustar alrededor. Establece la Compensación inferior en 6 mm y la Compensación derecha en 3 mm.

Usando el panel de Muestras, establece el color del subtítulo en amarillo. Esto hará que sea más fácil para el lector distinguir esta sección de la copia normal.

past the icons and add a wrap bounding box

Trabajemos en la página 6. Usa los estilos de párrafo para dar formato al texto.

Un gran consejo cuando se trabaja con viñetas es utilizar puntuaciones colgantes. Esto significa que las líneas después de la primera línea están en sangría y alineadas con la primera línea (verticalmente). Evitar tener cualquier texto debajo de la viñeta hace que el diseño sea más nítido.

Para hacer esto, podemos agregar una sangría al carácter especial aquí presionando Comando-\ después del punto de viñeta. Para ver si está activada, dirígete a Tipografía> Mostrar caracteres ocultos. La sangría aquí debe mostrarse como una daga.

add bullet points to page 6 and use indent to here option

4. Cómo exportar un archivo PDF para imprimir

Antes de exportar un archivo para imprimir, es útil echar un vistazo alrededor de todos los bordes del folleto. Esto es para asegurarse de que todas las imágenes y vectores que están en sangría estén tocando los puntos correpondientes. Presiona W para pasar entre el modo de vista previa y el modo normal.

Recuerda que cada pliegue estará representado por una marca de corte. Informa a tu impresor profesional para evitar confusiones. También es útil solicitar una prueba de impresión para asegurarse de que el proyecto se imprima correctamente.

Paso 1

Para exportar el archivo, ve a Archivo> Exportar. Asigna un nombre al folleto tríptico del archivo y elige Adobe PDF (Imprimir) en el menú desplegable Formato. Haz clic en Guardar.

export the trifold brochure

Paso 2

En la ventana Exportar PDF de Adobe, configura el ajuste preestablecido de PDF de Adobe a Calidad de prensa. En Páginas, selecciona Exportar como pliegos.

select the export as spreads setting

En el lado izquierdo del panel, selecciona Marcas y sangrías. Verifica todas las marcas de la impresora y utiliza la configuración de sangría de documentos. Haz clic en Exportar. Tendrás un archivo PDF listo para imprimir.

Select all printer marks under marks and bleeds Use the document bleed settings and export

¡Gran trabajo! ¡Has terminado este tutorial!

En este tutorial, aprendimos a hacer una plantilla de folleto tríptico que está lista para imprimir. Este folleto es fácil de usar y editar según las pautas de marca. Hoy hemos aprendido a:

  • Configurar una plantilla de folleto lista para imprimir en Adobe InDesign.
  • Diseñar y configurar adecuadamente un folleto tamaño carta.
  • Crear páginas maestras y capas.
  • Colocar imágenes y utilizar modos de fusión.
  • Utilizad el panel Estilos de párrafo para dar formato a la tipografía.
  • Usar vectores y dar formato a formas.
  • Exportar una plantilla de folleto listo para imprimir en archivo PDF.

Si deseas explorar más ideas de folletos, puedes encontrar muchas plantillas de panfletos personalizables en Envato Elements y Graphic River. ¡Échales un vistazo!

Si te gustó este tutorial, te pueden gustar estos:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.