1. Design & Illustration
  2. Adobe Photoshop

Cómo hacer un póster para un evento (usando una plantilla)

by
Read Time:11 minsLanguages:

Spanish (Español) translation by Xiomara Reynoso (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 a crear un diseño de póster de evento en Photoshop utilizando una plantilla de póster de evento de Envato Elements.

Lo que aprenderás en este tutorial de diseño de póster de eventos musicales

  • Cómo seleccionar una plantilla de póster de eventos en Envato Elements
  • Cómo insertar el contenido en un diseño de Photoshop
  • Cómo crear un formato de póster de evento
  • Cómo agregar fuentes, fotografías de archivo y logotipos al diseño de un póster de evento
  • Cómo utilizar una superposición de color en Photoshop

Lo que necesitarás

Para volver a crear el diseño anterior, necesitarás los siguientes recursos.

1. Cómo empezar

En primer lugar, busca la plantilla de póster de eventos que has descargado de Envato Elements en la carpeta Descargas. Descomprime el archivo haciendo doble clic en él y abre la carpeta.

Abre la carpeta A2-US_Medium y abre el archivo A2.psd en Photoshop.

A2 Template folderA2 Template folderA2 Template folder
A2 template Photoshop fileA2 template Photoshop fileA2 template Photoshop file
  1. El proyecto debe estar en modo de color CMYK color, 8 bits / canal. Para comprobarlo, ve a Imagen > Modo.
  2. Para obtener los mejores resultados, el tamaño de tu foto debe ser de 5031–7087 px de ancho/alto. Para comprobarlo, ve a Imagen > Tamaño de imagen.
  3. Elimina la capa REMOVE THIS LAYER haciendo clic en ella en la sección Capas y presionando Eliminar.
CMYK image modeCMYK image modeCMYK image mode
Image sizeImage sizeImage size
Removable layerRemovable layerRemovable layer

Con el diseño del folleto de eventos ahora visible, obtén una idea de la plantilla revisando las capas y activando y desactivando el ícono del ojo para ver qué capa corresponde a qué elemento en la pantalla. Muchas de las capas se agrupan en carpetas. Expande las carpetas y pasa por las capas que las componen.

A2 template with layer removedA2 template with layer removedA2 template with layer removed

2. Cómo insertar tu copia

Paso 1

Expande la carpeta Textos e inserta tu copia en los marcadores de posición relevantes. Parte de tu copia puede sangrar el lienzo en este punto, pero lo solucionaremos en breve.

Inserting copy into texts folderInserting copy into texts folderInserting copy into texts folder

Paso 2

Para editar el texto del héroe que actualmente dice "CORE", haz doble clic en la capa TEXT_EDIT. Esto te llevará a un archivo de Photoshop independiente. Haz doble clic en el símbolo T de la capa para editar el texto. Cuando hayas terminado, ve a Archivo > Guardar y vuelve al archivo principal de Photoshop.

Insert hero text in TEXT_EDIT Photoshop fileInsert hero text in TEXT_EDIT Photoshop fileInsert hero text in TEXT_EDIT Photoshop file
Hero text layer with "CORE" textHero text layer with "CORE" textHero text layer with "CORE" text
Hero text file with "DJ HALCYON" addedHero text file with "DJ HALCYON" addedHero text file with "DJ HALCYON" added
Main Photoshop file with updated copyMain Photoshop file with updated copyMain Photoshop file with updated copy

3. Cómo refinar tu estructura

En este punto, las cosas deberían verse un poco desordenadas. Lo cual está perfectamente bien, porque comenzaremos a refinar la estructura ahora.

Paso 1

Haz doble clic en el icono de capa TEXT_EDIT. Esto debería llevarte de vuelta al otro archivo de Photoshop en el que agregaste tu texto de héroe antes. Reduce el tamaño de tu texto haciendo doble clic en el icono T a la izquierda de la capa y reduciendo el tamaño del carácter en el módulo Propiedades.

Open the TEXT_EDIT layerOpen the TEXT_EDIT layerOpen the TEXT_EDIT layer
Resize your hero textResize your hero textResize your hero text
Resize the text using the Character moduleResize the text using the Character moduleResize the text using the Character module

Paso 2

Selecciona la Herramienta Rectángulo (U) haciendo clic en ella a la izquierda de la pantalla, o presionando la tecla U. Si la barra de herramientas no muestra un rectángulo, presiona durante mucho tiempo cualquier forma que se muestre y selecciona la opción de Rectángulo en el menú que aparece. Dibuja un Rectángulo para que se ajuste al tamaño del lienzo. Pulsa Comando-T para ajustar el tamaño si no encaja del todo.

A continuación, mantén presionada la tecla Comando y haz clic en el símbolo Rectángulo junto a la capa Rectángulo para seleccionar la forma. Una vez que las líneas de puntos bordean el Rectángulo, selecciona la capa de texto DJ HALCYON y usa las herramientas de Alinear en la parte superior de la pantalla para centrar el texto. Oculta la capa Rectángulo haciendo clic en el icono Ojo situado junto a ella. Haz clic en Archivo > Guardar y vuelve al archivo principal de Photoshop.

Draw a rectangle the size of the canvasDraw a rectangle the size of the canvasDraw a rectangle the size of the canvas
Use the Rectangle layer to centre your text to the canvasUse the Rectangle layer to centre your text to the canvasUse the Rectangle layer to centre your text to the canvas

Paso 3

Cambia el tamaño del resto del texto de la carpeta Textos ajustando el tamaño, el interlineado y el interlineado de cada cuadro de texto del módulo de Carácter. Para el texto que se gira -90 grados, selecciona las capas de texto respectivas, presiona Comando +T y desplaza el cursor sobre la esquina superior derecha de la capa para ver aparecer el símbolo Rotar. Mantén pulsada la tecla shift y arrástralo hacia la derecha y hacia abajo para enderezar el texto.

Use the "IN THE TRANCE" text to align the supplementary copyUse the "IN THE TRANCE" text to align the supplementary copyUse the "IN THE TRANCE" text to align the supplementary copy
Use the Paragraph tool to align text to the rightUse the Paragraph tool to align text to the rightUse the Paragraph tool to align text to the right

Paso 4

Una vez que el texto encaje en la pantalla y su tamaño sea más a tu gusto, mueve toda la copia que no sea el texto del héroe y "BIRDY TOURS PRESENTS" a la derecha del lienzo. Selecciona el texto de DJ HALCYON manteniendo pulsado Comando y haciendo clic en el icono de capa situado a la izquierda de la capa TEXT_EFFECT. Selecciona el cuadro de texto TICKETS y alinea con la base del texto de DJ HALCYON. A partir de ahí, apila los cuadros de texto FEATURING y APRIL 20-22 arriba, tratando de espaciarlos uniformemente.

Space the stack of text evenlySpace the stack of text evenlySpace the stack of text evenly

Paso 5

Haz doble clic en cada uno de estos cuadros de texto y, en el módulo Párrafo, alinéalo a la derecha. A continuación, pulsa Comando y haz clic en la capa IN THE TRANCE y utiliza las herramientas  de Alinear para alinear los cuadros de texto con el borde derecho de este texto.

Use the Paragraph tool to align the text to the rightUse the Paragraph tool to align the text to the rightUse the Paragraph tool to align the text to the right
Use the Align tools to align the text boxes to the right of the "IN THE TRACE" textUse the Align tools to align the text boxes to the right of the "IN THE TRACE" textUse the Align tools to align the text boxes to the right of the "IN THE TRACE" text
Poster design with text structure refinedPoster design with text structure refinedPoster design with text structure refined

Paso 6

Oculta el código QR haciendo clic en el icono Ojo junto a la capa.

Turn off QR code layerTurn off QR code layerTurn off QR code layer

4. Cómo agregar fuentes originales

Paso 1

Abre e instala la fuente que hemos proporcionado. Ve a la carpeta de Descargas, descomprime el archivo e instala la fuente Devant Horgen en tu computadora.

Open the Devant Horgen font in your Downloads folderOpen the Devant Horgen font in your Downloads folderOpen the Devant Horgen font in your Downloads folder
Install font in FontBookInstall font in FontBookInstall font in FontBook

Paso 2

Vuelve a Photoshop. Ve a la capa TEXT_EDIT y haz doble clic para abrir un archivo de Photoshop independiente. Selecciona el texto y, en el módulo Carácter, cambia la fuente a Devant Horgen. Cambia el tamaño del texto para rellenar la mayor parte posible del lienzo.

Open hero text fileOpen hero text fileOpen hero text file
Select your copy and change the font to Devant HorgenSelect your copy and change the font to Devant HorgenSelect your copy and change the font to Devant Horgen
Updated hero text with new font appliedUpdated hero text with new font appliedUpdated hero text with new font applied

Paso 3

Vuelve al archivo principal de Photoshop. Ve a través de la carpeta de capas Textos y agrega la fuente Devant Horgen a la copia "APRIL 20-22 THE FORUM, MELBOURNE", agregando los nombres de los actos de soporte y la dirección web.

Go through the Texts folder and add the Devant Horgen fontGo through the Texts folder and add the Devant Horgen fontGo through the Texts folder and add the Devant Horgen font

Paso 4

Cambia el tamaño del texto a tu gusto, luego mantén presionado Comando y haz clic en la capa TEXT_EDIT para alinear el cuadro de texto TICKETS con la parte inferior del texto del héroe DJ HALCYON nuevamente. Ajusta los cuadros de texto apilados arriba para que estén espaciados uniformemente.

Photoshop design with new font applied to hero and supplementary textPhotoshop design with new font applied to hero and supplementary textPhotoshop design with new font applied to hero and supplementary text

5. Cómo agregar un logotipo

Paso 1

Descomprime y abre la carpeta del logotipo que has descargado en la carpeta Descargas. Busca el archivo de Illustrator o .ai y haz doble clic para abrirlo.

Open the Bird Logo from the Downloads folderOpen the Bird Logo from the Downloads folderOpen the Bird Logo from the Downloads folder

Paso 2

Cuando el proyecto se abra en Illustrator, haz clic en el logotipo del pájaro y cópialo manteniendo pulsado comando C o yendo a Editar > Copiar.

Copy the logo from the Illustrator fileCopy the logo from the Illustrator fileCopy the logo from the Illustrator file

Paso 3

Ve a Archivo > Nuevo y crea un Nuevo documento. Hazlo del tamaño 1440 x 1440 píxeles.

Start a New DocumentStart a New DocumentStart a New Document

Paso 4

Presiona Comando+V o ve a Editar > Pegar para pegar el logotipo del pájaro.

Paste the logo in the new filePaste the logo in the new filePaste the logo in the new file

Paso 5

Escala el pájaro para llenar el lienzo agarrando una esquina del logotipo, manteniendo presionada la tecla shift-Opción y arrastrando el ratón hasta que estés satisfecho con el tamaño.

Paso 6

Guarda este archivo como "Bird Logo" yendo a Archivo > Guardar o presionando Comando-S. Guárdalo como un archivo de Illustrator o .ai.

Save the file as Bird LogoSave the file as Bird LogoSave the file as Bird Logo

Paso 7

Vuelve al archivo principal de Photoshop, arrastra y suelta el archivo bird logo que acabas de crear en la ventana de Photoshop.

Drop the logo into the Photoshop fileDrop the logo into the Photoshop fileDrop the logo into the Photoshop file

Paso 8

Reduce la escala del pájaro para que quepa junto al texto BIRDY TOURS PRESENTS presionando Comando-T y arrastrando el logotipo desde los lados y presionando Retorno cuando estés satisfecho con el tamaño. Cambia el tamaño del texto BIRDY TOURS PRESENTA de la misma manera para hacer espacio para el logotipo.

Scale down the logoScale down the logoScale down the logo

Paso 9

Alinea el logotipo con el texto BIRDY TOURS PRESENTS en la parte superior de la pantalla manteniendo presionada la tecla Comando y haciendo clic en la capa, seleccionando la capa Bird Logo y utilizando las herramientas Alinear para centrar el logotipo verticalmente.

Align the logo with the "BIRDY TOURS PRESENT" textAlign the logo with the "BIRDY TOURS PRESENT" textAlign the logo with the "BIRDY TOURS PRESENT" text

Paso 10

Agrupa el logotipo y el texto BIRDY TOURS PRESENTS seleccionando ambas capas y presionando Comando-G. Comando + clic en la capa PHOTO_EDIT_HERE en la carpeta Fondo. Centra horizontalmente el logotipo de ave y el grupo texto en esa capa con la herramienta Alinear.

Group the Bird Logo and "BIRDY TOURS PRESENTS" textGroup the Bird Logo and "BIRDY TOURS PRESENTS" textGroup the Bird Logo and "BIRDY TOURS PRESENTS" text

6. Cómo agregar una imagen del archivo

Paso 1

A continuación, busca la imagen de archivo que hayas descargado en la carpeta de Descargas y arrástrala al proyecto principal de Photoshop.

Find stock image fileFind stock image fileFind stock image file

Paso 2

En el módulo Capas, arrastra la foto a la carpeta Fondo, delante de la capa PHOTO_EDIT_HERE. Comando + clic en la capa PHOTO_EDIT_HERE y centra tu foto en ella con las herramientas Alinear. Presiona Comando-T para escalar la imagen para que se ajuste al lienzo, presionando Retorno cuando estés satisfecho con el tamaño.

La imagen debe encajar muy bien entre las dos secuencias de texto, con la cabeza del DJ sentada en el medio.

Drag photo into Photoshop file and resizeDrag photo into Photoshop file and resizeDrag photo into Photoshop file and resize
Place stock image above PHOTO_EDIT_HERE layerPlace stock image above PHOTO_EDIT_HERE layerPlace stock image above PHOTO_EDIT_HERE layer

7. Cómo refinar el diseño

El esquema de color rosa vivo de la imagen de archivo ahora chocará con el texto del héroe y hará que la otra copia sea difícil de preparar. Así que vamos a abordar esto ajustando los colores y efectos de nuestro contenido.

Paso 1

Abre la carpeta TEXT_EFFECT en el módulo Capas y haz doble clic en la capa TEXT. Desactiva los efectos Sombra interior y Sombra paralela. Activa el efecto Superposición de color y cambia el color a blanco o #ffffff.

Open TEXT_EDIT layerOpen TEXT_EDIT layerOpen TEXT_EDIT layer
Adjust the Layer Style effects and change the Color Overlay to whiteAdjust the Layer Style effects and change the Color Overlay to whiteAdjust the Layer Style effects and change the Color Overlay to white

Paso 2

Comando + clic en la capa TEXT y selecciona la capa dmt_blurred, también en la carpeta TEXT_EFFECT. Alinea la capa dmt_blurred verticalmente para alinear el efecto rayas con el texto del héroe. Haz doble clic en la capa dmt_blurred y cambia la Superposición de color a blanco o #ffffff. Reduce la Opacidad del efecto al 10%.

Align dmt_blurred layer to TEXT_EDIT layerAlign dmt_blurred layer to TEXT_EDIT layerAlign dmt_blurred layer to TEXT_EDIT layer
Change Color Overlay to white and adjust OpacityChange Color Overlay to white and adjust OpacityChange Color Overlay to white and adjust Opacity

Paso 3

Desactiva las capas de Fondo desactivando el símbolo Ojo junto a la carpeta Fondo. Oculta la carpeta NATION_Letters fondo pulsando el símbolo Ojo. Abre la carpeta Elementos y oculta las dos capas de círculo y la sub carpeta Elementos dentro. Oculta la carpeta Texture_Overlay.

Turn Background group offTurn Background group offTurn Background group off
Turn NATION lettering and Elements shapes offTurn NATION lettering and Elements shapes offTurn NATION lettering and Elements shapes off

Paso 4

Agrupa la secuencia de texto en el lado derecho seleccionando cada capa y presionando Comando-G. Haz doble clic en el grupo para abrir la ventana Estilo de capa y activa el efecto Sombra paralela. Ajusta la Opacidad para que esté al 100%, la Distancia al 0%, la separación al 6% y el Tamaño al 9%.

Group the stream of text on the rightGroup the stream of text on the rightGroup the stream of text on the right
Add Drop Shadow effect to group of textAdd Drop Shadow effect to group of textAdd Drop Shadow effect to group of text
Group of text with Drop Shadow alignedGroup of text with Drop Shadow alignedGroup of text with Drop Shadow aligned

Paso 5

Vuelve a activar la carpeta Fondo. Dibuja un Rectángulo del tamaño del lienzo usando la Herramienta Rectángulo, presionando la tecla U o seleccionando la Herramienta Forma de la barra de herramientas. Coloca esa capa detrás de la imagen de archivo y haz doble clic en ella para abrir la ventana Estilo de capa. Enciende el efecto Superposición de degradado y crea un degradado lineal con un color naranja vivo (#ef3e23) y rosa (#ed2071).

Add Rectangle the size of the canvas to the Background folderAdd Rectangle the size of the canvas to the Background folderAdd Rectangle the size of the canvas to the Background folder
Add a Gradient Overlay to the Rectangle layerAdd a Gradient Overlay to the Rectangle layerAdd a Gradient Overlay to the Rectangle layer

Paso 6

Reduce la Opacidad de la imagen de archivo a 70% en el módulo Capas.

Reduce Opacity of the stock imace to 70%Reduce Opacity of the stock imace to 70%Reduce Opacity of the stock imace to 70%
Photoshop project with stock image Opacity reducedPhotoshop project with stock image Opacity reducedPhotoshop project with stock image Opacity reduced

8. Cómo editar una superposición de color

Finalmente, reúne toda la composición ajustando la capa Superposición de color.

Ve al módulo Capas y selecciona la capa OVERLAY_COLOR_EDIT. Una vez seleccionados, los matices de tono, saturación y luminosidad deben aparecer en el módulo Propiedades. Ajusta el matiz de lado a lado y ve la forma de como se invierten los colores de esta plantilla de póster de evento. Simplemente ajusta hacia adelante y hacia atrás hasta que encuentres una combinación de colores que te guste.

Adjust the color overlay layer in the Hue/Saturation panelAdjust the color overlay layer in the Hue/Saturation panelAdjust the color overlay layer in the Hue/Saturation panel

9. Cómo exportar el proyecto

Una vez que estés satisfecho con el resultado, es hora de preparar el proyecto para ser exportado.

Paso 1

Asegúrate de guardar el archivo para asegurarte de que todo tu trabajo no se perderá. Para ello, ve a Archivo > Guardar, nombre el archivo y colocándolo en una ubicación que recordarás.

Save your posterSave your posterSave your poster

Paso 2

Dirígete a Archivo > Exportar y elige la mejor opción para ti. Si deseas compartir este diseño de póster de evento digitalmente, puedes realizar la exportación rápida como PNG. O bien, puedes exportarlo como otro tipo de archivo para la Web o hacer clic en Exportar para cambiar el tipo de archivo para que se adapte a la impresión.

Quick export to PNGQuick export to PNGQuick export to PNG

¡Lo hiciste!

¡Enhorabuena, ya está todo! Ahora puedes compartir tu evento con el mundo. Aquí está nuestro resultado final:

Event Poster final resultEvent Poster final resultEvent Poster final result

Las 5 mejores plantillas de diseño de carteles de eventos

¿Quieres crear más diseños de carteles de eventos de alta calidad en Photoshop? Echa un vistazo a algunas de estas plantillas de Envato Elements.

Volante de Evento Musical por graphicook (AI, PSD)

Music Event Flyer by graphicookMusic Event Flyer by graphicookMusic Event Flyer by graphicook

Crea fácilmente carteles de eventos musicales brillantes y lúdicos con esta plantilla de Envato Elements author graphicook. La plantilla es totalmente personalizable y funciona con Adobe Illustrator y Photoshop. Cuenta con un marcador de posición para una imagen de característica, espacio para el nombre del evento, entretenimiento principal, actos de soporte y detalles del lugar. Es colorido, audaz y fácil de usar.

Volante de evento por creativeartx (PSD, JPG)

Event Flyer by creativeartxEvent Flyer by creativeartxEvent Flyer by creativeartx

¿Haz una actuación de teatro o cabaret? Esta plantilla de flyer de creativeartx lo promocionará a la perfección. Presenta el nombre del evento en el centro de un marcador de posición iluminado, con fuentes en negrita y una combinación de colores rojo, naranja y amarillo. Obtendrás boletos de reserva para transeúntes en muy poco tiempo.

Póster de eventos creativos por MotionMediaGroup (PSD)

Creative Event Poster by MotionMediaGroupCreative Event Poster by MotionMediaGroupCreative Event Poster by MotionMediaGroup

¿Organiza un evento centrado en la innovación? Este póster creativo de MotionMediaGroup presenta una estética extremadamente moderna con una imagen de fondo naranja y azul, y marcadores de posición de texto blancos y azules mínimos. El diseño es escaso, con marcadores de posición para fechas de eventos, hashtags y controladores de redes sociales. Es una gran opción para una conferencia de tecnología o una reunión de startups.

Flyer de evento minimalista por kylyman (PSD)

Minimal Event Flyer by kylymanMinimal Event Flyer by kylymanMinimal Event Flyer by kylyman

Esta plantilla de Photoshop evento es una gran mezcla de marcadores de posición de texto minimalistas y hermosa fotografía. El gris del fondo, la superposición del texto y la imagen, y la copia extendida crean una sensación rústica. Es fácil de editar, y al agregar tu propia imagen, fácil de hacer la tuya.

Folleto del evento de Acción de Gracias por Guuver (AI, PSD)

Thanksgiving Event Flyer by GuuverThanksgiving Event Flyer by GuuverThanksgiving Event Flyer by Guuver

Crea un folleto cálido y acogedor para el Día de Acción de Gracias con esta plantilla de Guuver. Con un esquema de color rojo, naranja y crema, una mezcla de estilos de fuente y un estilo de ilustración dibujado a mano, es una excelente manera de marcar uno de los días más icónicos del año.

One subscription.
Unlimited Downloads.
Get unlimited downloads