Hey, in this Awesome Photoshop tutorial, i’m gonna show you how to create a Typographic poster of your favorite song. You’ll get the lyrics from a lyrics site and get a typographic layout of these words using Wordle java applet at http://www.wordle.net. Then i’ll show you how to export the result as a PDF document. And finally we’ll add some color and shadow effects in Photoshop. This one will sure be fun.
Here is the Final Image
Before we start lets see the final image we’ll create through out this tutorial. You can download the layered PSD document here.
Let’s Visit Wordle
If you’re using Windows, you might need a Pdf Printer, a software that writes the printed pages into pdf files. If you don’t have a PDF option in your printers list, you better download and setup a PDF Printer software like Free PDF Printer before you start. OK. Let’s start by visiting http://www.wordle.net. Wordle is a cool application created by Jonathan Feinberg, which generates "word clouds" from text that you provide. It let’s you tweak the clouds with different fonts, layouts and color schemes. It also gives you some advanced options that let you specify the color and size of each word in the cloud. Wordle is a Java application so you may need to download Java for your browser.
Get the Lyrics
If you’re at this step now, i’m sure you have a song in your mind, if not, now you should pick one of your favorite songs and get it’s lyrics. There are many sites where you can get the lyrics from. My song is Across The Universe by The Beatles and i get the lyrics from here. OK. Copy the lyrics to clipboard and go back to Wordle. Now you have several options. You can click the Create link and paste the lyrics there and hit GO to create some random word clouds and hit Randomize or tweak the options located under the menu items of Wordle. Or you can click the Advanced link and go one step further. Here as you can see in the example, you should list the words and each word needs to be followed by a colon and a number which indicates it’s size. So you need to modify the lyrics if you’re using the advanced options of Wordle. You can have a look at my example below and make a similar one or you can copy and paste mine. After pasting the text just hit GO. If you have an error, i guess it’s because you have too many lines.
Create the Cloud
You can see that the words are randomly organized. Now we need to make some adjustments. First go to Font menu and select Steelfish. Go to Layout and select Rounder Edges, this will leave the corners empty and select Vertical. Then go to Color menu and select WB. If you’re not happy with your word cloud, then you can go to Layout and choose Re-layout with current settings.
Cloud to PDF
OK. Now we have our cloud of words, but what are we gonna do with it? There is no save option in Wordle, but luckily there is a Print one. If you’re using MacOS click the Print button on the Wordle interface and in the Print dialog, choose Save as PDF under PDF menu and save your word cloud as a PDF file. If you’re using Windows you might need an extra software which let’s you print into PDF files. To make sure if you need one or not, just click the Print button and search for something contains PDF in the Printer List. If there is none then download and setup Free PDF Printer. Click Print on Wordle, choose Bullzip PDF Printer from the list, hit OK. Name your file "Cloud01.pdf", uncheck Open the Document After Creation and hit Save.
Back to Wordle
We’ll need another word cloud. Click the Advanced link again. The first cloud has lines rather than single words. In the second one we’ll use shorter lines or single words. So edit the lyrics and break it into more lines and set their size. You can have a look at my example just below and use it. Hit the GO button to see the result.
The Second Cloud
Set font to Scheherazade, Under the Layout menu choose Straighter Edges and choose Half Half and Set Color to WB. If you’re not happy with your word cloud then you can go to Layout and choose Re-layout with current settings. Then Print the result into a PDF file and name the file Cloud02.pdf.
This is a Photoshop Tut Right?
Now fire up Photoshop and open the "Cloud02.pdf" file. Go to Image > Image Rotation > (Image > Rotate Canvas >) and rotate the image 180 or 90 degrees, because MacOS and Windows PDF writers generates differently oriented pdf files. Get the Magic Wand Tool, Set Tolerance to 50 and uncheck Contiguous. Click on the white pixels and all the whites will become selected. Now create a new layer and name it "Cloud02" and fill the selection with 55% gray and deselect. We need some space around the canvas so go to Image > Canvas Size, check Relative and set Width and Height to 300 pixels and hit OK. Go to "Layer 1" and fill it with Black.
Darken the Edges
Apply a Gradient Overlay Layer Style to the "Cloud02" layer using these settings: Blend Mode => Multiply, Opacity => 75%, Gradient => Black,White, => Reverse => Checked, Style => Radial, Align with Layer => Unchecked and Scale => 90%. This will darken the far edges.
Color with Flares
Create a new layer and name it "Flare02". Fill the layer with Black. Go to Filter > Render > Lens Flare. We’ll create three lens flares on the layer, each using these settings: Brightness => 120%, Lens Type => 50-300mm Zoom. Hit Command+Alt+F to bring up the Lens Flare dialog, change the Flare Position and apply. Repeat that once more. Then hit Command+U to bring up the Hue/Saturation dialog and set Hue to -135, Lightness to 10. Alt-click the line between "Flare02" and "Cloud02" layers to mask the flare.
The First Cloud of Words
Open the "Cloud01.pdf" file in Photoshop. Rotate the image 180 or 90 degrees by going to Image > Image Rotation. Get the Magic Wand Tool and select the white pixels. Create a new layer and name it "Cloud01", fill the layer with any color and deselect. Now go to Layer > Duplicate Layer and set Destination Document to "Cloud02", that is the document we’re working on.