How to Create Hanging Typography in Photoshop and Illustrator
In this Photoshop tutorial, you will learn how to create this cool hanging typography text using Photoshop and a little bit of Adobe Illustrator.
Preview of Final Results
- Cloud Brush – Brusheezy
- Coolvetica Font – DaFont
- Paint Brushes – Brusheezy
- Cement Texture – WebTurd
- Single Swirlies Brush – Brusheezy
Start out in Photoshop, Create a New Document (the size of my document is 8.5 x 11 inches but in your case you can do it whatever size you see fit.) The font I’m using is Coolvetica, now with the text tool selected arrange your letters on the canvas any way you like. Also it doesn’t matter what color the text is at this point, we will change it later.
Now save your project File>Save As and I saved mine as “Typography” (psd file). Next start up Illustrator and open up the psd file you just saved. Make sure the “Convert layers to objects” button is selected. Click ‘ok’
Select your letters and change the color of them to #EF2E7D
Select all of your letters and apply the 3D effect (Effect > 3D > Extrude & Bevel).
This is how it should look so far.
Now we will transport them over to Photoshop by using the ‘drag and drop’ feature. Align Photoshop and illustrator side by side and drag over your text letter by letter from Illustrator to Photoshop. Now I have made the other letters invisible except ‘T’. Select your Magic Wand Tool and select the shadowed area of your letter.
Now copy it (ctrl+C or Cmd+C) and paste it in a new layer. And apply these settings. Double click this layer so that it brings up the layer style panel and start off with Bevel and Emboss.
This is how it should look
On the original ‘T’ layer add a Drop Shadow