1. Design & Illustration
  2. Graphic Templates
  3. Flyer

Cómo crear una plantilla PSD de volante de fiesta en Photoshop

Scroll to top

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

En este tutorial, aprenderás cómo crear un diseño PSD de plantilla de volante de fiesta en Photoshop. Explicaré todo con tanto detalle que todo el mundo puede crear el efecto, incluso aquellos que acaban de abrir Photoshop por primera vez.

Lo que aprenderás en este tutorial de plantilla de volante para fiesta

  • Cómo diseñar una plantilla PSD para un volante de fiesta en Photoshop
  • Cómo crear directrices para una plantilla de Photoshop
  • Cómo añadir un efecto explosivo a una foto con una acción de Photoshop
  • Consejos para diseñar una plantilla de volante de Photoshop

Lo que necesitarás

Para recrear el diseño anterior, necesitará los siguientes recursos:

1. Cómo empezar a crear una plantilla de volante

Primero, crea un nuevo archivo. Para crear un nuevo archivo, ve a Archivo > Nuevo y establece el Ancho a 4 pulg., el Alto a 6 pulg. y la Resolución a 300 px/pulg.

how to start creating party flyer templates psdhow to start creating party flyer templates psdhow to start creating party flyer templates psd

2. Cómo crear directrices para una plantilla de Photoshop

En esta sección, vamos a crear las directrices para nuestra plantilla de folleto de Photoshop. Presiona Control-R en tu teclado para mostrar las Reglas. Luego, usando la Herramienta de Mover (V), haz clic y arrastra desde la regla al lienzo para crear una nueva guía. Crea cuatro guías y colócalas cada una a 0,25 pulgadas de distancia del lienzo.

creating guidelines for photoshop flyer templatescreating guidelines for photoshop flyer templatescreating guidelines for photoshop flyer templates

3. Cómo crear el fondo

Paso 1

En esta sección, vamos a crear el fondo. Ve a Capa > Nueva capa de relleno > Color sólido para crear una nueva capa de relleno de color sólido, nómbrala Color de fondo y elige el color #161e42 como se muestra a continuación:

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

Paso 2

Ahora haz clic con el botón derecho del ratón en esta capa y elige Opciones de fusión. A continuación, selecciona y comprueba el estilo de Superposición de Degradado y utiliza los ajustes que se indican a continuación:

adjusting blending optionsadjusting blending optionsadjusting blending options

4. Cómo añadir fotos y aplicar una acción de Photoshop

Paso 1

En esta sección, vamos a añadir fotos al diseño y aplicar una acción de Photoshop a una de ellas. Ve a Archivo > Abrir, selecciona la foto del primer enlace de fotos de archivo y haz clic en Abrir. A continuación, pulsa Control-Mayúsculas-N en tu teclado para crear una nueva capa y darle el nombre pincel. Después de eso, mientras la capa pincel está seleccionada, pincela sobre el sujeto con un color. También puedes hacer una selección del sujeto y rellenar la selección con un color en su lugar.

brushing over subjectbrushing over subjectbrushing over subject

Paso 2

Ahora selecciona la Acción de Photoshop de Energía y haz clic en el botón Play. Una vez que la acción haya terminado, personaliza el efecto como quieras. He ocultado la mayoría de las capas de ajuste para evitar apilar los ajustes, ya que vamos a añadirlos más tarde en la plantilla del volante. Puedes consultar el tutorial en vídeo (enlace incluido en el archivo de ayuda de la acción) para ver una demostración de cómo utilizar la acción y también cómo personalizar los resultados para sacar el máximo partido del efecto.

applying energy photoshop actionapplying energy photoshop actionapplying energy photoshop action

Paso 3

Ve a Archivo > Guardar > Guardar como y guarda el diseño como un archivo JPG. Luego, vuelve al archivo del volante, ve a Archivo > Colocar incrustado, selecciona la foto que acabas de guardar y haz clic en Colocar. Establece el Ancho y el Alto de la foto en 41.21%, colócala como se muestra a continuación, y dale a esta capa el nombre de Foto_1.

placing stock photoplacing stock photoplacing stock photo

Paso 4

Ahora ve a Capa > Máscara de Capa > Revelar Todo para añadir la máscara de capa que revela toda la capa. Luego, elige la Herramienta Pincel (B), elige un pincel suave y establece el color de primer plano en #000000. Mientras la máscara de capa está seleccionada, pinta con el pincel como se muestra a continuación:

adding layer maskadding layer maskadding layer mask

Paso 5

Selecciona la capa de Color de fondo, ve a Archivo > Colocar incrustado, selecciona la foto del segundo enlace de la foto de archivo y haz clic en Colocar. A continuación, establece el Ancho y el Alto de la foto en 17,86%, colócala como se muestra a continuación, y nombre esta capa como Foto_2.

placing stock photoplacing stock photoplacing stock photo

Paso 6

Ahora ve a Capa > Máscara de Capa > Revelar Todo para añadir la máscara de capa que revela toda la capa. Luego, elige la Herramienta Pincel (B), elige un pincel suave y establece el color de primer plano en #000000. Mientras la máscara de capa está seleccionada, pinta con el pincel como se muestra a continuación:

adding layer maskadding layer maskadding layer mask

Paso 7

Selecciona la miniatura de la capa actual, ve a Imagen > Ajustes > Tono/Saturación para ajustar el tono/saturación de esta capa, y establece la Saturación en -50. Luego, cambia el Modo de Fusión de esta capa a Luz Fuerte y establece la Opacidad en 75%.

adjusting hue and saturationadjusting hue and saturationadjusting hue and saturation

5. Cómo crear la fuente de luz en la plantilla del volante PSD

Paso 1

En esta sección, vamos a crear la fuente de luz. Selecciona la capa Foto_1 y pulsa Control-Mayúsculas-N para crear una nueva capa. A continuación, elige la Herramienta Pincel (B), elige un pincel suave, establece el Diámetro del pincel en 1400 px, y establece el color de primer plano en #f000ff. Pincel como se muestra a continuación:

brushing into layerbrushing into layerbrushing into layer

Paso 2

Cambia el Modo de Fusión de esta capa a Sobreexposición Lineal (Añadir) y establece la Opacidad al 40%. Nombra esta capa como Fuente de luz.

changing blending mode and opacitychanging blending mode and opacitychanging blending mode and opacity

6. Cómo colocar la textura

Paso 1

En esta sección, vamos a colocar la textura. Ve a Archivo > Colocar incrustado, selecciona el archivo de la textura adjunto y haz clic en Colocar. Establece el Ancho y el Alto de la textura al 100%, colócala como se muestra a continuación, y nombra esta capa como Textura.

placing textureplacing textureplacing texture

Paso 2

Cambia el Modo de Fusión de esta capa a Superposición y establece la Opacidad al 10%.

changing blending mode and opacitychanging blending mode and opacitychanging blending mode and opacity

7. Cómo añadir texto a la plantilla del volante de Photoshop

Paso 1

En esta sección, vamos a añadir la información de texto. Elige la Herramienta de Texto Horizontal (T), establece la fuente en Fira Sans, el estilo de fuente en Bold para la primera parte y en Light para la segunda parte del texto, el tamaño de la fuente a 30 px, la alineación al Centro, y el color a #ffffff. Luego, en el panel de Caracteres, marca la opción Todas Mayúsculas y establece el Espaciado a 100. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 601.50 px y Y: 90.61 px.

creating text layercreating text layercreating text layer

Paso 2

Haz clic con el botón derecho del ratón en esta capa y elige Opciones de Fusión. Luego, selecciona y marca el estilo de Sombra Paralela y usa los ajustes de abajo:

adjusting blending optionsadjusting blending optionsadjusting blending options

Paso 3

Selecciona la capa de Textura, elige la Herramienta de Texto Horizontal (T), y establece la fuente en Golden Arrow, el tamaño de la fuente en 385 px, la alineación en el Centro, y el color en #ffffff. Luego, en el panel de Caracter, marca la opción Todas mayúsculas. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 600.25 px y Y: 1134.36 px.

creating text layercreating text layercreating text layer

Paso 4

Presiona Control-J en tu teclado para duplicar esta capa. Luego, haz clic con el botón derecho del ratón en esta nueva capa, elige Convertir en objeto inteligente y arrástralo justo debajo de la capa Fiesta en el panel Capas. Después de eso, ve a Filtro > Desenfoque > Desenfoque Gaussiano, establece el Radio a 10 px, y llama a esta capa Brillo_1.

adding gaussian blur filteradding gaussian blur filteradding gaussian blur filter

Paso 5

Presiona Control-J para duplicar esta capa. Luego, arrastra esta nueva capa justo debajo de la capa Brillo_1 en el panel de Capas. Después de eso, ve a Filtro > Desenfoque > Desenfoque Radial, y establece la Cantidad a 50, el Método de Desenfoque a Zoom, y la Calidad a Mejor. Nombra esta capa como Brillo_2.

adding radial blur filteradding radial blur filteradding radial blur filter

Paso 6

Ahora selecciona la capa Fiesta. Elige la Herramienta de Texto Horizontal (T) y establece la fuente en Fira Sans, el estilo de fuente en Regular, el tamaño de fuente en 45 px, la alineación en Izquierda, y el color en #ffffff. Luego, en el panel de Caracter, marca la opción Todas Mayúsculas. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 426.75 px y Y: 958,94 px.

creating text layercreating text layercreating text layer

Paso 7

Selecciona la capa de Textura. Elige la Herramienta de Texto Horizontal (T) y establece la fuente en Fira Sans, el estilo de fuente en Light, el tamaño de fuente en 65 px, la alineación en Centro, y el color en #ffffff. Luego, en el panel de Caracteres, marca la opción Todas mayúsculas y establece el Espaciado a 235. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 608.74 px y Y: 1314.73 px.

creating text layercreating text layercreating text layer

Paso 8

Ahora selecciona la capa de Textura. Elija la Herramienta de Texto Horizontal (T) y establece la fuente en Fira Sans, el estilo de fuente en Regular, el tamaño de la fuente en 45 px, la alineación en Centro y el color en #ffffff. Luego, en el panel de Caracter, marca la opción Todas mayúsculas. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 599 px y Y: 1424.94 px.

creating text layercreating text layercreating text layer

Paso 9

Selecciona la capa de Textura y elige la Herramienta de Texto Horizontal (T). Establece la fuente en Fira Sans, el estilo de fuente en Light, el tamaño de fuente en 30 px, la alineación en Centro, y el color en #ffffff. Luego, en el panel de Caracteres, marca la opción Todas mayúsculas y establece el Espaciado a 100. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 601.10 px y Y: 1474.85 px.

creating text layercreating text layercreating text layer

Paso 10

Selecciona la capa de Textura de nuevo, y elige la Herramienta de Tipo Horizontal (T). Establece la fuente en Golden Arrow, el tamaño de la fuente en 104 px, la alineación en centro y el color en #ffffff. Luego, en el panel de Caracteres, marca la opción Todas mayúsculas. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 600 px y Y: 1569.71 px.

creating text layercreating text layercreating text layer

Paso 11

Selecciona la capa de Textura, escoge la Herramienta de Texto Horizontal (T), y establece la fuente en Fira Sans, el estilo de fuente en Light, el tamaño de fuente en 30 px, la alineación en Centro, y el color a #ffffff. Luego, en el panel de Caracteres, marca la opción Todas mayúsculas y establece el Espaciado en 200. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 604 px y Y: 1717.61 px.

creating text layercreating text layercreating text layer

8. Cómo agregar la onda de sonido

En esta sección, vamos a añadir la onda de sonido. Abre el archivo de ondas sonoras AI en Adobe Illustrator, selecciona la forma de la onda sonora superior y presiona Control-C para copiarla. Vuelva al archivo del volante de Photoshop, seleccione la capa superior en el panel de Capas, y pulsa Control-V para pegarla como una capa de forma. Luego, presiona Control-T para abrir las opciones de transformación y establecer el Ancho y el Alto de la capa en 45.78%. Después de eso, haz Doble-clic en la miniatura de esta capa, elige el color #ffffff, y dale un nombre a esta capa Onda de sonido.

adding sound waveadding sound waveadding sound wave

9. Cómo hacer los ajustes finales a la plantilla del volante de Fiesta

Paso 1

En esta sección, vamos a hacer algunos ajustes finales al diseño. Ve a Capa > Nueva Capa de Ajuste > Balance de Color para crear una nueva capa de ajuste de balance de color y llámala Color_Look_1. Luego, haz Doble-clic en esta miniatura de capa y, en el panel de Propiedades, introduce los ajustes que se indican a continuación:

creating new color balance adjustment layercreating new color balance adjustment layercreating new color balance adjustment layer

Paso 2

Ahora selecciona la capa de Onda de sonido, ve a Capa > Nueva capa de ajuste > Curvas para crear una nueva capa de ajuste de curvas, y llámala Color_Look_2. Luego, haz Doble-clic en esta miniatura de capa, y en el panel de Propiedades introduce los ajustes siguientes:

creating new curves adjustment layercreating new curves adjustment layercreating new curves adjustment layer

Paso 3

Selecciona la capa Color_Look_1 y pulsa D en tu teclado para restablecer las muestras. Luego, ve a Capa > Nueva capa de ajuste > Mapa de gradiente para crear una nueva capa de ajuste de mapa de gradiente y llámala Contraste general. Después de eso, cambia el Modo de Fusión de esta capa a Luz suave y establece la Opacidad al 12%.

creating new gradient map adjustment layercreating new gradient map adjustment layercreating new gradient map adjustment layer

Paso 4

Ahora ve a Capa > Nueva Capa de Ajuste > Tono/Saturación para crear una nueva capa de ajuste de tono/saturación y llámala Saturación General. A continuación, haz Doble-clic en esta miniatura de capa y, en el panel de Propiedades, establece la Saturación en +20.

creating new hue and saturation adjustment layercreating new hue and saturation adjustment layercreating new hue and saturation adjustment layer

Paso 5

Ve a Capa > Nueva capa de ajuste > Niveles para crear una nueva capa de ajuste de niveles, y llámala Brillo General. A continuación, haz Doble-clic en esta miniatura de capa y, en el panel de Propiedades, introduce los ajustes que se indican a continuación:

creating new levels adjustment layercreating new levels adjustment layercreating new levels adjustment layer

Paso 6

Presiona Control-Alt-Shift-E en tu teclado para hacer una captura de pantalla, y luego presiona Control-Shift-U para quitar la saturación esta capa. Luego, ve a Filtro > Otro > Paso Alto y establece el Radio en 2 px. Después de eso, cambia el Modo de Fusión de esta capa a Luz Viva y nómbrala como Enfoque General.

adding high pass filteradding high pass filteradding high pass filter

¡Lo lograste!

¡Felicitaciones, lo has logrado! Has aprendido a crear una plantilla de Photoshop para el volante de la fiesta. Aquí está nuestro resultado final:

final resultfinal resultfinal result

¿Te ha gustado esta plantilla PSD de diseño volante? Entonces puede que también te guste: