In this tutorial, you'll learn how to how to create a retro-style typography poster design. This typeface poster is fun and easy to put together.
For this poster typography design, I chose a super cool font from Envato Elements, Overgreed. This awesome font is in a blackletter style with a modern twist and soft curves. You'll learn how to make a typography poster in Photoshop that's colorful, how to create a trendy gradient background, and how to distort a graphic design typography poster.
Envato Elements has awesome assets with a rapidly growing library—new items added every day. There you can find fonts, print templates, photography, and other assets that can help you kick your projects up a notch.
What if you don't have the time to read this simple typography poster tutorial? Don't worry, we've got you covered. You can learn how to design a typography poster by watching this new video from the Envato Tuts+ YouTube channel:
What You'll Learn in This Creative Typography Poster Design Tutorial
- How to properly set up a document in Photoshop
- How to create a gradient background
- How to use the Noise filter
- How to use the Liquify filter
- How to use Layer Masks
- How to export a Photoshop file for web and print
What You'll Need
For this simple typography poster tutorial, you'll need the Overgreed font and access to Adobe Photoshop. Overgreed is a modern blackletter font that has soft edges, and it's perfect for display projects and branding.
1. How to Set Up a Document for Your Creative Typography Poster Design
Create aNew DocumentinPhotoshop for your typeface poster.
Select theA4size or set theWidthto210 mm andHeightto297 mm. Set theResolutionto 300dpi, and clickOK.
Go toView > New Guide Layout.
In the pop-up window, check the Columns options and set theNumberto4. CheckRowsand set theNumberto4. CheckMarginand set all the margins to 1cm.ClickOK.
2. How to Create the Background of Your Modern Typography Poster Design
In the Layers panel, selectCreate New Fill or Adjustment Layer > Solid Color. In theColor Pickerwindow, set the color to
In the Layerspanel, click on theCreate New Layerbutton.In the Toolspanel, set theForeground Colorto
#e07f9c and theBackground Colorto
Select the Brush Tool (B)from the toolbar.
Right-click on the document to open the Brush Tooloptions. Set theBrush Size to 600 px and theHardnessto0.
Change the Sizeof the brush by using [ to Decrease and ] toIncrease.
Create angled strokes with both colors on the document. You don't have to fill all of it, as long as you leave space for the background to come through. Switch between the two colors by pressing Xon your keyboard.
Go toFilter > Blur > Motion Blur.Set the Angle to55and theDistance to 700 pixels.
Duplicate the layer we just created by dragging to the Create New Layerbutton.
Go toFilter > Noise > Add Noise.In the pop-up window, set the Amountto20%and theDistributiontoUniform.
Duplicate the blue Color Fill Layerby dragging it to the New Layerbutton.
Select theRectangular Marquee Tool (M)from the toolbar. Select a small stripe from the left side of the poster that matches the height of the poster and is double the width of the margin.
With the selection from the step above still active, go to the Layerspanel and select theLayer Maskbutton.Select the four layers by pressingShiftas you click each layer. Then select the Create a New Group button.
3. How to Create the Effect for Your Modern Typography Poster Design
Select the Text Tool (T),click on the document, and add the words OVER- on one line and GREED on the next line of your creative typography poster design. Use the space bar to stack the two lines unevenly. The size doesn't need to be exact, but make sure that the words take up the width of the poster.
Drag theTextlayer to the Create a New Layerbutton toDuplicate it.
Hidethe copy layer by clicking on the eye icon.
Select theText Layerand head over toFilter > Liquify.In the pop-up window, click on Convert to Smart Object.In the right-side panel, set the Brush Size to600,Pressureto100, andDensityto 50.
Brush over the text of your typeface poster. Keep in mind that every result will be different. ClickOK.
Activate the duplicated layer of your typeface poster.
With theText Tool,delete the second line.PressCommand-TtoTransform the layer, and move the layer upwards.
Double-click on the layer to open theLayer Stylewindow.
From the left side, select the Strokeoption. Set theSizeto10 px, PositiontoOutside, and Color SwatchtoWhite.ClickOK.
In the Layers panel, set theBlending ModetoMultiply.This will help transform the letters of your typeface poster from white to see-through.
While selecting the layer, click on the Add Layer Mask button. Place the layer over the liquified text of your simple typography poster.
While selecting theLayer Mask, select the Brush Tool (B). Right-click to set theHardnessto100.Set theForegroundcolor toBlack.
Brush over the letters, trying to mold the letters into a similar shape to the liquified text. If you need to correct the layer mask, press Xto change to the white background color and brush over the letters again.
Duplicate the text layer with the stroke by dragging it to the Create a New Layerbutton.
PressCommand-T to Transform. Move the text slightly up and to the left. This time, drag theLayer Mask to the Delete button.
Using the Marquee Tool (M), create a small rectangle on the lower half of the text. PressShift-Command-ItoInvertthe selection.
While you have the selection, click on theLayer Maskbutton.
Repeat the step above, but this time delete two-thirds of the text.
Duplicate one of the text layers and delete theLayer Maskby dragging it to the Deletebutton.
Change the text to "GREED".
Repeat steps 6 to 8. This time, move the text towards the bottom right of the poster. Remove the top parts of the text instead of the bottom.
Select all the layers from this section and click on theCreate a New Groupbutton.
Now we'll add smaller details to the poster. Using the Text Tool (T),add the words "MODERN BLACKLETTER". Set theFonttoOvergreed and the Sizeto22 pt. Set theFill ColortoWhite.
Select the text layer and press Command-TtoTransform.Rotate the text 90 degrees.Place the text on the top left side of the poster.
Duplicate theText Layerby dragging it to the Create New Layerbutton. Change the text to "2021".
Select the text layer and press Command-TtoTransform.Rotate the text the opposite way.Place the text on the bottom right side of the poster.
Using theText Tool (T),add the letters of the alphabet to complete the typographic poster.
Set the FonttoOvergreed v2, Sizeto29 pt, Leading to26 pt, andTracking to100.Set the Text Color toWhite.
Place the text box under the horizontal centerline on the right side of the poster.
4. Exporting a File for Print and Web
To finish this tutorial on how to make a typography poster in Photoshop, you'll learn how to export files.
Head over to File > Save As. Set the Format to Photoshop PDF. ClickSave.
Set theAdobe PDF PresettoHigh Quality Print. Click Save PDF.
To save the file for web, head over to File > Export > Save for Web. Under theImage Size, set the size you would like the image to be.
Click OK, and you're done! Your poster typography design is ready!
5 Similar Blackletter Fonts for a Modern Typography Poster Design
Now that you know how to create a retro-style typography poster design, you might be looking for more cool fonts to experiment with. Visit Envato Elements' huge font library for more inspiration! Here's a hand-picked selection for you:
Pleasure Blackletter (OTF, TTF)
Pleasure is a blackletter font with a modern twist. The thin strokes are slightly thicker to make sure the characters are still legible. This font is perfect for display purposes, posters, web, and even branding.
Distorsi Blackletter (OTF, TTF)
Inspired by metal bands, Distorsi is a blackletter that's more relaxed and fun. Use this font for musical events, merchandise, and even albums. The strokes are quite distinctive, making it even more special.
Bullgine Blackletter (OTF, TTF)
Bullgine is a modern Gothic blackletter font that features thin strokes. The low contrast makes the font elegant, and the condensed characters look modern. The font includes beautiful alternative characters, which can help a brand logo be unique. There are tons of glyphs for you to explore.
Babylon Blackletter (OTF, TTF)
Babylon is a modern blackletter with proportional characters. The curves are soft and extremely legible. Use Babylon for display purposes like posters, branding, and even clothing. Step out of the box and use this awesome font for merchandise.
Clockwork Blackletter (OTF, TTF, WOFF)
Clockwork is a blackletter font created using hand lettering from the 1800s. The font is classic and when used correctly can be made to look modern. The font combines modern and classic typography that includes alternates, so no two characters have to look the same. Use this font for branding, posters, and shirts.
In this tutorial, we created a typography poster design that showcases a single typeface. You learned how to design a typography poster with an awesome colorful background, and how to use the Noise and Liquify filters. You also learned how to master Layer Masks. When properly used, they can give amazing results.
If you're looking for trendy typefaces for poster design, be sure to check out Envato Elements. There, you can find assets for graphic design and typography posters. Their library updates daily, so there are always new assets!
- A to Z of Typography: Terms, Tips, Tricks, and Hacks!Laura Keung04 Dec 2023
- What Is Expressive Typography?Daisy Ein11 Dec 2020
- How to Create a Floral Typography Text Effect inPhotoshopRose16 Dec 2023
- The Best Alternatives to the 10 Most Popular FontsLaura Keung02 Jun 2023
- What Fonts Are Trending Now and Font Trends for 2022Grace Fussell18 Jun 2023
- How to Choose the Right Font for Your BrandLaura Keung23 Sep 2021
- Variable Fonts on the Web, ExplainedKezz Bracey22 Jan 2021
- How to Combine Fonts, How Not To, and the Best Font CombinationsLaura Keung09 Oct 2023
Insights, advice, suggestions, feedback and comments from experts
As an expert and enthusiast, I have access to a vast amount of information and can provide insights on various topics. While I have personal experiences or opinions, I can provide factual information and answer questions based on available sources.
In this article, "How to Create a Retro-Style Typography Poster Design," the author explains how to design a typography poster using Adobe Photoshop. The tutorial covers several concepts and techniques, including setting up a document, creating a gradient background, using filters like Noise and Liquify, working with layer masks, and exporting the final design for web and print.
Here's a breakdown of the concepts covered in the article:
1. Setting Up a Document
To create a typography poster, the tutorial suggests starting by setting up a new document in Adobe Photoshop. The recommended size is A4 (210 mm x 297 mm) with a resolution of 300dpi [].
2. Creating the Background
The tutorial explains how to create a gradient background for the poster. It involves creating a new fill or adjustment layer, selecting a solid color, and using the Brush Tool to create angled strokes with different colors. The strokes are then blurred using the Motion Blur filter [].
3. Distorting the Typography
The tutorial demonstrates how to distort the text in the poster using the Liquify filter. The text is converted to a smart object, and the Liquify filter is applied with specific brush settings. This step allows for creative manipulation of the text [].
4. Using Layer Masks
Layer masks are utilized to blend and mold the text into the distorted shape. The tutorial explains how to create layer masks, use the Brush Tool to refine the mask, and duplicate text layers with stroke effects [].
5. Exporting the Final Design
The tutorial concludes by explaining how to export the typography poster for both print and web. It covers saving the file as a Photoshop PDF for print and using the "Save for Web" option to optimize the image size for web use [].
The article also mentions the use of the Overgreed font from Envato Elements for the typography poster design. It suggests that this font is suitable for display projects and branding [].
Please note that the information provided above is based on the content of this article. If you have any specific questions or need further clarification on any of the concepts covered, feel free to ask!