Skip to main content

Create distorted typography in Photoshop

08

08 Next, change the colour of your pattern. I Ctrl/right-clicked on the layer, and changed the blending mode to Color Overlay to make the pattern in my image blue.

09

09 For your final top layer, add the photo you scanned in earlier. I’m a big fan of exotic photographs, but finding them can be tricky. Usually I have to go hunting through garage sales or flea markets, which I try and do often to find new content that I can archive for future projects.

10

10 Once you have your composition set as you want it, add a blue layer and set the blending mode to Screen to help unify the composition. Now switch into Illustrator and experiment with different typefaces until you find one that works with your piece. For this example, I used PrioriSan. I find that san serifs work well because they are easier to read after adding distortion, whereas a custom typeface might not work as well.

11

11 We’re now going to bring in three different type layers and create a custom wave shape. Begin to drag your type into Photoshop. When doing so, keep the type as a Smart Object, so that any changes you make are non-destructive.

12

12 Now for the fun part. Once you have your type in place and it’s sized correctly, head over to the Filter menu, select Distort and click on Shear.

13

13 In the Shear panel, click on Wrap Around and move the points to experiment with how the type will distort. I like to see how far I can take it, so play around. Remember that you can also use the Shear filter on images as well.

14

14 Once you have the type for one of your words where you want it, repeat the process for any other groups of type you have – in my case, ‘An’ and ‘Fast Vol. 4’. Next, Ctrl/right-click on the layer, change the blending mode to Color Overlay and pick the colours you want to use – in this case, white.

15

15 Lastly, duplicate your type layers and drag them to fill the composition. We’ve covered a very flexible technique here, which you can play around with to create a unique look.

For more info on type terms, check out the What is Typography post on our sister site Creative Bloq.