Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)
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.
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.
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.
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.
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.
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.
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.
Paso 5
Ve a Filtro > Desenfocar> Desenfoque de movimiento. Establece el Ángulo a 55 y la Distancia a 700 pixeles.
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.
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.
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.
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.
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.
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..
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.
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.
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.
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.
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.
Paso 9
Repte el paso anterior, pero esta vez para eliminar dos tercios del texto.
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.
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.
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.
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.
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.
Paso 2
Configura el ajuste predeterminado Adobe PDF a Impresión en Alta Calidad. Pulsa clic en Guardar como PDF.
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!
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 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)
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 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 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 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!
¿Qué es una tipografía expresiva?
Cómo Crear un Efecto de Tipografía Floral a base de Capas en Adobe Photoshop
Top 10 Alternativas a las Tipografías Famosas y Populares
Tipografías en tendencia de hoy y para el 2022
Cómo elegir la fuente adecuada para tu marca
Explicación sobre el uso de las fuentes variables en la Web
Cómo combinar fuentes, cómo no y las mejores combinaciones
