Design a retro typography poster in Photoshop

En este tutorial aprenderá a crear un póster interesante con Photoshop e Illustrator. Este tutorial muestra algunas técnicas útiles que combinan Illustrator y Photoshop para hacer el trabajo.

Vista previa de los resultados finales

Diseñar un tutorial de Photoshop de pósters de tipografía retro

recursos

Paso 1: creación del tipo

Para este tutorial en particular, tenemos que trabajar indistintamente con Photoshop e Illustrator. Por lo tanto, tenemos que cambiar entre estos programas. Es mejor tener estas dos aplicaciones abiertas una al lado de la otra para mejorar la eficiencia. Nuestro primer paso es crear texto en 3D. Escriba algún texto con la «Herramienta de tipo». He utilizado un tipo de letra llamadoBifurk.

El siguiente paso es aplicar el efecto 3D al texto. Vaya a Efecto> 3d> Extrusión y biselado.

Utilice la configuración siguiente.

Su texto debería ser así.

No podemos utilizar el texto tal como es, lo hemos de ampliar. Vaya a Objeto> Amplía el aspecto. Esto ampliará el texto en 3D a caminos. Desagrupar el texto. Presione Ctrl + Mayús + G un par de veces para desagrupar el objeto. O haga clic con el botón derecho y seleccione Desagrupar. A menudo, cuando ampliar un objeto, contendrá una máscara de recorte, en cuyo caso tendrá que soltar la máscara de recorte pulsando Alt + Ctrl + 7 o haciendo clic con el botón derecho y escogiendo Libera la máscara de recorte.

Presione Ctrl + Y para entrar en el modo de contorno. Fíjese en las zonas cercadas de la imagen. Se dividen en varias piezas. Los tenemos que combinar en trozos compuestos.

Para combinar las piezas, seleccione las y cargue la paleta Pathfinder. Vaya a Ventana> Pathfinder. Haga clic en el botón Unir.

Repita el proceso con las piezas restantes.

Vea el wireframe de la imagen final.

Paso 2: creación del documento en Photoshop

Cree un documento A3 nuevo a Photoshop a 300 ppp. Generalmente prefiero trabajar en alta resolución, así que tenga en cuenta que las indicaciones y valores que encontrará en este tutorial se basan en un documento de 300ppi. Si no está diseñando a 300 ppp, cambie los valores según su resolución.

Paso 3: introducir el texto

El primero es primero, copiamos el texto en 3D de Illustrator y pegamos a Photoshop como «Camino» para que no necesitamos la información del color. Añadiremos nuestros propios colores dentro de Photoshop. Asegúrese de que el camino está pegado en el centro del documento o pulse Crl + 0 y luego pegue. Este es nuestro principal camino que utilizaremos a menudo. Por seguridad, duplicad el camino un par de veces a la paleta de caminos.

Nuestro texto tiene tres caras múltiples frontales, laterales, superiores e inferiores. Trataremos con cada lado por separado. Primero seleccione todos los caminos laterales de la fuente con la tecla «Shift».

Haga clic con el botón derecho y seleccione «Hacer selección»

Cree un grupo nuevo y llámelo «Personajes». Este grupo contiene nuestras capas de texto en 3D. Cree una capa nueva y rellene la selección con # f25a38. Cambie el nombre de la capa «texto-frente»

Esta vez, seleccione todas las caras laterales inferior y superior. A continuación, convierte-en selección.

Cree una capa nueva y rellene la selección con # e64d2a. Ahora elija # feaa97 y aplique a las piezas que pertenecen a la palabra «AM». Cambie el nombre de la capa para «text-bottom»

Repita el proceso para terminar también las piezas laterales. Utilice los siguientes valores. Cambie el nombre de esta capa «texto-side».

Paso 4: añadir colores al texto

El texto es muy plano ahora, pero cambiaremos eso, Ctrl + haga clic en la capa «texto-frente» para cargar la selección. Cree una capa nueva por encima de la capa «texto-frente». Con la selección activa haga clic en el botón «Añadir máscara de capa». Esto añade máscara a la capa que revela sólo las zonas donde queremos que podamos pintar libremente.