7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Typography

Cómo Hacer un Poster Tipográfico

Scroll to top
Read Time: 11 mins

Spanish (Español) translation by Gustavo Ramirez (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 hacer un poster tipográfico con estilo retro. Este poster tipográfico es divertido y fácil de hacer.

¿Cómo diseñar un poster tipográfico? Elegí una genial fuente de Envato Elements, Overgreed. Esta grandiosa fuente está en un estilo gótico con giros modernos y curvas suaves. En estos pasos para hacer un poster, aprenderás cómo diseñar un poster en Photoshop que sea colorido, cómo crear un fondo degradado moderno y cómo distorsionar el diseño gráfico de un poster tipográfico.

Envato Elements cuenta con geniales recursos con una librería que crece rápidamente al agregar nuevas opciones cada día. Ahí podrás encontrar fuentes, plantillas para impresión, fotografía y otros recursos que te pueden ayudar a mejorar tus proyectos.

¿Qué pasa si no tienes tiempo para leer este simple tutorial para crear un poster tipográfico? No te preocupes, te entendemos. Puedes aprender a hacer posters tipográficos viendo este video nuevo del canal de YouTube de Envato Tuts+:

Qué Aprenderás en este Tutorial Creativo para Cómo Hacer un Poster Tipográfico

  • Cómo configurar adecuadamente un documento en Photoshop
  • Cómo crear un fondo degradado
  • Cómo usar el filtro de ruido
  • Cómo usar el filtro de licuar
  • Cómo usar máscaras de capas
  • Cómo exportar un archivo Photoshop para web e impresión

Qué Necesitarás para Crear un Poster

Para estos pasos para hacer un poster tipográfico, necesitarás la fuente Overgreed y acceso a Adobe Photoshop. Overgreed es una moderna fuente gótica que tiene bordes suaves y es perfecta para mostrar proyectos y branding.

Utilizaremos la letra Overgreed para crear un posterUtilizaremos la letra Overgreed para crear un posterUtilizaremos la letra Overgreed para crear un poster
 Utilizaremos la letra Overgreed para crear un poster

 

1. Cómo Configurar un Documento para el Diseño de tu Poster Tipografía

Paso 1

Crea un Documento Nuevo en Photoshop para crear un poster tipografía

Selecciona el tamaño A4 o configura el Ancho a 210 mm y la Altura a 297 mm. Establece la Resolución a 300dpi y da clic en OK.

Crea un nuevo documento en Photoshop para diseñar posterCrea un nuevo documento en Photoshop para diseñar posterCrea un nuevo documento en Photoshop para diseñar poster
Crea un nuevo documento en Photoshop para diseñar poster

Paso 2

Dirígete a Vista > Guía Nueva

En la ventana emergente, revisa las opciones de Columnas y establece el Número a 4. Revisa Filas y establece el Número a 4. Revisa Margen y establece todos los márgenes a 1 cm. Da click en OK.

Cómo diseñar un poster con PhotoshopCómo diseñar un poster con PhotoshopCómo diseñar un poster con Photoshop
Cómo diseñar un poster con Photoshop

2. Cómo Crear el Fondo para Hacer Posters Tipográficos Modernos

Paso 1

En el panel de Capas, seleciona Nueva Capa de Relleno > Color uniforme. En la ventana para Elegir color, establece el color a #2479af. Da clic en OK.

Agrega una capa de color sólido para crear un posterAgrega una capa de color sólido para crear un posterAgrega una capa de color sólido para crear un poster
Agrega una capa de color sólido para crear un poster

Paso 2

En el panel de Capas, da clic en el botón de Nueva. En el panel de Herramientas, configura el Color frontal a #e07f9c y el Color de fondo a #335b3c.

¿Cómo hacer un poster? Establece el color frontal y de fondo. ¿Cómo hacer un poster? Establece el color frontal y de fondo. ¿Cómo hacer un poster? Establece el color frontal y de fondo.
¿Cómo hacer un poster? Establece el color frontal y de fondo.

Paso 3.

Selecciona la Herramienta de Pincel (B) de la barra de herramientas.

Da clic derecho en el documento para abrir las opciones para Herramienta de Pincel. Ajusta el Tamaño del Pincel a 600px y la Dureza a 0.

Cambia el Tamaño del pincel usando [ para incrementar y para Reducir.

Establece el tamaño de pincel y dureza para diseñar posterEstablece el tamaño de pincel y dureza para diseñar posterEstablece el tamaño de pincel y dureza para diseñar poster
Establece el tamaño de pincel y dureza para diseñar poster

Paso 4

Crea trazos angulares con ambos colores en el documento. No tienes que rellenarlo todo, mientras dejes espacio para que el fondo aparezca. Muévete entre los dos colores presionando la X en tu teclado.

Utiliza la herramienta de pincel para crear un posterUtiliza la herramienta de pincel para crear un posterUtiliza la herramienta de pincel para crear un poster
Utiliza la herramienta de pincel para crear un poster

Paso 5

Ve a Filtro > Desenfocar> Desenfoque de movimiento. Establece el Ángulo a 55 y la Distancia a 700 pixeles.

Cómo hacer un poster - agrega el efecto de desenfoque Cómo hacer un poster - agrega el efecto de desenfoque Cómo hacer un poster - agrega el efecto de desenfoque
Cómo hacer un poster - agrega el efecto de desenfoque

Paso 6

Duplica la Capa de Relleno azul que acabamos de crear al arrastrarla al botón de Nueva Capa.

Dirígete a Filtro > Ruido > Añadir Ruido. En la ventana emergente, elige la Cantidad al 20% y la Distribución a Uniforme.

Agrega el filtro de ruido para diseñar posterAgrega el filtro de ruido para diseñar posterAgrega el filtro de ruido para diseñar poster
Agrega el filtro de ruido para diseñar poster

Paso 7

Duplica el Color de Relleno de Capa azul arrastrándolo al botón de Nueva Capa.

Selecciona la Herramienta Marco Rectangular (M) de la barra de herramientas. Selecciona una pequeña franja del lado izquierdo del poster que se ajuste a su altura y que sea el doble del ancho del margen.

Cómo diseñar un poster - Utilizando la herramienta marco rectangularCómo diseñar un poster - Utilizando la herramienta marco rectangularCómo diseñar un poster - Utilizando la herramienta marco rectangular
Cómo diseñar un poster - Utilizando la herramienta marco rectangular

Paso 8

Con la selección del paso anterior aún activa, dirígete al panel de Capas y selecciona el botón de Máscara de Capa. Selecciona las cuatro capas presionando Shift mientras das clic a cada capa. Luego selecciona el botón de de crear Nuevo Grupo.

Agrega una nueva capa para crear un posterAgrega una nueva capa para crear un posterAgrega una nueva capa para crear un poster
Agrega una nueva capa para crear un poster

3. Cómo Crear el Efecto para tu Poster Tipografía Moderno

Paso 1

Selecciona la Herramienta de Texto (T), da clic en el documento y agrega las palabras OVER en una línea y GREED en la siguiente línea para diseñar poster. Utiliza la barra de espacio para agrupar las dos líneas de manera desigual. El tamaño no necesita ser exacto, pero asegúrate que las palabras abarquen el ancho del poster.

Arrastra la capa de Texto al botón de Nueva capa para Duplicarla.

Oculta la copia de la capa haciendo clic en el ícono de ojo.

Cómo hacer un poster - Agregando títulosCómo hacer un poster - Agregando títulosCómo hacer un poster - Agregando títulos
Cómo hacer un poster - Agregando títulos

Paso 2

Selecciona la Capa de Texto y dirígete a Filtro > Licuar. En la ventana emergente, haz clic en Convertir a Objeto Inteligente. En el panel del lado derecho, ajusta el Tamaño del pincel a 600, Presión a 100 y Densidad a 50.

Cepilla sobre el texto de tu poster tipografía. Ten en cuenta que cada resultado será distinto. Da clic en OK. 

Añade el filtro de licuado al poster tipográficoAñade el filtro de licuado al poster tipográficoAñade el filtro de licuado al poster tipográfico
Añade el filtro de licuado al poster tipográfico

Paso 3

Activa la capa duplicada para hacer posters tipográficos.

Con la Herramienta de Texto, elimina la segunda línea. Presiona Command-T para Transformar la capa y moverla hacia arriba.. 

Cómo hacer un poster - Añade una capa de texto Cómo hacer un poster - Añade una capa de texto Cómo hacer un poster - Añade una capa de texto
Cómo hacer un poster - Añade una capa de texto

Paso 4

Haz doble clic en la capa para abrir la ventana de Estilos de Capa.

Del lado izquierdo, selecciona la opción de Trazo. Establece el Tamaño a 10 px, Posición a Afuera y Color de Muestra a Blanco. Pulsa OK.

Añade pinceladas al texto para crear un poster tipográficoAñade pinceladas al texto para crear un poster tipográficoAñade pinceladas al texto para crear un poster tipográfico
Añade pinceladas al texto para crear un poster tipográfico

Paso 5

En el panel de Capas, establece el Modo de Mezcla a Multiplicar. Esto ayudará a transformar las letras de tu poster de blanco a transparente.

Cómo diseñar un poster - Establece el modo de mezcla Cómo diseñar un poster - Establece el modo de mezcla Cómo diseñar un poster - Establece el modo de mezcla
Cómo diseñar un poster - Establece el modo de mezcla

Paso 6

Al seleccionar la capa, pulsa clic en el botón de Añadir Máscara de Capa. Coloca la capa sobre el texto liquido de tu poster.

Al seleccionar Máscara de Capa, selecciona la Herramienta de Pincel (B). Da clic derecho para establecer la Dureza a 100. Configura el color del Frontal a negro.

Añade una máscara de capa para crear un poster tipográficoAñade una máscara de capa para crear un poster tipográficoAñade una máscara de capa para crear un poster tipográfico
Añade una máscara de capa para crear un poster tipográfico

Paso 7

Pasa el pincel sobre las letras, tratando de moldearlas a una forma similar al texto liquifikis. Si necesitas corregir la máscara de la capa, presiona X para cambiar el color del fondo blanco y cepillar sobre las letras de nuevo.

Crea una capa sobre el texto para tu poster tipografíaCrea una capa sobre el texto para tu poster tipografíaCrea una capa sobre el texto para tu poster tipografía
Crea una capa sobre el texto para tu poster tipografía

Paso 8

Duplica la capa de texto con el pincelado al arrastrarla al botón de Nueva Capa.

Presiona Command-T para Transformar. Mueve el texto ligeramente hacia arriba y a la izquierda. Esta vez, arrastra la Máscara de Capa al botón de Eliminar.

Utiliza la Herramienta Marco (M) para crear un pequeño rectángulo en la parte baja del texto. Presiona Shift-Command- I para Invertir la selección.

Mientras tengas la selección, da clic en el botón de Máscara de capa.

Utiliza la herramienta de marco para crear un posterUtiliza la herramienta de marco para crear un posterUtiliza la herramienta de marco para crear un poster
Utiliza la herramienta de marco para crear un poster

Paso 9

Repte el paso anterior, pero esta vez para eliminar dos tercios del texto.

Repite el paso anterior para crear un posterRepite el paso anterior para crear un posterRepite el paso anterior para crear un poster
Repite el paso anterior para crear un poster

Paso 10

Duplica una de las capas de texto y elimina la Máscara de Capa arrastrándola al botón de Eliminar.

Cambia el texto a “GREED”.

Repite los pasos seis a ocho. Esta vez, mueve el texto hacia la parte inferior derecha del poster. Elimina las partes superiores del texto en vez de las inferiores.

Selecciona todas las capas de esta sección y da clic en el botón de crear Nuevo Grupo.

Repeat the effect on the bottom of the posterRepeat the effect on the bottom of the posterRepeat the effect on the bottom of the poster

Paso 11

Ahora agregaremos detalles más pequeños. Utilizando la Herramienta de Texto (T), agrega las palabras “MODERN BLACKLETTER”. Configura el Frente a Overgreed y el Tamaño a 22 pt. Establece el Relleno de Color a Blanco.

Selecciona la capa de texto y presiona Command - T para Transformar. Rota el texto 90 grados y colócalo en la parte superior izquierda del poster.

Agrega detalles al poster tipográficoAgrega detalles al poster tipográficoAgrega detalles al poster tipográfico
Agrega detalles al poster tipográfico

Paso 12

Duplica la Capa de Texto arrastrándola al botón de Nueva Capa. Cambia el texto a “2021”.

Selecciona la capa de texto y presiona Command-T para Transformar. Rota el texto en la dirección contraria. Coloca el texto en el lado inferior derecho del poster.

Cómo hacer un poster - Agrega detalles Cómo hacer un poster - Agrega detalles Cómo hacer un poster - Agrega detalles
Cómo hacer un poster - Agrega detalles

Paso 13

Utilizando la Herramienta de Texto (T), agrega las letras del alfabeto para completar tu poster tipografía.

Configura el Frente a Overgreed v2, Tamaño a 29 pt, Leading a 26 pt y Tracking a 100. Establece el Color del Texto a Blanco.

Coloca la caja de texto bajo la linea central horizontal en el lado derecho del poster.

Agrega el alfabeto al poster tipografíaAgrega el alfabeto al poster tipografíaAgrega el alfabeto al poster tipografía
Agrega el alfabeto al poster tipografía

4.Exportar a Archivo para Imprimir y Web

Paso 1

Para finalizar estos pasos para hacer un poster en Photoshop, aprenderás cómo exportar archivos.

Dirígete a Archivo > Guardar como. Establece el Formato a Photoshop PDF. Da clic en Guardar.

Cómo hacer un poster - Guarda el archivo como un Photoshop PDFCómo hacer un poster - Guarda el archivo como un Photoshop PDFCómo hacer un poster - Guarda el archivo como un Photoshop PDF
Cómo hacer un poster - Guarda el archivo como un Photoshop PDF

Paso 2

Configura el ajuste predeterminado Adobe PDF a Impresión en Alta Calidad. Pulsa clic en Guardar como PDF.

Cómo diseñar poster - Guarda tu archivoCómo diseñar poster - Guarda tu archivoCómo diseñar poster - Guarda tu archivo
Cómo diseñar poster - Guarda tu archivo

Paso 3

Para guardar el archivo desde la web, dirígete a Archivo > Exportar > Guardar para Web. En Tamaño de Imagen, configura el tamaño que te gustaría que tuviera la imagen.

Da clic en Ok y, ¡terminaste! ¡Tu poster tipográfico estará listo!

Guarda tu archivo para diseñar poster en la webGuarda tu archivo para diseñar poster en la webGuarda tu archivo para diseñar poster en la web
Guarda tu archivo para diseñar poster en la web

5 Fuentes Góticas Similares para Hacer Posters Tipográficos

Ahora que sabes cómo hacer un poster tipográfico con estilo retro, quizá estés en búsqueda de otras geniales fuentes para experimentar. ¡Vista la enorme librería de Envato Elements para obtener más inspiración! Aquí está una selección que hicimos para ti:

Pleasure Blackletter (OTF, TTF) 

Pleasure - tipografía gótica para diseñar posterPleasure - tipografía gótica para diseñar posterPleasure - tipografía gótica para diseñar poster
Pleasure - tipografía gótica para diseñar poster

Pleasure es tipografía gótica con un toque moderno. Los trazos delgados son ligeramente más gruesos para asegurarse que las letras sean legibles. Esta fuente es perfecta para fines de presentación, posters, web e incluso branding.

Distorsi Blackletter (OTF, TTF) 

Distorsi - estilo tipográfico gótico para crear un posterDistorsi - estilo tipográfico gótico para crear un posterDistorsi - estilo tipográfico gótico para crear un poster
Distorsi - estilo tipográfico gótico para crear un poster

Inspirada en las bandas de metal, Distorsi es un estilo tipográfico más relajado y divertido. Utiliza esta fuente para eventos musicales, mercancía e incluso albums. Los trazos son muy distintivos, lo que la hacen aún más especial.

Bullgine Blackletter (OTF, TTF) 

Bullgine Fuente Gótica para hacer postersBullgine Fuente Gótica para hacer postersBullgine Fuente Gótica para hacer posters
Bullgine Fuente Gótica para hacer posters

Bullgine es una fuente tipográfica gótica que tiene trazos delgados. El contraste bajo la convierte en una fuente elegante, mientras que los caracteres condensados le dan un aspecto moderno. Esta fuente incluye geniales caracteres alternativos que pueden ayudar a que una marca sea única. También cuenta con muchos glifos para explorar.

Babylon Blackletter (OTF, TTF) 

Babylon - Letra gótica moderna para poster tipografíaBabylon - Letra gótica moderna para poster tipografíaBabylon - Letra gótica moderna para poster tipografía
Babylon - Letra gótica moderna para poster tipografía

Babylon es una letra gótica moderna con caracteres proporcionales. Las curvas son suaves y muy legibles. Utiliza Babylon para fines de presentación como posters, branding y hasta ropa. Sal de lo convencional y utiliza esta genial fuente para mercancía.

Clockwork Blackletter (OTF, TTF, WOFF) 

Clockwork - Fuente gótica para diseñar posterClockwork - Fuente gótica para diseñar posterClockwork - Fuente gótica para diseñar poster
Clockwork - Fuente gótica para diseñar poster

Clockwork es una fuente gótica creada con letras manuscritas de los 1800’s. Esta fuente es clásica y cuando se utiliza correctamente puede dar un aspecto moderno. La fuente combina tipografía moderna y clásica que incluye alternativas, así ningún caracter lucirá igual. Utiliza esta fuente para branding, posters y playeras.

Conclusión

En este tutorial, aprendimos cómo diseñar un poster tipográfico que muestre un solo tipo de letra. Aprendiste los pasos para hacer un poster con un grandioso y colorido fondo, así como a usar los filtros de ruido y licuado. También, aprendiste a dominar las capas de máscara, que cuando se usan adecuadamente otorgan resultados increíbles.

Si buscas tipografías modernas para hacer posters, asegúrate de revisar Envato Elements. Ahí encontrarás recursos para diseño gráfico y para diseñar poster tipográfico. Su librería se actualiza diariamente y, ¡siempre hay nuevos recursos!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.