Crear un Diseño de volante para Navidad en Illustrator
Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)



Aprende a cómo crear un volante en este tutorial. Aprenderás a cómo crear un diseño de volante efectivo en poco tiempo para Navidad.
Ya sea que hayas sido "Malo o Bueno" o incluso si realmente no eres de lo que celebra estas fiestas, hay una fecha especial en diciembre que hará expandir el espíritu animado y ese día es: "El Día del Suéter Feo de Navidad". ¡Si, es real!
¿Tienes un suéter feo que está en las profundidades de tu closet? Entonces el día del "Suéter Feo de Navidad" es el día para hacer alarde de esas prendas coloridas. La fiesta, que comenzó en el 2011, es celebrado en el tercer viernes de diciembre.
Para celebrar esta fiesta, hoy vamos a aprender a cómo crear un volante de evento profesional y fácil de diseñar usando Adobe Illustrator.
Si no tienes tiempo para diseñar un volante desde cero o no tienes inspiración, puedes obtener la última colección de diseños de volante y gráficos en Envato Market o Envato Elements.
Lo que Necesitarás
Necesitarás este set de fuentes seleccionadas para completar este proyecto:
1. ¿Cómo Preparar un Nuevo Archivo de Proyecto?
Abre Adobe Illustrator y crea un Nuevo Documento con la siguiente configuración:
- Nombre: Fiesta de Suéter Feo de Navidad
- Número de Mesas de Trabajo: 1
- Orientación: Retrato
- Anchura: 8.27 cm
- Altura: 11.69 cm
Desde la pestaña de Avanzado:
- Modo de Color: CMYK
- Efectos de Rasterización: Alto (300 ppp)
- Modo de Previsualización: Por Defecto
Necesitamos añadir líneas de sangría a la mesa de trabajo, para definir dónde las áreas de gráfico se extienden para la impresora. Las líneas de sangría aseguran que no halla bordes blancos en el volante luego de cortarlos.
Da clic en Más Configuraciones para abrir el respectivo cuadro de diálogo.
Pon los Valores para Sangría a 0.2 cm y da clic en Crear Documento. Las líneas de sangría aparecerán como líneas rojas alrededor de la mesa de trabajo.






2. ¿Cómo Crear el Fondo del Volante?
Paso 1
Ya que este es una fiesta de "suéter", vamos a crear un motivo cuadrado simple, bonito y rojo.
Comienza creando el cuadrado del motivo. Toma la Herramienta Rectángulo (M). Da clic sobre la mesa de trabajo, para abrir el cuadro de diálogo. Crea un cuadrado de 1 x 1 px, con relleno #a01d20
.
Luego, selecciona la Herramienta Línea de Segmento. Dibuja una línea con Anchura y Altura de 1 cm, Ángulo: 270°, con un trazo negro.
Abre el panel Trazo (Ventana > Trazo) y pon la configuración del trazo de la siguiente manera:
- Remate: Extremo Redondeado
- Vértices: Unión Redonda
- Marca Línea Discontinua. Pon Discontinua: 1 pt, Brecha: 2 pt



Paso 2
Con la línea discontinua seleccionada, Objeto > Expandir... para abrir dicho cuadro de diálogo. Marca Relleno y Trazo, y luego da clic en OK.
Luego Copia (Comando-C) y Pega en Frente (Comando-F) para duplicar la línea discontinua encima de la original.
Objeto > Transformar > Rotar... y pon el Ángulo de Rotación a 90° y da clic en OK.
Abre el panel Alinear. Selecciona el cuadrado y dos líneas de segmento que creaste y presiona Alinear al Centro Vertical & Horizontal, para que todos los elementos se alinean igualmente uno del otro.



Paso 3
Ahora vamos a duplicar los objetos para crear un motivo cuadrado.
Selecciona las líneas discontinuas. Usa la Herramienta Cuentagotas (I) para aplicar el mismo color de relleno como el cuadrado #a01d20
.
Luego toma la Herramienta Selección (V). Selecciona los tres objetos y arrastra los objetos horizontalmente a la derecha del borde, mientras presionas las teclas Mayus-Alt para limitar el movimiento. Esto duplicará nuestros objetos.
Luego Selecciona Todo (Comando-A); mantén presionada las teclas Mayus-Alt y arrastra verticalmente al borde superior de los cuadrados, como se muestra.
Vamos alterar su color.
Toma la Herramienta Selección Directa (A). Selecciona el segundo y el tercer cuadrado y aplica un color de relleno de #ee2532
para el cuarto cuadrado.



Paso 4
Me di cuenta que el primer cuadrad y sus trazos son muy oscuros, así que vamos a cambiarlos a un tono más claro.
Selecciona la primer forma de cuadrado. Selección > Igual > Color de Relleno y cambia el color a #be2126
.
Seleccionar Todo (Comando-A)
Ve a Objeto > Motivo > Crear. El respectivo cuadro de dialogo aparecerá, donde puedes ajustar la configuración del motivo:
- Tipo de azulejo: cuadrícula
- Anchura: 2 cm
- Altura: 2 cm
El nuevo motivo aparecerá instantáneamente en el panel Muestras (Ventana > Muestras). Ahora puedes borrar las formas que usamos para crear nuestro motivo.



Paso 5
Usa el nuevo motivo como un relleno. Selecciona la Herramienta Rectángulo (M) y dibuja un rectángulo para cubrir la mesa de trabajo dentro de las líneas de sangría.
Objeto > Transformar > Rotar.
Asegúrate de que solo Transformar Motivos esté seleccionado, pon Rotar Ángulo a 45° y da clic en OK.



Paso 6
Ahora vamos añadir un marco de luz alrededor de nuestro volante.
Toma la Herramienta Rectángulo (M) de nuevo y dibuja un rectángulo de 8 x 11.4 cm sin relleno y un trazo blanco de 1 pt.
Ahora alinea el marco a nuestra mesa de trabajo. Abre el panel Alinear (Ventana > Alinear).
Asegúrate de seleccionar Alinear a: Alinear a Mesa de Trabajo; luego Alinear al Centro Vertical y Horizontal.
¡Y nuestro fondo está listo!



3. ¿Cómo Trazar y Darle Formato al Texto del Volante?
Paso 1
Vamos a preparar nuestras capas en el panel Capas. Abre Ventana > Capas.
Da doble-clic en "capa 1" para abrir las Opciones de Capa.
Selecciona Bloquear y dale el nombre de "Fondo" y da clic en OK.
Da clic en la opción Crear Nueva Capa desde el panel Capas y crea tres capas nuevas una encima de la otra, nombradas "Gráficos", "Texto" y "Gráficos Superiores".



Paso 2
Para promover nuestro volante de fiesta y crear un volante informativo y atractivo, necesitamos incluir cinco detalles:
- Saludo o Introducción Divertida: Una corta pieza de texto, colocada encima del volante en una fuente pequeña: "¡Estás invitado a la..."
- Título: el título principal es "Suéter Feo" y el secundario "Fiesta de Navidad". El título necesita ser largo, legible, para que el lector sepa qué se está promoviendo y debe ser colocado en una posición llamativa, contrastado con el color de fondo.
- Descripción: viene debajo del título y añade información relevante del evento, como fecha, hora y lugar. Este año, la fiesta ocurrirá el 21 de diciembre del 2018. "viernes 21 de diciembre, 8 PM; Entrada: 20$; Lugar; Puertas abiertas a las 7:45."
- Llamado a la acción: "RSPV hasta el 17 de diciembre - Teléfono #". Un llamado a la acción anima a los lectores a actuar ahora, en vez de que sea tarde.
- Contacto y Dirección: Para que los lectores puedan contactarte fácilmente. Incluye una dirección, sitio web, teléfono, logo o cuentas de redes sociales.
Necesitamos dividir nuestro volante en tres secciones de jerarquía visual, usando Guías de Reglas: la sección superior "Saludo" (sección pequeña), la sección media "Título" (la más grande) y la "Información", la sección inferior.
Vista > Reglas > Mostrar Reglas o Comando-R. Selecciona la regla horizontal y arrastra la guía en el espacio que quieras.



Paso 3
Asegúrate de que estés en la capa "Texto".
Usa la Herramienta Texto (T) para crear tres marcos de texto, dentro de las secciones designadas.
Abre el panel Párrafo (Ventana > Texto > Párrafo), así también como el panel Carácter (Ventana > Texto > Carácter).
Pon la Fuente a Bebas Neue en 14 pt.
Coloca el texto y Alinea al centro desde el panel Párrafo. No te preocupes por el tipo de fuente o el tamaño aun.



Paso 4
Ahora tendremos algo de diversión de fuentes.
Cuando se trata de escoger la fuente correcta, hay mucho de prueba y error envuelto en encontrar la fuente que funcione y se adecue a tu diseño. Necesitas encontrar una fuente que se iguale al diseño de volante, el mensaje del evento y la audiencia.
Afortunadamente para ti, he hecho el trabajo que consume tiempo y he escogido una selección de fuentes para usar en el diseño del volante.
Vamos a comenzar con la sección 1:
"Let's Get Tacky": (¡Ponte Cursi)
- Pon en mayúsculas todas las letras.
- Pon la Fuente a Montserrat a 11.2 pt.
- Leading: 13.44 pt
- Tracking: 200
"You're Invited to The" (Estas invitado a la)
- Pon todas las letras en mayúsculas.
- Fuente: Montserrat a 6.08 pt
- Leading: 17.3 pt
- Tracking: 200



Paso 5
Ve a la Sección 2:
"Suéter"
- Fuente: Great Vibes a 53.11 pt
- Leading: 63.73 pt
"Feo"
- Pon todas las letras en mayúscula.
- Fuente: Source Pans Pro a 35.74 pt
- Estilo de Fuente: Negro
- Leading: 42.89 pt
- Tracking: 50
"Fiesta de"
- Pon todas las letras en mayúsculas.
- Fuente: ChunkFive a 15.74 pt
- Estilo de Fuente: Romano
- Leading: 18.89 pt
- Tracking: 200
"Navidad"
- Pon todas las letras en mayúsculas.
- Fuente: Alfa Slab One a 36.6 pt
- Leading: 31.72 pt
- Tracking: 25
"Música en Vivo"
- Pon todas las letras en mayúsculas.
- Fuente: Source Pans Pro a 16.73 pt
- Estilo de Fuente: Negrita
- Leading: 20.08 pt
- Tracking: 100



Paso 6
Finalmente para la Sección 3:
"21 / 8 PM / $20"
- Pon todas las letras en mayúsculas.
- Fuente: Bebas Neue a 23.7466 pt
- Estilo de Fuente: Negro
- Tracking: 50
- "st" puedes usar la opción Superscript en el panel Carácter si lo haces en inglés (o si quieres sobreescribir otro carácter).
"Viernes / Diciembre / Entrada"
- Pon todas las letras en mayúsculas.
- Fuente: Montserrat a 7.98 pt
- Estilo de Fuente: Negrita
- Leading: 42.89 pt
- Tracking: 50
"RSVP el 17 de diciembre - Teléfono"
- Fuente: Montserrat a 5.92 pt
- Leading: 9 pt
- Tracking: 200
"Lugar / Dirección / Puertas abiertas a las 7:45"
- Pon todas las letras en mayúsculas.
- Fuente: Bebas Neue a 13.11 pt
- Estilo de Fuente: Regular
- Leading: 18 pt
"sitio web"
- Pon todas las letras en mayúsculas.
- Fuente: Montserrat a 5.92 pt
- Leading: 10 pt
- Tracking: 200



Paso 7
Vamos a borrar las guías horizontales: Vista > Guías > Limpiar Guías
Luego le damos a la casilla de texto medio una inclinación para hacerlo más llamativo.
Selecciona y Objeto > Transformar > Distorsión.
- Ángulo de Distorsión: 190°
- Eje: Vertical
- OK



Paso 8
Vamos a añadir color al texto.
Toma la Herramienta Texto (T) y sigue estos pasos:
- Selecciona individualmente "¡PONTE CURSI!" + "SUÉTER" + "NAVIDAD" + "ENTRADA" y aplica un color de relleno amarillo
#ffc216
. - Selecciona individualmente "21" + "VIERNES" y aplica un relleno azul
#00cfff
. - Para "LUGAR - CALLE - PUERTAS ABIERTAS A LAS 7:45" aplica un relleno azul oscuro de
#083c63
.



Paso 9
Luego, vamos a aplicar una sombra paralela encima y debajo de las casillas de texto.
Efecto > Estilizar > Sombra Paralela... con esta configuración:
- Opacidad: 78%
- Modo: Multiplicar
- Desplazamiento X: 0.01 cm
- Desplazamiento Y: 0.01 cm
- Desenfoque: 0.01
- Color:
#073b54



4. ¿Cómo Diseñar Gráficos que Apoyen tu Volante?
Paso 1
Ahora necesitamos crear gráficos que llamen la atención de tu audiencia y los convenza de venir a tu evento. ¿Qué mejor manera de hacer esto que con un volante hermosamente diseñado?
Bloquea la capa "Texto" y ve hacia abajo a la capa "Gráficos" y comienza creando algunos elementos de gráficos.
Habilita las Cuadrículas Inteligentes (Comando-U).
Selecciona la Herramienta Línea de Segmento y dibuja una línea de 0.8 cm a la izquierda de "ESTAS INVITADO". Mantén presionada las teclas Mayus-Alt para duplicarlas y arrastrarlos paralelo al otro lado.
Selecciona ambas líneas y aplica una Sombra Paralela: Efecto > Estilizar > Sombra Paralela... con esta configuración:
- Opacidad: 24%
- Modo: Multiplicar
- Desplazamiento X: 0.03 cm
- Desplazamiento Y: 0.03 cm
- Desenfoque: 0 cm
- Color:
#000000



Paso 2
Selecciona la Herramienta Línea de Segmento y dibuja una línea debajo de "SUÉTER".
Desde el panel Trazo, aplica:
- Anchura: 4 pt
- Remate: Extremo Redondeado
- Vértice: Unión Redonda
- Maca Línea Discontinua; Discontinuación: 0 pt; Espacio: 7 pt.



Paso 3
Vamos a crear una cinta que llame la atención para que resalte el texto "FIESTA DE NAVIDAD" y "MÚSICA EN VIVO".
Usa las Guías Inteligentes para guiarte.
Toma la Herramienta Rectángulo (M) y dibuja tres rectángulos con un relleno azul de #0a304c
en el siguiente orden y alineado:
- Rectángulo 1: 6.57 x 2.03 cm (aprox.)
- Rectángulo 2: 5.91 x 0.82 cm (aprox)
- Rectángulo 3: 0.97 x 0.81 cm (aprox)



Paso 4
Selecciona el tercer rectángulo. Objeto > Trazado > añadir Puntos de Ancla.
Usa la Herramienta Selección Directa (A) para seleccionar el medio del punto de ancla derecho y arrastrarlo un poco a la izquierda para crear el final de la cinta.



Paso 5
Ahora vamos a inclinar las tres casilla de rectángulo. Selecciona las tres.
Toma la Herramienta Distorsión desde el panel Herramientas y escoge Objeto > Transformar > Distorsión.
- Ángulo de Distorsión: -190°
- Ángulo: -90°
- OK



Paso 6
Para la parte de atrás de la cinta, dibuja una forma de 6.57 x 2.85 cm (aprox), usando la Herramienta Rectángulo (M), cn un relleno de #0d1520
.
Luego Objeto > Transformar > Distorsión y aplica un Ángulo de Distorsión de 341°.
Con la forma seleccionada, Objeto > Organizar > Enviar Atrás y colócala correctamente.
Paso 7
Usa la Herramienta Selección (V) para posicionarla al final del banner, un poco debajo de la segunda.
Luego toma la Herramienta Pluma (P) y dibuja un triangulo como se muestra debajo.
Selecciona todos los elementos del banner y Agrupa (Comando G) y alinea detrás del texto.



Paso 8
Vamos a crear el banner detrás de "LUGAR - DIRECCIÓN - PUERTAS..."
Toma la Herramienta Rectángulo (M) y dibuja una forma de 7.22 x 0.53 cm (aprox), con relleno #ffc216
.
Objeto > Trazado > Añadir Puntos de Ancla y mueve los puntos de ancla izquierdo y derecho más lejos un poco hacia dentro para crear los bordes del banner.



Paso 9
Vamos a crear barras para separar "21 / 8 PM / $20" y "Viernes / Diciembre / Entrada" para que se distingan fácilmente.
Usa la Herramienta Rectángulo (M) y dibuja una forma de 0.05 x 0.97 cm (aprox), con un relleno de #ffc216
.
Mantén presionada las teclas Mayus-Alt y arrastra horizontalmente para duplicar.
Luego selecciona ambas barras y aplica un Efecto > Estilizar > Sombra Paralela... con esta configuración:
- Opacidad: 78%
- Modo: Multiplicar
- Desplazamiento X: 0.01 cm
- Desplazamiento Y: 0.01 cm
- Desenfoque: 0.01 cm
- Color:
#073b54



Paso 10
Vamos a añadir algunos puntos decorativos para "VIERNES / DICIEMBRE / ENTRADA".
Usa la Herramienta Rectángulo (M) y crea una barra larga de 0.09 x 0.03 cm y un cuadrado de 0.12 cm.
Selecciona el cuadrado. Objeto > Transformar > Rotar a 45°.
Coloca el cuadrado en la punta del rectángulo horizontal y Alinea al Centro Verticalmente las dos formas.
Dales un relleno blanco y colócalos sobre la izquierda del texto.
Copia (Comando-C) y Pega en Frente (Comando-F) para duplicar los elementos.
Finalmente, usa la Herramienta Reflejo (O), da clic entre "EM" en "DICIEMBRE" para poner el punto de eje y voltear los objetos.



Paso 11
Y para el toque final, vamos a añadir un motivo de diamante decorativo sobre la base.
Crea un cuadrado de 0.14 cm. Objeto > Transformar > Rotar a 45°.
Mantén presionada las teclas Mayus-Alt y arrastra horizontalmente para duplicar. Dale un cuadrado con relleno blanco y el otro con un color de relleno #20c3ef
.
Luego, con las dos formas de diamante seleccionados, mantén presionada las teclas Mayus-Alt para limitar el movimiento y duplicar la selección y arrastra horizontalmente.
Usa Comando-D para transformar de nuevo. Repite hasta que alcances el borde del banner.



5. ¿Cómo Crear las Ilustraciones Complementarias al Volante del Evento?
Paso 1
Dejé un pequeño espacio entre "MÚSICA EN VIVO" y "21 / 8 PM / $20" para añadir tres ilustraciones de suéteres bailando.
Desde el panel Capas, Bloquea la capa "Gráficos" y ve sobre "Gráficos Superiores".
Así que vamos a crear nuestro primer suéter bailando.
Toma la Herramienta Rectángulo Redondeado, desde el panel Herramientas y dibuja dos rectángulos con un relleno #20c3ef
.
- Rectángulo 1: 0.62 x 0.74 cm; Radio de Vértice: 0.1 cm
- Rectángulo 2: 0.32 x 0.25 cm; Radio de Vértice: 0.1 cm
Colócalos uno encima del otro para crear el cuerpo del suéter y el cuello.



Paso 2
Luego Intercambia Relleno y Trazo (Mayus-X) y selecciona la Herramienta Pluma (P) y dibuja un trazo de anchura de 5.5 pt para los brazos del suéter.
Abre el panel Trazo (Ventana > Trazo) y pon la configuración del trazo de la siguiente manera:
- Remate: Extremo Redondeado
- Vértice: Unión Redonda
Toma la Herramienta Selección Directa (A) y selecciona todos los puntos de ancla del "codo". Esto hará que los Vértices Interactivos aparezcan a la para de cada punto de vértice. Arrastra los Vértices Interactivos para hacer los bordes del "codo" redondos.
Luego toma la Herramienta Elipse (L), con el color de relleno blanco y dibuja una elipse de 0.02 x 0.09 cm encima del cuello como se muestra debajo.
Cambia Modo (Mayus-D) para Dibujar Detrás desde el panel Herramientas y usa la Herramienta Rectángulo Redondeado para dibujar lo blanco de abajo del suéter y las mangas.
Usa la Herramienta Rotar (R) para rotar las mangas superiores como se muestra.



Paso 3
Vamos a añadir un copo de nieve al frente del suéter.
Cambia Modo (Mayus-D) para Dibujar Normal desde el panel Herramientas.
Dibuja una línea de trazo blanco de 1 pt en el centro del suéter. Luego usa la Herramienta Pluma (P) para dibujar puntas "V" encima y debajo.
Selecciona el copo de nieve con la Herramienta Selección (V). Comando-G para agrupar.
Selecciona la Herramienta Rotar (R). Mantén presionada la tecla Alt para duplicar y rotar.
Transformar de nuevo (Comando-D) para repetir la acción, y ahora tienes un copo de nieve.



Paso 4
Procede a crear el suéter 2.
Toma la Herramienta Selección (V); selecciona todos los elementos del primer suéter y mantén presionada las teclas Mayus-Alt para arrastrar y duplicar el suéter.
Borra el copo de nieve.
Cambia el color de relleno del cuello del suéter, brazos y cuerpo a #00699e
. Dale color al cuello del suéter, la parte inferior y a las mangas con #10375b
.
Luego usa la Herramienta Selección Directa (A) para seleccionar el punto de ancla y la Herramienta Rotar (R) para alterar la dirección un poco.
Pon las mangas en posición y usa la Herramienta Rectángulo (R) para crear un cuadrado de 0.13 cm con color de relleno #20c3ef
.
Objeto > Transformar > Rotar; pon Rotar Ángulo a 45° y da clic en OK.
Mantén presionada las teclas Mayus-Alt para limitar y duplicar el cuadrado como se ve debajo y colocar las copias sobre el suéter.



Paso 5
Procede al diseño del último suéter; usa la Herramienta Selección (V) para seleccionar todos los elementos del primer suéter, y mantén presionada las teclas Mayus-Alt para arrastrar y duplicar el suéter.
Borra todo excepto el cuello y la parte del cuello. Cambia el color del cuello y el cuerpo del suéter a #faa722
.
Toma la Herramienta Pluma (P). Intercambia Relleno y Trazo (Mayus-X) y dibuja la anchura de 5.5 pt para el suéter.
Luego toma la Herramienta Rectángulo Redondeado y dibuja una línea blanca de 0.06 x 0.6 cm sobre el suéter.
Añade bolsillos con la Herramienta Rectángulo (R). Crea rectángulos blancos de 0.17 x 0.23 cm y mantén presionada Mayus-Alt para arrastrar y duplicar al otro lado.
Y luego usa la Herramienta Selección Directa (A). Selecciona los puntos de ancla inferior del bolsillo, y dales curvas usando los Vértices Interáctivos, como se muestra debajo.



Paso 6
Para terminar el suéter, Cambia Modos (Mayus-D) para Dibujar Detrás, y usa la Herramienta Rectángulo Redondeado para dibujar la parte inferior y las mangas del suéter blanco. Usa la Herramienta Rotar (R) para rotar sus ejes.
Paso 7
Para los pasos finales, Agrupa (Comando-G) cada suéter con sus partes respectivas. Selecciona todos los suéteres. Mantén presionada las teclas Mayus-Alt para limitar y escalar proporcionalmente.
Alinear Vertical Inferior desde el panel Alinear.
Aplica Sombra Paralela: Efecto > Estilizar > Sombra Paralela... con esta configuración:
- Opacidad: 24%
- Modo: Multiplicar
- Desplazamiento X: 0.05 cm
- Desplazamiento Y: 0.05 cm
- Desenfoque: 0 cm
- Color:
#231f20



¡Felicidades! ¡Estás Listo para la Fiesta!
Siéntete libre de ajustar el diseño final, leerlo y añadir un logo y otros retoques que quieras hacer.
Puedes encontrar grandes fuentes de inspiración en GraphicRiver para mejorar el diseño y ayudarte a crear algo sorprendente.
Espero que hayas disfrutado seguir este tutorial y aprendido algo nuevo para que puedas aplicar a tus proyectos futuros. Por favor publica tu resultado debajo.
Ahora ve y desfila con esos suéteres embarazosos de navidad u organiza un evento para recaudar fondos para una caridad.



Si has disfrutado este tutorial y estás buscando aprender más acerca del diseño de volante, he puesto estos tutoriales aquí:
- Marketing20 Plantillas de Volantes de Negocio con Diseños CreativosMar Schenker
- VolantesCrear un Volante de Club de Verano en Adobe InDesignGrace Fussell
- VolantesLos Mejores 18 Volantes para Eventos del 2018Melody Nieves
- VolantesCrear un Volante de Evento al Estilo de los 90s en Adobe InDesignGrace Fussell
- Diseño de ImpresiónAprende a Cómo Crear un Volante en Nuestro Nuevo Curso de PhotoshopAndrew Blackman


