Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Affinity Publisher
Design

Cómo hacer una plantilla de volante con pestañas desprendibles en Affinity Publisher (archivo de volante gratis para descargar)

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial de Affinity Publisher, aprenderás a crear una plantilla de volante con pestañas desprendibles. Este folleto es rápido y fácil de crear y puedes adaptarlo fácilmente con tu propia selección de imágenes y fuentes de texto. Aprenderás a crear un folleto genial con pestañas desprendibles, también se incluye una plantilla de un folleto con las mismas características totalmente gratuita.

Esta plantilla es para un folleto tamaño carta, perfecto para servicios de negocios publicitarios o eventos locales en tu vecindario. Obtendrás consejos sobre cómo crear un volante pegadizo, usando colores, gráficos y fotos impactantes para crear un volante con pestañas desprendibles.

final tear off flyer

Este tutorial viene completo con una plantilla gratuita descargable para Adobe InDesign y Affinity Publisher, lo que te permite crear rápidamente tu propio folleto.

Sigue los pasos que se indican a continuación para familiarizarte con Affinity Publisher, adquirir habilidades clave de diseño de impresión y aprender a crear un buen volante desde cero.

Sigue este tutorial de Affinity Publisher en nuestro canal de YouTube Envato Tuts+

Lo que aprenderás en este tutorial de folleto de Affinity Publisher

  • Cómo hacer una plantilla de volante con pestañas desprendibles en blanco y un buen diseño de volante con una tipografía y colores elegantes.
  • Cómo crear capas y muestras de color y luego dar formato al texto para el folleto con pestañas desprendibles en Affinity Publisher.
  • Cómo crear una plantilla de folleto con pestañas desprendibles en un formato de tamaño carta.
  • Cómo hacer una plantilla de folleto con un diseño adaptable que se pueda personalizar con tus propias imágenes y fuentes.

¿Buscas más plantillas de Affinity Publisher y plantillas de volantes con pestañas desprendibles en blanco? No te pierdas la amplia selección de plantillas de volantes en Envato Elements.

Lo que necesitarás para crear tu plantilla de volante con pestañas desprendibles

Comencemos con cómo hacer un folleto con estas características en Affinity Publisher. En este tutorial, usaremos Affinity Publisher para crear nuestra plantilla del folleto y nos sumergiremos en Affinity Photo para editar la foto que se colocará en la plantilla de Affinity Publisher. Si eres usuario de InDesign, puedes descargar la plantilla del folleto de InDesign.

Además del acceso a Publisher, también necesitarás descargar las siguientes fuentes de texto e imágenes de Envato Elements para recrear el diseño del volante que se muestra aquí:

1. Cómo configurar tu plantilla de volante de pestañas desprendibles en blanco en Affinity Publisher

Paso 1

Abre Publisher y ve a archivo > nuevo.

Selecciona imprimir en las opciones de la parte superior de la ventana. Establece el ancho de página en 11 pulgadas y la altura de página en 8.5 pulgadas. Deselecciona la opción de páginas opuestas en la sección páginas.

new document

Paso 2

En las opciones márgenes, establece un ancho de margen de 0.5 pulgadas para todos los lados de la página excepto el lado inferior, que puedes establecer en 2.75 pulgadas. Agrega un ancho de sangrado de 0.25 pulgadas.

Luego, haz clic en crear.

bleed and margins

Paso 3

Haz doble clic en la página 1 del panel páginas para ir a la página principal del documento.

Ve al panel capas (vista > estudio > capas), haz clic en el botón agregar capa en la parte inferior derecha del panel y cambia el nombre de capa 1 a fondo.

Haz clic en el botón añadir capa de nuevo. Asigna a esta segunda capa el nombre texto detrás. Repite para crear dos capas más: imágenes y texto en frente.

Selecciona todas las capas excepto fondo y bloquéalas haciendo clic en el icono de candado en la parte superior derecha.

background layer

Paso 4

Ve al panel muestras (vista > estudio > muestras) y elige añadir color global en el menú desplegable de la parte superior derecha.

global colour

Dale el nombre de blanco a la muestra y establece los niveles como te muestro enseguida en C=3 M=1 Y=4 K=0. Después, haz clic en agregar.

off white colour

Repite para crear cinco muestras más:

  • Amarillo oscuro: C=4 M=44 Y=90 K=0
  • Amarillo medio: C=0 M=35 Y=81 K=0
  • Amarillo pálido: C=0 M=28 Y=72 K=0
  • Púrpura: C=76 M=78 Y=0 K=0
  • Púrpura oscuro: C=92 M=100 Y=7 K=2
global colour

2. Cómo agregar color y texto a tu plantilla de volante con pestañas desprendibles

Paso 1

Trabajando en la capa fondo, selecciona la herramienta rectángulo (m) en el panel herramientas y arrástrala a través de toda la página, extendiendo los bordes hasta el sangrado.

En el panel muestras, establece el color de relleno en amarillo medio.

medium yellow swatch

Paso 2

Bloquea la capa fondo y desbloquea la capa de arriba, texto detrás.

Selecciona la herramienta texto de marco (t) y arrastra hacia el lado izquierdo de la página para crear un pequeño marco de texto.

Escribe en el texto de descripción (por ejemplo, "Ely es amigable / Caminatas para perros / Servicio") y en los paneles carácter y párrafo (vista > estudio > carácter)  establece la fuente de texto Madera, todas mayúsculas y alinear al centro.

Establece el color de la fuente de texto en blanco y púrpura oscuro.

font colour purple

Puedes agregar más texto debajo del encabezado (como "30% de descuento / En tu primera caminata / Con el siguiente código"), ajusta la fuente de texto en Lumber, todas mayúsculas, alinear al centro y un color de fuente de texto blanco.

lumber text

Paso 3

Cambia a la herramienta pluma (p) y manteniendo presionada la tecla shift, haz clic dos veces para crear una línea vertical recta debajo del marco de texto inferior.

En el panel muestras, establece el color de trazo en blanco.

En el panel trazo (vista > estudio > trazo), establece la anchura de la línea en 2.5 pt. En el menú desplegable final, elige simple para aplicar una punta de flecha al trazo.

pen tool

A la derecha de la opción de la flecha final, aumenta el porcentaje a 225% para ampliar la punta de la flecha.

arrow head

Paso 4

Abre el conjunto de iconos de animales EPS en un programa vectorial, como Affinity Designer o Adobe Illustrator e identifica el icono de la pata. Puedes usar esto como un icono delineado o llenar la pata con color sólido como lo he hecho aquí. En el programa vectorial edita > copia el icono de la pata.

De vuelta a Publisher y aún trabajando en la capa texto detrás, edita > pega el icono en la página. Ajusta el color a amarillo pálido y colócalo hacia la parte superior derecha del diseño.

large paw icon

Pega más iconos de pata, agrupándolos a través de la página para crear un efecto de rastro, estableciendo el color de algunos en amarillo pálido y otros en amarillo oscuro, para que contrasten con el fondo.

paw icons
paws pasted

Paso 5

Cambia a la herramienta pluma (p) y usa esto para dibujar una línea suelta y ondulada a través de la esquina superior izquierda de la página. Para crear curvas, mantén pulsado el ratón mientras haces clic. Puedes ordenar la curva después utilizando la herramienta nodo (a) para seleccionar puntos de ancla individuales.

Asegúrate de que la línea no tenga color, en el panel muestras.

pen tool

Elige la herramienta texto artístico (t) en el panel herramientas. Pasa el cursor sobre el extremo izquierdo de la línea y haz clic para transformar la línea en una ruta de texto.

Escribe el texto de introducción (por ejemplo, "alguien dijo..."). Resalta el texto y establece la fuente de texto en Sur con un color blanco.

off white swatch

Paso 6

Selecciona la herramienta texto de marco (t) y crea un marco de texto más grande debajo de la línea curva para un título principal (por ejemplo, Caminatas). Gira el marco ligeramente en sentido contrario de las manecillas del reloj.

frame text tool

Establece la fuente de texto en Sur y el color de fuente en púrpura oscuro. Puedes hacer que el texto parezca más simple resaltando letras individuales y ajustando el valor de línea base desde las opciones posicionamiento y transformación del panel carácter.

baseline shift

Para este diseño, también he añadido un signo de interrogación en un marco de texto independiente.

text frame

3. Cómo eliminar el fondo de una foto en Affinity Photo

Paso 1

Antes de que podamos usar la foto que hemos elegido para nuestro diseño de volante con pestañas desprendibles, tendremos que eliminar el fondo.

Abre la foto en Affinity Photo antes de duplicar y desactivar la visibilidad de la capa fondo.

Ve a seleccionar > seleccionar color de muestra y haz clic en el fondo blanco.

select sampled colour

En la ventana seleccionar color de muestra, ajusta el control deslizante de tolerancia hasta que se seleccione todo el color de fondo. A continuación, haz clic en aplicar.

tolerance slider

Paso 2

Elimina la selección para eliminar el fondo, antes de guardar el archivo como un archivo afphoto.

save as file

Paso 3

De vuelta en Affinity Publisher, usa la herramienta rectángulo de marco de imagen (f) para crear un marco de imagen en la capa imágenes, hacia el lado derecho de la página, por encima del margen inferior.

image frame

Archivo > colocar, elige la foto editada y ábrela. Haz doble clic dentro del marco para seleccionar la imagen y escálala si es necesario.

placed image

4. Cómo agregar una sección de pestañas desprendibles a tu plantilla de folleto

Paso 1

Trabajando en la capa imágenes, usa la herramienta rectángulo (m) para crear una forma a lo largo del área del margen inferior.

Establece el color de relleno en Púrpura oscuro.

dark purple

Paso 2

Utiliza guías extraídas de la regla de la izquierda (vista > mostrar reglas) para dividir la página en secciones. Puedes dividir el ancho de la página (8.5 pulgadas) en tantas secciones como desees, estas formarán las pestañas de desprendimiento de tu folleto.

purple rectangle

Paso 3

Usa la herramienta pluma (p) para crear una línea vertical sobre la primer guía, estableciendo el color de trazo en amarillo medio.

medium yellow

Desde el panel trazo, configura el estilo en estilo de línea de puntos y el ancho en 2.5 pt, y ajusta las opciones de los puntos en la parte inferior del panel para ajustar el aspecto de la línea discontinua.

dash line style

Copia y pega la línea, moviendo cada una sobre una guía, para crear una fila de pestañas desprendibles.

pasted lines

Paso 4

Utiliza la herramienta texto de marco (t) para crear un marco de texto para los detalles de las pestaña desprendibles, como los detalles de contacto.

Establece la fuente de texto en Madera y varía el color de la fuente de texto entre blanco y amarillo pálido.

font lumber

En el marco de texto, haz clic con el botón derecho > transformar > rotar a la izquierda y coloca el marco de texto en el centro de la primera pestaña.

rotate left
rotated text

Copia y pega el marco de texto colocando cada fotograma pegado en su propia pestaña.

tear off tabs

5. Cómo exportar tu folleto con pestañas desprendibles para imprimir

Paso 1

Cuando hayas terminado de trabajar en tu folleto, será el momento de exportar tu obra de arte como un PDF, listo para enviar a imprimir.

completed artwork

Asegúrate de guardar tu trabajo, antes de exportar.

En la ventana que se abre, elige PDF en las opciones de icono en la parte superior y selecciona PDF (presiona listo) desde el menú ajustes preestablecidos.

Asegúrate de que el resolución dpi raster está establecida en 300 y que la casilla incluir sangrado está activada.

Después, haz clic en exportar.

export pdf

Paso 2

Asigna un nombre a tu archivo, selecciona una carpeta para guardarlo y a continuación, pulsa guardar.

save file

¡Ahora puedes enviar el PDF exportado directamente a las impresoras!

Conclusión: tu plantilla de volante con pestañas desprendibles está terminada

Tu plantilla de volante con pestañas desprendibles está terminada, ¡excelente trabajo!

finl tear off flyer

En este tutorial, has adquirido una amplia gama de habilidades y técnicas para hacer un buen volante y cómo crear un folleto con pestañas desprendibles en Affinity Publisher, desde la configuración en blanco hasta la creación de muestras en color, la colocación de imágenes y la tipografía de formato para crear un diseño elegante y contemporáneo.

Si deseas comparar tu diseño del folleto con el mío, asegúrate de descargar la plantilla de Affinity Publisher completada. El mismo diseño del volante con pestañas desprendibles también está disponible como plantilla de volante de InDesign.

Es rápido y fácil personalizar tu diseño de volante con pestañas desprendibles intercambiando diferentes muestras de color, fuentes de texto e imágenes, para crear un volante completamente propio.

¿Busca más plantillas de Affinity Publisher y plantillas de folletos de InDesign? Descubre más plantillas de volantes para folletos triples, volantes con pestañas desprendibles y mucho más en Envato Elements.

¿Deseas desarrollar aún más tus habilidades de diseño de volantes? No te pierdas estos tutoriales de diseño e impresión de Affinity Publisher y Affinity Photo:


Advertisement
Advertisement
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.