1. Design & Illustration
  2. Flyers

Cómo hacer una plantilla de folleto para recaudar fondos

by
Read Time:14 minsLanguages:
This post is part of a series called Flyer Design & Templates.
How to Make a Flyer Design for Christmas in Illustrator
How to Make a Club Flyer Template in InDesign

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

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

Crear plantillas de volantes que sean fáciles de cambiar y versátiles es una habilidad importante que debes tener en tu arsenal. Aprende a hacer un volante de eventos que sea fácil de personalizar.

Usaremos algunos recursos de Envato Elements que llevarán este diseño de volante al siguiente nivel. Este folleto para eventos de recaudación de fondos tiene espacio para un par de imágenes y un montón de lugares para copiar. Te guiaré a través del proceso de trabajar con tipografía, jerarquía, vectores e imágenes. ¡Empecemos!

Lo que necesitaras

Necesitará 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 sumergirnos y crear nuestra plantilla de folleto para recaudar fondos.

Buscando increíbles plantillas de InDesign? Ve a GraphicRiver.

1. Configuración de un nuevo archivo de Adobe InDesign

Paso 1

Para este tutorial, usaremos un folleto de tamaño A5. Este es el tamaño más popular para un diseño de volante como este.

En InDesign, ve a Archivo> Nuevo. Nombra el documento folleto de recaudación de fondos. Cambia las unidades a centímetros. Ajusta el ancho a 14.8 cm y la altura a 21 cm. Establece la orientación en retrato. Haz clic en Aceptar.

Establece los márgenes en 1 cm. Establece los sangrados a 5 mm. Si estás utilizando una imprenta profesional, pregúntales qué tipo de sangrado les gustaría que usaras. Haz clic en Crear.

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

Paso 2

Antes de comenzar el proyecto, vamos a crear una cuadrícula para que sea más fácil alinear los elementos. Dirígete a Diseño> Crear guías. En la ventana de opciones Crear guías, establece el Número de filas en 10 y el Canal en 0. Establece el Número de columnas en 2 y el Canal en 0.5 cm. En Opciones, configura las Guías de ajuste en: Márgenes y haz clic en Aceptar.

Muestra/oculta las guías y los márgenes presionando Comando-;.

Create guides on the documentCreate guides on the documentCreate guides on the document

2. Cómo crear formas y colocar imágenes en el diseño de tu folleto

Vamos a crear los elementos que irán entre las filas segunda y quinta del documento.

Paso 1

Vamos a crear dos rectángulos. El primero albergará una imagen, y el segundo tendrá texto.

En la barra de herramientas, selecciona la herramienta Rectángulo (M). Haz clic en el documento y, en la opción de la ventana Rectángulo, establece el Ancho en 10,5 cm y el Alto en 7,3 cm. Haz clic en Aceptar.

Crea un segundo rectángulo, esta vez configurando el ancho a 6 cm y el alto a 7,3 cm. Haz clic en Aceptar.

Create two rectanglesCreate two rectanglesCreate two rectangles

Paso 2

En la barra de herramientas, selecciona la herramienta Selección directa (A). Selecciona los dos puntos en el lado derecho del primer rectángulo, haz clic derecho y selecciona Transformar> Cortar. En la ventana de opciones de corte, establece el ángulo de corte en 30° y el eje en horizontal. Haz clic en Aceptar.

Usando la herramienta de selección directa (A), selecciona los dos puntos en el lado izquierdo del segundo rectángulo. Haz clic derecho y selecciona Transformar> Cortar. En la ventana de opciones de corte, establece el ángulo de corte en 30° y el eje en horizontal. Haz clic en Aceptar.

A continuación, he resaltado los cuatro puntos con los que necesitas trabajar en este paso.

Shear one side of both rectanglesShear one side of both rectanglesShear one side of both rectangles

Paso 3

Selecciona la primera forma que creamos. Presiona Comando-D para colocar una imagen. Busca la mujer sosteniendo la forma de corazón en tu computadora. Haz clic en Abrir.

Usando la herramienta de selección directa (A), selecciona la imagen dentro del elemento. Dirígete al panel de control y activa el botón Restringir proporciones para ancho y alto. Esto es para que la imagen cambie de tamaño proporcionalmente. Establece el porcentaje en 20%.

Place an image on the first shapePlace an image on the first shapePlace an image on the first shape

Paso 4

Notarás que la imagen no encaja del todo en un lado. Es común reflejar imágenes para adaptarlas al diseño. Usando la herramienta de selección directa (A), selecciona la imagen dentro del elemento. Haz clic derecho y selecciona Transformar> Voltear horizontal.

Con la herramienta de selección directa (A), mueve la imagen para encontrar un buen encuadre. Al enmarcar fotos con personas, trata de no cortar la cabeza. Esto hará que se vea con aspecto extraño.

Mirror the image within the shapeMirror the image within the shapeMirror the image within the shape

Paso 5

Usando la herramienta de selección (V), selecciona el elemento. Dirígete al panel de control y establece el color del trazo como papel. En el lado derecho, establece el valor del trazo a 4 pt. Esto es para que el trazo separe la imagen de la forma que colocaremos detrás en el siguiente paso.

Siéntete libre de usar la Herramienta de selección directa (A), para seleccionar los dos puntos más cercanos a los sangrados y extenderlos. Esto es para que, cuando se imprima el documento, no obtengamos el contorno blanco.

Add a white stroke around the shapeAdd a white stroke around the shapeAdd a white stroke around the shape

Paso 6

Trabajemos en la forma duplicada que creamos. Duplícala una vez más presionando Opción y arrastrándola. Trabajaremos con una forma y tendremos la otra en espera.

Dirígete a la barra de herramientas y selecciona la herramienta Rectángulo (M). Haz clic en el documento y, en la ventana de opción Rectángulo, establece el Ancho en 8 cm y el Alto en 3,65 cm. Haz clic en Aceptar.

Necesitamos recortar la sección superior. Coloca este rectángulo sobre una de las formas duplicadas. Dirígete a Objeto> Pathfinder> Restar.

Duplicate the second shape we created and cut using a rectangleDuplicate the second shape we created and cut using a rectangleDuplicate the second shape we created and cut using a rectangle

Paso 7

Dirígete a Ventana> Color> Muestras para expandir el panel Muestras. Elige el botón Nueva muestra de color en el menú principal.

Establece los valores en C=0  M=100 Y=100 K=10. Haz clic en Agregar y Aceptar.

Necesitamos agregar un rojo más oscuro para el contraste. Repite este proceso con estos valores: C=0 M=100 Y=100 K=42.

Add two red colors to the swatchesAdd two red colors to the swatchesAdd two red colors to the swatches

Colorea la forma más grande con el rojo más claro y la forma más pequeña con el rojo más oscuro.

Haz que la forma más oscura se superponga con el tono más claro. Para traer el elemento al frente, presiona Shift+Comando-]. Si necesitas mover el elemento hacia atrás, presiona Shift+Comando-[.

Coloca ambos elementos justo debajo de la imagen.

Move both red shapes under the imageMove both red shapes under the imageMove both red shapes under the image

Paso 8

Añadiremos una cita al volante con una imagen. Esta vez, vamos a contener la imagen en un círculo. Coloca esto entre la novena y la décima fila del documento. Dirígete a la barra de herramientas y selecciona la herramienta Elipse (L). Haz clic en el documento y establece el ancho y alto de la Elipse en 2 cm. Haz clic en Aceptar.

Dirígete al panel de Muestras de color y selecciona [Negro]. Mueve la configuración de Tinte al 10%.

Para abrir el panel Trazo, ve a Ventana> Trazo. Ajusta el valor a 4 pt.

Create a circle with the ellipse toolCreate a circle with the ellipse toolCreate a circle with the ellipse tool

Para colocar una foto, presiona Comando-D. Encuentra la foto de la mujer sonriendo en tu computadora. Haz clic en Abrir.

Usando la herramienta de selección directa (A), selecciona la imagen dentro del círculo. Dirígete al panel de control y activa el botón Restringir proporciones para ancho y alto. Esto es para que la imagen cambie de tamaño proporcionalmente. Establece el porcentaje en 5%.

Place an image inside the circle and resizePlace an image inside the circle and resizePlace an image inside the circle and resize

Paso 9

No siempre es necesario crear un rectángulo para agregar una imagen / vector. Como ejemplo, agregaremos un logotipo en este paso. Coloca este logo en la primera fila del documento. Para colocar un archivo, presiona Comando-D y busca el logotipo en tu computadora. Haz clic en Abrir.

Haz clic en cualquier lugar del documento para colocar el archivo. Dirígete al panel de control y establece la altura en 1,5 cm. Notarás que la imagen es más grande que el marco. Para solucionar este problema, podemos hacer que el contenido se ajuste al marco. Haz clic derecho en el marco y haz clic en Ajustar> Ajustar contenido proporcionalmente. También puedes pulsar Shift-Opción-Comando-E.

Coloca el logotipo en el margen superior izquierdo.

Place a logo into the documentPlace a logo into the documentPlace a logo into the document

3. Cómo dar formato a la tipografía en tu folleto

Paso 1

En la barra de herramientas, selecciona la herramienta de texto (T). Dibuja un cuadro de texto que se ajuste del margen izquierdo al derecho del folleto, en el centro de la página. Podemos ajustar la altura a medida que avanzamos.

Create a text boxCreate a text boxCreate a text box

Paso 2

Agrega texto al cuadro de texto copiando y pegando. Utiliza Comando-C para copiar y Comando-V para pegar.

Para este proyecto, agregaremos el título del folleto en el mismo cuadro de texto que la copia. Selecciona el cuadro de texto y presiona Comando-B para acceder a las Opciones de marco de texto. Alternativamente, haz clic derecho en el cuadro de texto y selecciona Opciones del marco de texto.

En la ventana Opciones de marco de texto, marca la casilla Vista previa para ver los cambios en vivo. Establece el número de columna en 2 y el canal en 0.5. Marca la casilla Balance de columnas. Haz clic en Aceptar.

Create two columns in the text boxCreate two columns in the text boxCreate two columns in the text box

Paso 3

La opción de cuadro de texto en InDesign nos da la opción de tener múltiples elementos de jerarquía en un cuadro. Dirígete a Ventana> Tipo y tablas> Párrafo para expandir el panel Párrafo.

Las dos primeras líneas serán el encabezado. Selecciona estas dos líneas y la línea vacía debajo con la Herramienta de texto (T).

Dirígete al panel de Párrafo. En el menú principal, selecciona Extender columna. En la nueva ventana, establece Extender en Todo. Esto expandirá el título a lo largo de las dos columnas mientras mantiene los dos cuerpos  originales de las columnas copia. Haz clic en Aceptar.

Span the headline to all the columnsSpan the headline to all the columnsSpan the headline to all the columns

Paso 4

Para abrir el panel de caracteres, ve a Ventana> Tipo y tablas> Carácter o presiona Comando-T.

Para crear contraste, agrega un poco de texto sobre el título principal. Establécelo en Catesque, Regular y Tamaño 14 pt. Este espacio es ideal para una llamada a la acción.

Selecciona el título y establece la fuente en Catesque, Negro y Tamaño 32 pt. Cambia el color en ambas secciones a la muestra roja más clara.

Format the headlineFormat the headlineFormat the headline

La copia del cuerpo debe establecerse en un tamaño normal que sea legible. En este caso, lo puse en Catesque, clara y Tamaño 10 pt. Para agregar contraste y resaltar en el sitio web, configúralo en Catesque, Negrita. Además, cambia el color en el panel Muestras a la muestra roja más clara.

Add contrast by highlighting the website in the body copyAdd contrast by highlighting the website in the body copyAdd contrast by highlighting the website in the body copy

Paso 5

Vamos a añadir algunos detalles más. Con la Herramienta de texto (T), crea un cuadro de texto en la esquina superior derecha del folleto. Aquí podemos agregar un hashtag para seguir en las redes sociales y un sitio web como referencia rápida para la audiencia. Alternativamente, aquí puedes agregar una dirección o un número de teléfono. Establece este cuadro de texto en Catesque, Mediano y Tamaño 8 pt.

Add a hashtag and websiteAdd a hashtag and websiteAdd a hashtag and website

También agregaremos una cita de un participante anterior para acompañar la fotografía circulada. Si este es un folleto para un producto, esto podría ser una opinión. Establece este cuadro de texto en rojo; esta muestra se debe guardar en tus muestras de color. Establece la fuente en Catesque, Claro y negrita. Esta es una excelente manera de crear contraste y resaltar la parte más importante de una cita.

En una tipografia más pequeña (Tamaño 7 pt) y establecida en Catesque, clara Italica va el nombre de la persona citada.

Notarás que las líneas de texto están alineadas con las comillas. Esto se llama citas colgantes. Esto es genial, pues no perturbamos el flujo del lector, y es visualmente agradable. Para hacer esto, escribe Comando-/ y todo el texto incluido en el párrafo se desplazará.

Add a quote and hang the quotation marksAdd a quote and hang the quotation marksAdd a quote and hang the quotation marks

Paso 6

Coloca la foto redondeada en el lado derecho del cuadro de texto. Esto es genial para crear un equilibrio con la foto más grande en la parte superior.

Selecciona el cuadro de texto de la cita y la fotografía redondeada utilizando la Herramienta de selección (V). Para abrir el panel Alinear, ve a Ventana> Objeto y diseño> Alinear. En el panel, presiona el botón Alinear centro horizontal.

Align the quote text box and the circled imageAlign the quote text box and the circled imageAlign the quote text box and the circled image

Para agrupar estos dos objetos, presiona Comando-G. Esta vez, en el panel Alinear, establece la opción Alinear Página. Haz clic en el botón Alinear centro vertical.

Align and group both objectsAlign and group both objectsAlign and group both objects

Paso 7

Con la Herramienta de texto (T), crea dos cuadros adicionales sobre los vectores rojos que creamos. Estas son excelentes ubicaciones para una breve llamada a la acción y detalles sobre un evento. He establecido estos dos cuadros de texto en Tamaño 12 pt, pero utilicé dos valores diferentes: Regular y Negro. Esto es para crear contraste ya que un mensaje es más importante que el otro.

Add text to the red shaped elementsAdd text to the red shaped elementsAdd text to the red shaped elements

4. Cómo agregar iconos vectoriales

Paso 1

En la barra de herramientas, selecciona la herramienta Rectángulo (M). Haz clic en el documento y configura el Ancho a 15.8 cm y el Alto a 2.25 cm. Coloca el rectángulo en la parte inferior del folleto. Asegúrate de que los bordes izquierdo, derecho e inferior estén tocando las marcas de sangrado.

Bloquea el rectángulo presionando Comando-L. Esto es útil para que la Herramienta de texto (T) no cree un cuadro de texto dentro del rectángulo.

Create a rectangle at the bottom of the flyerCreate a rectangle at the bottom of the flyerCreate a rectangle at the bottom of the flyer

Paso 2

Vamos a crear un cuadro de texto para la información de contacto. Usando la herramienta de texto (T), dibuja un cuadro de texto. En el panel de control, establece el ancho a 12,8 cm y la altura a 0,45 cm.

Mientras seleccionas el cuadro de texto, presiona Comando-B para abrir las Opciones de marco de texto. En Columnas, establece el Número en 3. Haz clic en Aceptar.

Aquí, podemos agregar información de contacto: nombre de la empresa / organización benéfica, dirección, número de teléfono, fax y direcciones de correo electrónico. Debido a que es información más pequeña, establece la fuente en Catesque, Claro y Tamaño en 6 pt.

Add a text box with 3 columns on the rectangleAdd a text box with 3 columns on the rectangleAdd a text box with 3 columns on the rectangle

Paso 3

Para una apariencia profesional, podemos agregar íconos a esta sección. Abre el archivo de conjunto de iconos de contacto en Adobe Illustrator. Selecciona los iconos de estilo Sólido y desagrupalos presionando Shift-Comando-G.

Selecciona los iconos de mapa, correo electrónico y teléfono presionando Shift y haciendo clic en cada icono. Presiona Comando-C para copiar.

Open the icons file in Adobe IllustratorOpen the icons file in Adobe IllustratorOpen the icons file in Adobe Illustrator

Paso 4

Regresa al archivo de InDesign. Presiona Comando-V para pegar. En el panel de control, configura la muestra de color en [Papel]. Los iconos serán agrupados; para desagruparlos, presiona Shift-Comando-G.

Para cambiar el tamaño de los íconos, selecciona cada uno y dirígete al Panel de control. Activa el botón Restringir proporciones ya que solo estableceremos la altura. El ancho cambiará automáticamente. Ajusta la altura a 0,45 cm.

Copy the icons and format in color whiteCopy the icons and format in color whiteCopy the icons and format in color white

Paso 5

Selecciona los tres iconos. Dirígete a la ventana> Ajuste de texto. En el panel  Ajuste de texto, activa el botón Envolver alrededor de la caja delimitadora y configura la compensación derecha en 0,2 cm. Esto empujará el texto hacia la derecha cuando ubiquemos los íconos sobre el texto. caja. Mueve cada ícono al lado izquierdo de cada columna.

Add a text wrap to the iconsAdd a text wrap to the iconsAdd a text wrap to the icons

El volante parece muy cargado abajo. Para agregar equilibrio a la parte superior del póster, crea un rectángulo con la herramienta Rectángulo (M). Ajusta el ancho a 15.8 cm y la altura a 0.75 cm. Coloca el rectángulo en la parte superior del folleto, asegurándote de que los lados y la parte superior estén tocando las marcas de sangrado.

Create a rectangle for the top of the flyerCreate a rectangle for the top of the flyerCreate a rectangle for the top of the flyer

5. Cómo exportar un archivo 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 tocando los sangrados. Presiona W para pasar entre el modo de vista previa y el modo normal.

Paso 1

Para exportar el archivo, ve a Archivo> Exportar. Asigna un nombre al folleto de recaudación de fondos y elige Adobe PDF (Imprimir) en el menú desplegable Formato. Haz 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 a Calidad de prensa.

Select press qualitySelect press qualitySelect press quality

En el lado izquierdo del panel, selecciona Marcas y sangrados. Verifica todas las marcas de la impresora y utiliza la configuración de sangrado de documentos. Haz clic en Exportar. Tendrás un archivo PDF listo para ser impreso.

Select printers parks and document bleed settingsSelect printers parks and document bleed settingsSelect printers parks and document bleed settings

¡Gran trabajo! ¡Has terminado este tutorial!

En este tutorial, has aprendido cómo hacer un diseño de volante atemporal. Esta plantilla de folleto para recaudar fondos es fácil de personalizar, incluso si no eres un diseñador. Tiene todos los elementos necesarios que te permiten editarlo de forma rápida y sencilla. Hoy, hemos aprendido a:

  • configurar un archivo listo para imprimir en Adobe InDesign
  • colocar correctamente las imágenes en marcos
  • Tipografía de formato para las diferentes secciones del folleto.
  • utilizar la herramienta de ajuste de texto
  • exportar un archivo PDF listo para imprimir

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

¿Interesado en tomar un curso sobre cómo hacer un folleto de evento? ¡Visita este corto curso de Melody Nieves y écha un vistazo!

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

One subscription.
Unlimited Downloads.
Get unlimited downloads