1. Design & Illustration
  2. Flyers

Cómo crear un flyer para un club en colores neón pastel en Adobe InDesign

by
Read Time:9 minsLanguages:
This post is part of a series called Flyer Design & Templates.
How to Create a Vintage Botanical Flyer in Adobe InDesign
How to Create an Easter Egg Flyer in Adobe InDesign
This post is part of a series called Celebration Week!.
How to Create a Glittering, Festive, 3D Text Effect in Adobe Photoshop
How to Create a Romantic Wedding Photo Manipulation in Adobe Photoshop

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

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

¡Esta semana celebramos todas las cosas que se  celebran! ¿Y qué tipo de celebración podría ser más divertida que una noche de fiesta?

Este flyer es una manera fácil de aprovechar la tendencia del degradado en tonos neón pastel. En este tutorial adecuado para principiantes en InDesign, veremos cómo crear muestras de degradado y aplicarlas a un diseño simple que se puede adaptar para imprimir o en línea.

¿Buscas flyers de clubes fáciles de editar? Estas plantillas de flyers en GraphicRiver y Envato Elements vienen en una amplia gama de estilos personalizables.

¿Estás listo para bailar? ¡Vamos!

Qué necesitarás para crear tu flyer

Además del acceso a Adobe InDesign, también deberás descargar la fuente Charlevoix Pro en ExtraBold, Bold, SemiBold, Medium y Regular.

Una vez que hayas instalado los archivos de las fuentes en tu computadora, estarás listo para comenzar.

1. Cómo configurar el diseño de un flyer en InDesign

Paso 1

Abre InDesign y ve a Archivo > Nuevo > Documento.

Establece la Anchura de la página en 4 pulgadas y la Altura en 6 pulgadas para crear un flyer de tamaño estándar.

Establece los márgenes en 0,4 pulgadas y agrega un Sangrado de 0,25 pulgadas.

new documentnew documentnew document

Luego continúa y haz clic en OK.

new documentnew documentnew document

Paso 2

Expande el panel Capas (Ventana> Capas) y haz doble clic en el nombre de la Capa 1. Cambia el nombre por Fondo y haz clic en OK.

Elige Nueva capa en el menú desplegable del panel (en la parte superior derecha) y asigna un nombre a esta capa Motivo antes de hacer clic en OK.

Luego agrega otras tres capas nuevas en este orden: Texto detrás, Círculo y, en la parte superior, Texto al frente.

layer optionslayer optionslayer options

Bloquea todas las capas excepto la inferior, Fondo.

layers panellayers panellayers panel

2. Cómo crear muestras de degradado en InDesign

Puedes crear el equivalente de los "mapas de degradado" de Photoshop en InDesign modificando la configuración de las muestras de degradado. Primero, necesitarás crear un grupo base de muestras estándar, para usar como bloques de construcción para tus muestras de degradado.

Paso 1

Expande el panel Muestras (Ventana > Color > Muestras) y elige Nueva muestra de color en el menú desplegable del panel.

new color swatchnew color swatchnew color swatch

Nombra esta primera muestra Menta neón y configura el Tipo en Cuatricromía. Puedes elegir RGB (para internet) o CMYK (para imprimir) según tu calidad de compartir el flyer en copia impresa o electrónica. Aquí voy por RGB, ya que planeo compartir el flyer en las redes sociales.

Establece los valores en R=140, G=249, B=208, haz clic en Añadir y luego en OK.

neon mintneon mintneon mint

Paso 2

Repite el proceso descrito en el paso anterior, para crear una paleta de nueve muestras más, con los siguientes nombres y valores:

  • Azul: R=61, G=177, B=252
  • Rosa pastel: R=250, G=200, B=253
  • Rosa: R=244, G=136, B=170
  • Lima neón: R=145, G=255, B=142
  • Púrpura: R=110, G=89, B=190
  • Rosa neón: R=255, G=84, B=232
  • Lima pastel: R=234, G=247, B=201
  • Amarillo neón: R=248, G=255, B=81
  • Rosa profundo: R=240, G=88, B=171
swatch optionsswatch optionsswatch options

Paso 3

Ahora es el momento de crear tu primera muestra de degradado. Haz clic en Nueva muestra de degradado en el menú del panel Muestra.

new gradient swatchnew gradient swatchnew gradient swatch

Nombra la muestra Mapa de degradado 1, establece el Tipo en Lineal y elige Muestras en el menú Color de etapa.

Haz clic en la etapa de la izquierda en la Gradación de degradado a continuación y selecciona Lima neón en el menú de muestra de arriba.

Haz clic en la etapa de la derecha y elige Púrpura.

new gradientnew gradientnew gradient

Puedes agregar más colores a tu degradado haciendo clic en cualquier lugar de la Gradación de degradado y agregando una nueva etapa. Desde el lado izquierdo, añade una etapa en Rosa neón. Luego uno en Lima pastel. Y un tercero en Amarillo neón.

Asegúrate de que las etapas estén espaciadas de manera relativamente uniforme a lo largo de la gradación, antes de hacer clic en Añadir y luego en OK.

gradient swatchgradient swatchgradient swatch

Paso 4

Trabajando en la capa Fondo, selecciona la Herramienta Rectángulo (M) desde el panel Herramientas (acoplada al lado izquierdo del espacio de trabajo) y arrastra por toda la página, extendiéndola hasta el sangrado en todos los lados.

Establece el Relleno de la forma en Púrpura desde el panel Muestras.

purple shapepurple shapepurple shape

Paso 5

Con la forma seleccionada, ve a Objeto en el menú principal y Efectos > Transparencia.

Baja la Opacidad al 10%.

opacity normalopacity normalopacity normal

Haz clic en Resplandor interno en el menú de la izquierda de la ventana. Aumenta la Obturación alrededor del 4% y el Ruido al 8%, para agregar textura en toda la forma. Luego haz clic en OK.

inner glowinner glowinner glow

Paso 6

Crea otra forma usando la Herramienta Rectángulo (M) sobre la parte superior de este primer rectángulo. Desde el panel Muestras, establece el Relleno en Mapa de degradado 1.

gradient swatchgradient swatchgradient swatch

Ve a Ventana > Color > Degradado y ajusta el Ángulo del degradado a 110, de modo que se extienda diagonalmente desde la esquina inferior derecha hasta la esquina superior izquierda de la página.

gradient anglegradient anglegradient angle

3. Cómo crear formas y tipografía en tu flyer

Paso 1

Regresa al panel Capas y elige Nueva muestra de degradado en el menú desplegable.

Llama a esta muestra Mapa de degradado 2 y elige Azul y Menta neón de la lista de muestras para crear un degradado de dos colores. Haz clic en Añadir y luego en OK.

gradient swatchgradient swatchgradient swatch

Paso 2

Bloquea la capa Fondo y desbloquea la capa Círculo.

Selecciona la Herramienta Elipse (L) y, manteniendo presionada la tecla Mayús, arrastra para crear un círculo perfecto en el centro de la página. Establece el Relleno en Mapa de degradado 2 y el Trazo en [Ninguno].

ellipse toolellipse toolellipse tool

Paso 3

Con la forma del círculo seleccionada, ve a Objeto> Efectos> Sombra paralela.

Haz clic en el cuadrado de color a la derecha del menú Modo en la parte superior y cambia el Color del efecto a Rosa pastel. Haz clic en OK y agrega aproximadamente un 13% de Ruido a la sombra. Luego haz clic en OK para salir de la ventana.

effect coloreffect coloreffect color

Paso 4

Bloquea la capa Círculo y desbloquea la capa de abajo, Texto detrás.

type behindtype behindtype behind

Toma la Herramienta Texto (T) y arrastra para crear un marco de texto cuadrado en la esquina superior derecha de la forma del círculo.

Escribe "C" y, desde el panel superior de Controles o el panel Carácter (Ventana > Texto y tablas > Carácter), establece la Fuente en Charlevoix Pro ExtraBold, Tamaño 130 pt.

Ajusta el Color de la fuente a [Papel] desde el panel Muestras.

charlevoix procharlevoix procharlevoix pro

Paso 5

Selecciona el marco de texto y Edición > Copiar, Edición > Pegar. Mueve este segundo marco a la esquina inferior derecha del círculo, como se muestra a continuación.

text frametext frametext frame

Selecciona los marcos de texto "C" y "B" y dirígete a Objeto > Efectos > Sombra paralela.

Cambia el Color del efecto a Menta neón, baja la Opacidad a aproximadamente un 60% y agrega un 25% de Ruido. Luego haz clic en OK.

drop shadowdrop shadowdrop shadow

Paso 6

Toma la Herramienta Texto (T) de nuevo y crea un marco de texto más pequeño y más largo junto al marco "B".

Escribe "NOCHE" y establece la Fuente en Charlevoix Pro Medium, tamaño 22 pt y aumenta el Tracking (espacio entre letras) a 90. Cambia el Color de la fuente a Lima pastel.

night textnight textnight text

Luego, haz Clic derecho en el marco de texto y elige Transformar > Rotar 90 grados CW.

transform rotatetransform rotatetransform rotate

Mueve el marco de texto para que encaje cómodamente contra el lado izquierdo de la letra "B".

rotated framerotated framerotated frame

Paso 7

Utiliza la Herramienta Texto (T) para crear otro pequeño marco de texto en la esquina derecha de la página. Aquí puedes agregar una oración introductoria como "RIOT BLVD presenta su apertura".

Establece la Fuente en Charlevoix Pro, estableciendo los títulos en Negrita y otro texto en Medio. Puedes configurar la mayor parte del texto en [Papel], pero extraer la información clave en un color de contraste como Rosa profundo.

deep rosedeep rosedeep rose

Paso 8

Añade más marcos de texto en la esquina inferior izquierda de la página, estableciendo el texto en Charlevoix Pro Bold, Medium y Regular para crear una jerarquía, y el Color de fuente en [Papel].

text framestext framestext frames

Paso 9

Regresa al panel Capas y expande la capa Texto detrás haciendo clic en el símbolo de flecha pequeña a la izquierda del nombre de la capa.

Selecciona el elemento <B> con el ratón y arrástralo hacia el botón Crear nueva capa en la parte inferior del panel para duplicarlo.

type behindtype behindtype behind

Desbloquea la capa Texto al frente en la parte superior, antes de arrastrar la copia <B> hacia arriba para asentarla en esta capa. Luego puedes bloquear la capa Texto detrás y trabajar en la capa Texto al frente.

type in fronttype in fronttype in front

Paso 10

Edita la letra "B" en la capa Texto al frente para leer "L" en su lugar y muévela para colocarla encima de la "B".

text frametext frametext frame

Selecciona el marco de texto "L" y haz Edición > Copiar, Edición > Pegar, ajustando la letra de la copia para leer "U". Muévete de modo que quede debajo de la "C", como se muestra a continuación.

text frametext frametext frame

4. Cómo agregar un motivo retro a tu flyer

Paso 1

Bloquea la capa Texto al frente y desbloquea la capa Motivo.

Cambia a la Herramienta Pluma (P) y haz clic en la página o en la mesa de trabajo tres veces para crear una forma de triángulo, antes de unir la forma en su primer punto de anclaje. Utiliza la Herramienta selección directa (A) para seleccionar puntos de ancla individualmente y moverlos para crear una forma de triángulo simétrico.

pen toolpen toolpen tool

Paso 2

Establece el Relleno de la forma del triángulo en Rosa y el Color del trazo en [Ninguno].

pink shapepink shapepink shape

Mueve el triángulo hacia la esquina superior izquierda de la página, reduce la escala y gíralo un poco.

rotaterotaterotate

Con la forma seleccionada, ve a Objeto> Efectos> Sombra paralela. Cambia el Color del efecto a Lima neón y añade aproximadamente un 10% de Ruido, antes de hacer clic en OK.

effect coloreffect coloreffect color

Paso 3

Copia y Pega el triángulo repetidamente, esparciendo formas alrededor de la página y girándolas en diferentes ángulos para crear un efecto alegre y saltarín.

¡Tu flyer está terminado! ¡Impresionante trabajo!

Todo lo que queda por hacer ahora es Archivo > Guardar tu fuerte trabajo, y luego Archivo > Exportar para exportarlo como un archivo PDF listo para imprimir (elige Adobe PDF [Imprimir] en el menú Formato) o como archivo de imagen en línea (elige JPEG o PNG).

pattern layerpattern layerpattern layer

Conclusión: tu flyer terminado

Los degradados de neón pastel son una gran tendencia para este año, y este colorido flyer es una excelente manera de aprovechar el estilo. Funciona perfectamente para flyers de clubes o fiestas, pero ¿por qué no intentar usar muestras de degradado en diferentes diseños también?

En este tutorial, has adquirido algunas habilidades útiles para postularte a InDesign y otros proyectos de diseño en el futuro. Ahora sabes cómo:

  • Crear muestras de degradado (o "mapas de degradado") en Adobe InDesign.
  • Capas de color, formas, motivos y texto para lograr un aspecto 3D en tus diseños.
  • Formatear la tipografía a un alto nivel.
  • Aplicar efectos sofisticados a los gráficos, como brillos, sombras y transparencias.

¿Buscas más diseños de flyers para clubes? Estas plantillas fáciles de editar en GraphicRiver y Envato Elements cuentan con una gran variedad de estilos y diseños personalizables.

final flyerfinal flyerfinal flyer
One subscription.
Unlimited Downloads.
Get unlimited downloads