1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Graphic Templates
  5. Flyer

Cómo hacer una plantilla de volante en InDesign

Scroll to top
Laura Keung
• 11 min read
Español
Graphic Templates Flyer Adobe InDesign

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

Cuidemos nuestro medio ambiente celebrando el Día de la Tierra el 22 de abril. En esta efeméride anual, concienciamos sobre los crecientes problemas medioambientales de nuestro planeta.

La campaña del Día de la Tierra de este año se centra en la protección de las especies amenazadas y en peligro de extinción. Si estás organizando un acto del Día de la Tierra, este volante informativo es una buena forma de concienciar y empezar a ayudar a nuestro planeta. Utilizaremos parte de la información que se encuentra en el sitio web del Día de la Tierra en el diseño de nuestro volante.

En este tutorial, aprenderás a hacer un volante en Adobe InDesign. Este sencillo volante es fácil y rápido de elaborar. Conocerás algunas herramientas básicas necesarias para crear una plantilla que podrás reutilizar una y otra vez.

¿Tienes prisa? En Envato Elements y GraphicRiver tenemos increíbles plantillas de volantes en InDesign y plantillas de diseños de portafolios. ¡Ve a verlas!

Qué necesitarás para tu plantilla de volante en InDesign

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

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

1. Configuración de una plantilla de volante de InDesign

Paso 1

En InDesign, ve a Archivo > Nuevo. Nombra el documento Plantilla de volante informativo y configura el archivo con las siguientes dimensiones del volante:

  • Anchura en 21 cm
  • Altura en 29,7 cm
  • Orientación en Vertical
  • Unidades en Centímetros
  • Páginas en 1
  • Márgenes: 1,5 cm
  • Sangrado en 0,3 cm (es mejor buscar la preferencia de tu impresor profesional)

Haz clic en Crear.

Create a new fileCreate a new fileCreate a new file

Paso 2

Para esta plantilla de volante informativo abierta, trabajaremos con tres capas. La organización de las capas es una práctica importante a la hora de diseñar una plantilla, ya que facilitarán la edición al usuario.

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

En el menú principal del panel Capas, selecciona Nueva capa. Nómbrala Imágenes. Haz clic en OK.

Además, crea una nueva capa llamada Copia. Haz clic en OK.

add three new layersadd three new layersadd three new layers

Paso 3

Dirígete a Ventana > Color > Muestras para expandir el panel Muestras. Elige el botón Nueva muestra de color en el menú principal. Establece el Nombre de la muestra y los valores siguientes:

  • Naranja: C=15, M=60, Y=100, K=0
  • Verde: C=75, M=0, Y=80, K=70

Haz clic en Añadir y en OK después de introducir cada valor de color.

create color swatchescreate color swatchescreate color swatches

Paso 4

Dirígete a Maquetación > Crear Guías. Establece el número de columnas en 4, medianil en 0,5 cm y Encajar guías a: Márgenes. Haz clic en OK.

create 4 column guides on the documentcreate 4 column guides on the documentcreate 4 column guides on the document

2. Diseñando tu plantilla de volante en InDesign

Paso 1

Selecciona la Herramienta Rectángulo (M) en la Barra de Herramientas. Haz clic en el documento para abrir la ventana de opciones del Rectángulo. Establece la Anchura a 21,6 cm y la Altura a 10,7 cm. Haz clic en OK.

Coloca el rectángulo en la parte superior de la plantilla del volante del evento.

create a rectangle and place it atop the pagecreate a rectangle and place it atop the pagecreate a rectangle and place it atop the page

Paso 2

En la barra de herramientas, selecciona la Herramienta Polígono. Haz clic en el documento para abrir la ventana de opciones del Polígono. Establece el Ancho del Polígono en 1 cm, Alto del Polígono en 0,5 cm y el Número de Lados en 3. Haz clic en OK.

Utilizando la Herramienta Rotar (R), rota el triángulo hasta que apunte hacia abajo. Mantén pulsada la tecla Mayús para que la rotación sea uniforme.

create a triangle and rotate it to point downwardscreate a triangle and rotate it to point downwardscreate a triangle and rotate it to point downwards

Paso 3

Mueve el triángulo hacia el rectángulo.

Abre el panel Buscatrazos yendo a Ventana > Objeto y Maquetación > Buscatrazos. Selecciona ambas formas y selecciona el botón Añadir en el panel Buscatrazos.

merge the triangle and rectanglemerge the triangle and rectanglemerge the triangle and rectangle

Paso 4

En el panel Muestras, establece el color de la nueva forma fusionada en Verde.

Duplica la forma pulsando Opción y arrastrando hacia abajo.

set the color to green and duplicate the shapeset the color to green and duplicate the shapeset the color to green and duplicate the shape

Paso 5

Selecciona la forma de la parte superior y pulsa Comando-D para Colocar una imagen. Desplázate hasta la imagen de Niña reciclando un tubo de papel y haz clic en Abrir.

Selecciona la imagen dentro del objeto con la Herramienta de Selección Directa (A). Dirígete al panel de Control y establece el porcentaje de Escala X e Y al 70%. Mueve la imagen con la Herramienta de Selección Directa (A) para encontrar una buena posición.

place an imageplace an imageplace an image

Paso 6

Selecciona la forma duplicada con la Herramienta de Selección (V) y colócala encima de la imagen. Si tu objeto está detrás de la imagen, pulsa Mayúsculas-Comando-] para Traerlo hacia adelante.

Dirígete a Ventana > Efectos para abrir el panel de Efectos. Ajusta el Modo de Fusión a Multiplicar.

change the blending mode on the shapechange the blending mode on the shapechange the blending mode on the shape

Paso 7

Selecciona ambas formas y dirígete al panel Capas. Arrastra el cuadrado de la derecha de la capa resaltada hacia la capa de Fondo. Esto moverá todos los objetos.

move the objects to the background layermove the objects to the background layermove the objects to the background layer

Paso 8

Duplica la forma con el triángulo apuntando hacia abajo presionando Mayús y arrastrando hacia abajo.

Con la Herramienta Rectángulo (M), crea un rectángulo que mida 21,6 cm de Ancho y 1,5 cm de Alto.

Mueve el rectángulo a la parte superior de la forma recién duplicada.

Selecciona ambas formas y, en el panel Buscatrazos, selecciona el botón Añadir.

duplicate the shape and add a rectangle at the topduplicate the shape and add a rectangle at the topduplicate the shape and add a rectangle at the top

Dirígete al panel Muestras y establece el color en [Negro] y el Matiz en 15%.

Mueve la forma hacia arriba y colócala debajo de la primera forma. Envía el objeto de vuelta presionando Mayús-Comando- [.

change the tint to 15change the tint to 15change the tint to 15

Paso 9

Usando la Herramienta Rectángulo (M), crea un rectángulo que cubra el resto de la página.

Presione Comando-D para Colocar una imagen. Navega hasta el archivo de la laguna del glaciar Jokulsarlon y haz clic en Abrir.

Utilice la Herramienta de Selección Directa (A) para cambiar el tamaño y mover la imagen de acuerdo a tus necesidades.

create a rectangle at the bottom of the page and add an imagecreate a rectangle at the bottom of the page and add an imagecreate a rectangle at the bottom of the page and add an image

Paso 10

Duplica el rectángulo seleccionándolo y presionando Comando-C para Copiar y Mayús-Opción-Comando-V para Pegar en mismo lugar.

Elimina la imagen dentro del marco con la Herramienta de Selección Directa (A).

Dirígete al panel Muestras y establece el color en Verde. En el panel Efecto, establece el Modo de fusión en Multiplicar.

add a rectangle overtop and set the blending mode to multiplyadd a rectangle overtop and set the blending mode to multiplyadd a rectangle overtop and set the blending mode to multiply

Selecciona todos los objetos, asegúrate de que estén todos colocados en la capa Fondo y bloquéala. Seleccione la capa Imágenes.

select all the objects and place on the background layerselect all the objects and place on the background layerselect all the objects and place on the background layer

Paso 11

Selecciona la Herramienta Elipse (L) y haz clic en el documento para abrir la ventana de opciones Elipse. Establece el Ancho y Alto en 3 cm. Haz clic en OK.

Coloca la elipse en el área gris y en la primera columna.

create an ellipse and place it on the first columncreate an ellipse and place it on the first columncreate an ellipse and place it on the first column

Paso 12

Duplica la Elipse presionando Mayús-Opción y arrastrando hacia la derecha. Coloca una elipse en cada columna.

Selecciona la primera elipse y presiona Comando-D para Colocar una imagen. Navega hasta el archivo Abeja en flor y haz clic en Abrir.

Usando la Herramienta de Selección Directa (A), cambia el tamaño y reposiciona la imagen como la necesites.

duplicate the ellipse on the rest of the columns and add an imageduplicate the ellipse on the rest of the columns and add an imageduplicate the ellipse on the rest of the columns and add an image

Paso 13

Coloca imágenes en el resto de las elipses presionando Comando-D. Coloca las siguientes imágenes: Jirafa en África, Ballena franca austral saltando y Arrecife de coral. Presiona Abrir.

Con la Herramienta de Selección Directa (A), cambia el tamaño y la posición de las imágenes según lo necesites.

add an image to the rest of the ellipsesadd an image to the rest of the ellipsesadd an image to the rest of the ellipses

Paso 14

Usando la Herramienta Elipse (L), crea una nueva forma que mida 3,2 cm de Ancho y Alto.

Coloca la nueva elipse sobre la imagen de la abeja. En el panel Muestras, establece el color del trazo en Naranja.

En el panel Trazo, establece el Grosor en 2 pt y el Tipo en Puntos japoneses.

create an ellipse and set the stroke to orange and Japanese dotscreate an ellipse and set the stroke to orange and Japanese dotscreate an ellipse and set the stroke to orange and Japanese dots

Paso 15

Con la Herramienta Línea (/), cree una línea de 1 cm y colócala debajo de la imagen de la abeja.

Usando el panel Muestras, establece el color en Naranja. En el panel Trazo, establece el Grosor en 2 pt y el Tipo en Puntos japoneses.

create a line and use the same formatting settings as the ellipsecreate a line and use the same formatting settings as the ellipsecreate a line and use the same formatting settings as the ellipse

Selecciona ambos objetos delineados y presiona Comando-G para Agrupar.

Duplica el nuevo grupo presionando Mayús-Opción y arrastrando hacia la siguiente imagen. Continúa con esta acción para todas las imágenes.

duplicate the ellipse and line and apply to the rest of the imagesduplicate the ellipse and line and apply to the rest of the imagesduplicate the ellipse and line and apply to the rest of the images

Paso 16

Con la Herramienta Texto (T), crea un marco de texto que se ajuste al ancho de las columnas. Coloca el marco debajo de la imagen de la abeja. Agrega texto y usa el panel Carácter (Ventana > Texto y tablas > Carácter) para formatear el texto.

Establece el título en Bw Glenn Sans, Familia de fuentes en Negro, Tamaño en 12 pt y Tracking en 75.

En el panel Muestras, establece el color en Naranja.

add a text frame and a title Use the character and swatches panel to format itadd a text frame and a title Use the character and swatches panel to format itadd a text frame and a title Use the character and swatches panel to format it

Establece el resto de la copia en Bw Glenn Sans, Familia de fuentes en Regular, Tamaño en 8 pt, Interlineado en 10 pt y el Tracking en 50.

En el panel Muestras, establece el color en Verde.

Duplica el marco de texto y coloca las copias debajo de cada imagen. Presiona Mayús-Opción y arrastra hacia la derecha.

add body copy to the text frame and duplicate for the rest of the imagesadd body copy to the text frame and duplicate for the rest of the imagesadd body copy to the text frame and duplicate for the rest of the images

Paso 17

Cree un marco de texto sobre la parte superior de la plantilla de volante con la Herramienta Texto (T) y agrega una copia. Utiliza la siguiente configuración:

CAMPAÑA DÍA DE LA TIERRA 2019:

(Bw Glenn Sans, Familia de fuentes: Mediana, Tamaño: 14 pt, Tracking 75. En el panel Muestras, establece el color en [Ninguno])

PROTEGE NUESTRAS ESPECIES

(Bw Glenn Sans, Familia de fuentes: Black, Tamaño: 30 pt, Tracking 75. En el panel Muestras, establece el color en Naranja)

"EN LA NATURALEZA, NADA EXISTE SOLO."

(Bw Glenn Sans, Familia de fuentes: Black, Tamaño: 18 pt, Tracking 75. En el panel Muestras, establece el color en [Ninguno])

- RACHEL CARSON, 1962

(Bw Glenn Sans, Familia de fuentes: Mediana, Tamaño: 11 pt, Tracking 75. En el panel Muestras, establece el color en [Ninguno])

add text to the top of the flyeradd text to the top of the flyeradd text to the top of the flyer

Paso 18

Dirígete a la parte inferior de la plantilla del volante del evento. Usa la Herramienta Texto (T) para agregar un marco de texto y agregar una copia. En el panel Carácter, establece el título en Bw Glenn Sans, Negro, Tamaño en 12 pt y Tracking en 75. Establece el resto del texto en Bw Glenn Sans, Regular, Tamaño en 10 pt y Tracking en 50.

En el panel Muestras, establece el color del título en Naranja y el resto de la copia en [Ninguno].

add text to the bottom of the flyeradd text to the bottom of the flyeradd text to the bottom of the flyer

Mientras seleccionas el marco de texto, presiona Comando-B para acceder a la ventana Opciones de marco de texto. Establece el Número de columnas en 2. Haz clic en OK.

set the text frame as a 2 column frameset the text frame as a 2 column frameset the text frame as a 2 column frame

Paso 19

Añade un marco de texto en la parte inferior del volante informativo usando la Herramienta Texto (T). Añade una copia y dale formato al texto en el panel Carácter. Establece el texto en Bw Glenn Sans, Regular, Tamaño en 8 pt y Tracking en 50.

En el panel Muestras, establece el color en Naranja.

add a website at the bottom of the flyeradd a website at the bottom of the flyeradd a website at the bottom of the flyer

3. Cómo exportar un archivo para imprimir

Cuando hayas terminado de diseñar su volante informativo, échale un vistazo a todos los bordes para asegurarte de que todas las imágenes y vectores estén tocando los sangrados.

Paso 1

Para exportar el archivo, ve a Archivo> Exportar. Nombre el archivo Plantilla de volante informativo y elige Adobe PDF (Imprimir) en el menú desplegable Formato. Clic en Guardar.

export the fileexport the fileexport the file

Paso 2

En la ventana Exportar PDF de Adobe, configura el ajuste preestablecido de PDF de Adobe en Calidad de prensa.

select press quality as the PDF presetselect press quality as the PDF presetselect press quality as the PDF preset

En el lado izquierdo del panel, selecciona Marcas y Sangrados. Comprueba todas las marcas de la impresora y utiliza la configuración de sangrado del documento. Haz clic en Exportar. Tendrás un archivo PDF listo para imprimir.

select all printers marks and use document bleed settingsselect all printers marks and use document bleed settingsselect all printers marks and use document bleed settings

¡Excelente trabajo! ¡Has terminado este tutorial!

En este tutorial, aprendimos cómo hacer una plantilla de volante en InDesign. Cubrimos las herramientas clave que ayudarán a cualquier persona a editar esta sencilla plantilla de volante de forma rápida y sencilla. Hoy aprendimos a:

  • configurar una plantilla de volante de evento lista para imprimir
  • organizar varias capas en el diseño de tu volante
  • añadir muestras de color a tu plantilla de volante
  • usar el panel Buscatrazos para convertir objetos
  • crear columnas y guías en el diseño de tu volante

Si eres nuevo en InDesign y necesitas plantillas de volantes de Photoshop o plantillas de volantes de Illustrator de inmediato, dirígete a Envato Elements y Graphic River. ¡Tenemos muchas opciones para explorar!

Finished Earth Day poster designFinished Earth Day poster designFinished Earth Day poster design

Si te gustó este tutorial, es posible que te gusten estos:

  • Volantes
    Los 27 mejores volantes de eventos nuevos para 2019
    Melody Nieves
  • Volantes
    24 plantillas de volantes de eventos geniales con un creador de volantes (sin Photoshop)
    Nona Blackman
  • Volantes
    Las 27 mejores ideas de diseño de volantes con un creador de volantes (con foto)
    Nona Blackman
  • Volantes
    Cómo hacer un volante de eventos para el día de Martin Luther King Jr.
    Laura Keung
  • Microsoft Word
    Cómo hacer un volante en Word
    Marko Kožokar
  • Volantes
    38 elegantes plantillas de volantes (plantillas de volantes PSD)
    Melody Nieves
  • Adobe Photoshop
    Las 21 mejores plantillas de volantes de eventos nuevos para Photoshop e InDesign para 2019
    Melody Nieves
Graphic Templates Flyer Adobe InDesign
Laura Keung By