1. Design & Illustration
  2. Flyers

Como elaborar un volante de evento para el día de Martin Luther King Jr.

by
Read Time:11 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

¿Buscas tu próximo material promocional? En este tutorial, creamos un diseño de volante de MLK que puede servir como plantilla de volante para cualquier evento futuro.

Tanto si eres diseñador o no, este tutorial sobre cómo hacer un volante es fácil de seguir. Los volantes de eventos son excelentes para promover las próximas reuniones sociales, y este es genial si quieres mantenerlo como plantilla. En este tutorial, veremos las herramientas básicas de Adobe InDesign para crear un volante. Verás lo fácil que es personalizar y cambiar las imágenes para usarlas en el futuro.

¿No tienes tiempo y necesitas un volante de inmediato? Echa un vistazo a nuestras increíbles plantillas de volantes de InDesign y otras plantillas de InDesign en Envato Elements o GraphicRiver.

Lo que necesitarás

Necesitarás acceso a Adobe InDesign y Adobe Illustrator. Si no tienes el software, puedes descargar una prueba en el sitio web de Adobe. También necesitarás estos recursos:

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

1. Configuración de un nuevo archivo de InDesign

Paso 1

En InDesign, ve a Archivo > Nuevo. Nombra el documento Volante de eventos MLK. Crearemos una plantilla de folleto tamaño carta. Configura el archivo con las siguientes dimensiones:

  • Anchura en 8.5 pulgadas
  • Altura en 11 pulgadas
  • Orientación en Vertical
  • Deselecciona Páginas enfrentadas
  • Margenes en 0,5 pulgadas
  • Sangrías en 0,125 pulg. (es mejor buscar la preferencia de tu impresor profesional).

Haz clic en Crear.

Create a new InDesign fileCreate a new InDesign fileCreate a new InDesign file

Paso 2

Antes de comenzar con el diseño, organicemos las muestras de color. Este paso es esencial si quieres conservar este volante como una plantilla para uso futuro. Dirígete a Ventana > Color > Muestras para expandir el panel de Muestras. Selecciona las muestras predeterminadas, haz clic con el botón derecho > Eliminar muestra.

Elige el botón Nueva muestra de color en el menú principal. Añade los siguientes colores:

  • Azul: C = 0 M = 90 Y = 100 K = 0
  • Rojo: C = 100 M = 60 Y = 0 K = 80

Clic en Agregar después de ingresar cada valor de color. Haz clic en Listo.

Add color swatchesAdd color swatchesAdd color swatches

2. Como añadir la tipografía en el diseño de tu volante

Paso 1

En la barra de herramientas, selecciona la Herramienta de Rectángulo (M). Haz clic en el documento y establece el Ancho a 8,75 pulg. y el Alto a 11,25 pulg.

En el panel Muestras, establece el color a azul. Este será el fondo del volante, y para que se quede en su sitio, lo bloquearemos. Selecciona el rectángulo y presiona Comando-L para Bloquearlo. Para Desbloquearlo, presiona Opción-Comando-L.

Create a rectangle as a backgroundCreate a rectangle as a backgroundCreate a rectangle as a background

Paso 2

En la barra de herramientas, selecciona la Herramienta Polígono. Si no puedes verla, mantén pulsado el botón de la Herramienta Rectángulo y selecciona la Herramienta Polígono en el menú desplegable. Haz clic en el documento para abrir la ventana de opciones de Polígono. Cambia la configuración a la siguiente:

  • Ancho del polígono: 1 pulgada
  • Altura del polígono: 1 pulgada
  • Número de lados: 5
  • Inserción de estrella: 50%

Haz clic en OK.

En el panel de Muestras, establece el color a [Papel].

Create a star using the polygon toolCreate a star using the polygon toolCreate a star using the polygon tool

Paso 3

Queremos crear una fila de estrellas, así que duplicaremos el objeto varias veces. Selecciona la estrella y haz clic con el botón derecho del ratón > Transformar > Mover. En la ventana de la opción Mover, establece la Posición Horizontal a 0,25 pulg. Haz clic en Copiar.

Using the move option duplicate the starUsing the move option duplicate the starUsing the move option duplicate the star

Presiona Opción-Comando-4 para Transformar la Secuencia de Nuevo. Repite esta acción hasta que hayas creado una fila de estrellas que quepa dentro de los márgenes del volante.

Selecciona todas las estrellas y agrúpalas presionando el Comando-G. Para Desagruparlas, presiona Opción-Comando-G. Usaremos estas estrellas más tarde, así que vamos a moverlas hacia abajo.

Create a row of stars by transforming the sequenceCreate a row of stars by transforming the sequenceCreate a row of stars by transforming the sequence

Paso 4

Selecciona la Herramienta de Texto (T) de la barra de herramientas. Dibuje un cuadro de texto que se ajuste de un margen a otro. Añade una copia, en este caso, podemos añadir el nombre de un organizador.

Dirígete a la barra de Control y establece la Fuente a Config Alt, Familia de Fuentes en Bold, Tamaño en 10 pt y el cuadro de texto en Alinear centro. También puedes hacerlo yendo al panel de Caracter (Ventana > Tipos y Tablas > Panel de caracter) o al panel de Párrafos (Ventana > Tipos y Tablas > Panel de Párrafos).

Using the text tool add the new of the organizer Using the text tool add the new of the organizer Using the text tool add the new of the organizer

Paso 5

Usaremos algunas de las estrellas para ir a cada lado del texto. Usando la Herramienta de selección directa (A), selecciona siete estrellas de cada lado de la fila. Mantén pulsada la tecla Shift para hacer selecciones múltiples.

Presiona Comando-C para Copiar y el Comando-V para Pegar. Presiona Comando-G para Agrupar el nuevo conjunto de estrellas y colocarlas sobre el texto.

Using the direct selection tool select 7 stars from each side of the row of stars Duplicate to position on each side of the textUsing the direct selection tool select 7 stars from each side of the row of stars Duplicate to position on each side of the textUsing the direct selection tool select 7 stars from each side of the row of stars Duplicate to position on each side of the text

Paso 6

Selecciona la Herramienta de texto (T) y dibuja un cuadro de texto que se ajuste al ancho del margen. En este caso, agreguemos el nombre del evento. Usando letras mayúsculas, agrega el Día de Martin Luther King. Divide el texto en tres líneas.

Dirígete a la barra de Control y pon la Fuente en Config Alt y la Familia de Fuentes en Extra Bold. Pon el Tamaño a 120, el Interlineado a 92 pt, y el Espaciado a -20. Establece el párrafo en Alinear centro.

Add an event titleAdd an event titleAdd an event title

Paso 7

Para convertir el texto en un marco de imagen, primero debemos convertirlo en contornos. Selecciona el cuadro de texto, y ve a Texto > Convertir a Contornos. Presiona Shift-Command-G para Desagrupar el texto. Dirígete al panel del Buscatrazos y presiona el botón Agregar.

Convert to outlines ungroup and use the add pathfinder button to convert into a frameConvert to outlines ungroup and use the add pathfinder button to convert into a frameConvert to outlines ungroup and use the add pathfinder button to convert into a frame

Paso 8

Localiza el archivo .jpg del fondo de la bandera americana antigua y ábrelo en Adobe Photoshop.

En el panel de Capas, selecciona Crear Nueva Capa de Relleno o Ajuste > Brillo/Contraste. Haz doble clic en el círculo de miniaturas de la capa para abrir el panel de Propiedades. Establece el Contraste en 100.

open the flag image in photoshop and add a contrast layeropen the flag image in photoshop and add a contrast layeropen the flag image in photoshop and add a contrast layer

Paso 9

Presiona Comando-S para Guardar el archivo. Guarda un formato .psd o .tiff, estos dos tienen una mejor calidad de imagen. También es útil si deseas seguir editando la imagen más tarde. Haz clic en Guardar.

Save the file as a psd or tiff fileSave the file as a psd or tiff fileSave the file as a psd or tiff file

Paso 10

Volvamos al archivo de InDesign. Mientras seleccionas el texto, presiona Comando-D y encuentra el fondo de la bandera americana antigua en formato .psd. Haz clic en Abrir.

Usando la Herramienta de selección directa (A), selecciona la imagen de la bandera. Dirígete al panel de Control y activa el botón Limitar la proporción para la escala. Establece el Porcentaje en 60%. Posiciona la bandera para mostrar solo las partes rojas a través de la letra. La razón de esto es hacer que el texto sea legible.

En la imagen de abajo, puedes ver que estoy usando el lado derecho de la imagen.

On the ID file select the text and place the imageOn the ID file select the text and place the imageOn the ID file select the text and place the image

Paso 11

Utilizando la Herramienta de Texto (T), dibuja un cuadro de texto bajo el título principal que se ajuste al ancho del margen. Para este tutorial, agregaré "Caminata y celebración" en letras mayúsculas.

Dirígete al panel de Control y establece la Fuente en Config Alt, Familia de Fuentes en Semi Bold, Tamaño en 40 pt y el Espaciado en 120.

Add a subtitle or a tagline to the titleAdd a subtitle or a tagline to the titleAdd a subtitle or a tagline to the title

Paso 12

Usaremos este texto como otro marco. Presiona Shift-Comando-O para crear contornos. Debido a que este texto está en una sola línea, no necesitamos repetir el proceso de agrupar y desagrupar como en el título principal.

Presiona Comando-D para Colocar una imagen. Selecciona la bandera del archivo .psd y haz clic en Abrir.

Debido a que el texto es más pequeño, necesitamos hacerlo lo más legible posible. Selecciona la imagen con la Herramienta de selección directa (A). Dirígete al panel de Control y establece el Ángulo de Rotación en -10°. Usando las flechas del teclado o del ratón, mueve la imagen hasta que puedas encontrar las partes de color crema de la imagen. Abajo, puedes ver la imagen de la bandera contorneada en marrón.

Convert the text into outlines and place the flag imageConvert the text into outlines and place the flag imageConvert the text into outlines and place the flag image

Paso 13

Usando la Herramienta de Texto (T), agrega dos cuadros de texto para incluir la hora y la dirección del evento. Pon la hora en Negrita, y el Tamaño a 40 pt y el Espaciado a -25. Establece el Tamaño de la dirección en 15,5 pt. Coloca ambos cuadros de texto uno al lado del otro, dejando un espacio entre ellos.

Using the text tool add a time and address of the event Leaving a gap in betweenUsing the text tool add a time and address of the event Leaving a gap in betweenUsing the text tool add a time and address of the event Leaving a gap in between

Paso 14

Duplica la fila de estrellas pulsando Shift-Opción y arrastrando. Coloca una fila sobre la hora y la dirección y la otra debajo. Aquí es donde las Guías Inteligentes (Ver > Cuadrículas y Guías > Guías Inteligentes) se vuelven útiles ya que te permiten conocer el espacio parejo entre los objetos.

Duplicate the row of stars and place on top and bottom of the textDuplicate the row of stars and place on top and bottom of the textDuplicate the row of stars and place on top and bottom of the text

Paso 15

Usando la Herramienta del Polígono, dibuja una estrella que encaje entre la hora y la dirección. Haz clic en el documento para abrir la ventana de opciones de Polígono. Establece el ancho y la altura a 0,2 pulg. Establece el número de lados en 5 y la inserción de la estrella a 50%. Haz clic en OK.

En el panel de Muestras, establece el Color a [Papel].

Using the polygon tool create a star to add in between the gap of the time and addressUsing the polygon tool create a star to add in between the gap of the time and addressUsing the polygon tool create a star to add in between the gap of the time and address

3. Cómo crear una foto redonda en el diseño de tu volante

Paso 1

Dirígete a la barra de herramientas y selecciona la Herramienta Elipse (L). Haz clic en el documento para abrir la ventana de opciones de Elipse, y establece la Anchura y Altura a 1,4 pulg. Haz clic en OK. Puedes usar cualquier color, ya que lo llenaremos con una imagen más adelante.

Crea otro círculo con la Herramienta Elipse (L). Esta vez, establece el Ancho y el Alto a 1,6 pulg. En el panel de Muestras, establece el color de Relleno en [Ninguno] y el color de Trazo en [Papel]. Abre el panel Trazo (Ventana > Trazo), y configura el Peso a 1 pt.

Para alinear estos dos objetos, abre el panel Alinear. Selecciona ambos y selecciona los botones Alinear centro horizontal y Alinear centro vertical.

Create two circles using the ellipse tool One with an outline and one solid Use the align panel to align them Create two circles using the ellipse tool One with an outline and one solid Use the align panel to align them Create two circles using the ellipse tool One with an outline and one solid Use the align panel to align them

Paso 2

Duplica ambos objetos pulsando Shift-Opción y arrastrando. Haz esto dos veces para que quepan un total de tres imágenes.

Selecciona cada círculo dentro y presiona Comando-D para colocar una imagen. Añade las siguientes imágenes:

Usando la Herramienta de selección directa (A), cambia el tamaño de cada imagen para que se ajuste al círculo. Idealmente, la cabeza de cada persona debería ser del mismo tamaño.

Duplicate the set of circles twice Place images in each set Duplicate the set of circles twice Place images in each set Duplicate the set of circles twice Place images in each set

Paso 3

Utilizando la Herramienta de texto (T), dibuja un cuadro de texto debajo de cada círculo para añadir nombres y descripciones. En el panel de Control, establece la Fuente de la primera línea en Config Alt, la Familia de Fuentes en Bold y el Tamaño en 12 pt.

En el panel Muestras, establece el color de la primera línea en rojo y la segunda línea en [Papel].

Add text to each set of circlesAdd text to each set of circlesAdd text to each set of circles

Paso 4

Usa el panel Alinear para alinear el texto y las imágenes con el Centro Horizontal. Agrupa cada objeto de círculo, imagen y texto seleccionándolos y presionando Comando-G. Esto facilitará la distribución de los mismos en la página de manera uniforme en el siguiente paso.

Group each set of circles with a text boxGroup each set of circles with a text boxGroup each set of circles with a text box

Paso 5

Coloca el segundo conjunto de objetos en el centro de la página. Dirígete al panel Alinear y establece la opción Alinear a para Alinear a la página. Selecciona el botón Alinear centro horizontal.

Align the second group of objects with the center of the page Align the second group of objects with the center of the page Align the second group of objects with the center of the page

Usando la Herramienta Rectángulo (M), dibuja un rectángulo para que quepa desde el borde de la página hasta el borde izquierdo del círculo central.

Selecciona el rectángulo y el primer objeto agrupado. En el panel Alinear, establece la opción Alinear a en Alinear a la selección. Selecciona el botón Alinear centro horizontal.

Mueve el rectángulo al lado derecho de la página y repite el procedimiento para el último objeto agrupado. Cuando termines, borra el rectángulo.

Create a rectangle that will help you align the first and third grouping of objectsCreate a rectangle that will help you align the first and third grouping of objectsCreate a rectangle that will help you align the first and third grouping of objects

Paso 6

Usando la Herramienta Línea (\), dibuja una línea que se ajuste al ancho del margen en la parte inferior de la página. Pon el Peso del Trazo en 1 pt. Pon el color del trazo en el panel de Muestras en [Papel].

Con la Herramienta de Texto (T), dibuja un cuadro de texto debajo de la línea y añade información de contacto. Establece el Tamaño a 10 pt y el Espaciado a 200.

Estoy agregando espacios entre la información, seguidos por una estrella. Los espacios Em son espacios más grandes que un espacio regular. Añade espacios Em presionando Shift-Comando-M. Usando la Herramienta de Selección Directa (A), selecciona una de las estrellas más pequeñas que hemos creado. Presiona Comando-C para Copiar y el Comando-V para Pegarlo entre los espacios. Hazlo como si estuvieras copiando normalmente el texto en un marco.

Create a line at the bottom of the flyer and using the text tool add contact informationCreate a line at the bottom of the flyer and using the text tool add contact informationCreate a line at the bottom of the flyer and using the text tool add contact information

4. Cómo exportar un archivo para su impresión

Antes de exportar un archivo para su impresión, es útil echar un vistazo alrededor de los bordes de cada página. Asegúrate de que todos los objetos que deben sangrar de la imagen están tocando los sangrados.

Paso 1

Para exportar el archivo, ve a Archivo > Exportar. Asigna el nombre al archivo Volante de eventos MLK y elige Adobe PDF (Imprimir) en el menú desplegable Formato. Haz clic en Guardar.

Save the file as an Adobe PDF print fileSave the file as an Adobe PDF print fileSave the file as an Adobe PDF print file

Paso 2

En la ventana de Exportación de Adobe PDF, establece el Preajuste de Adobe PDF en Calidad de prensa.

Select Press Quality as a presetSelect Press Quality as a presetSelect Press Quality as a preset

En el lado izquierdo del panel, selecciona Marcas y Sangrías. Selecciona 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.

Check the Marks and bleeds and document bleed settings optionsCheck the Marks and bleeds and document bleed settings optionsCheck the Marks and bleeds and document bleed settings options

¡Excelente trabajo! ¡Has terminado este tutorial!

En este tutorial, aprendiste a crear un volante de eventos promocionales listo para imprimir. Buscamos herramientas clave para crear una plantilla que sea fácil de personalizar con pequeños retoques. Hoy, has aprendido a hacer:

  • crear un archivo de Adobe InDesign listo para imprimir
  • usar el panel de Muestras para añadir muestras de color
  • alinear los objetos con el panel de Alineación
  • usar las diferentes herramientas de forma (elipse, rectángulo, polígono)
  • exportar un archivo PDF listo para imprimir

Si deseas explorar algunas ideas de plantillas promocionales, puedes encontrar muchos volantes y folletos personalizables en Envato Elements y Graphic River. ¡Compruébalo!

Si te gustó este tutorial, puede que te guste esto:


One subscription.
Unlimited Downloads.
Get unlimited downloads