Gimparoo!

Smokey Typography

Posted in Uncategorized by Scott on November 25, 2009

I’m going to do another typography tutorial today. This time it will be number 6 from the list. This is another one that is quite simple to do, yet produces a really neat effect. The original is called Create Smokey Typography in 12 Steps written by Tom over at PSDFan.com.

smudged_letters

Okay so to start off, we’re going to need some images of smoke. I found the following on flickr.com searching their Creative Commons by-nc-sa section, which is a fantastic resource.

I opened all these photo’s in the GIMP and desaturated them and inverted their colors as necessary so that the smoke is white and the background is black. Minimize those windows or otherwise set them aside for later.

Open a new document, black background 600×125 pixels.

black_bg

Next add some text to your document. Any font will do. I chose a bold sans font.

plain_text

Now, duplicate your text layer, select the original text layer and click Filters > Blur> Motion blur… In the motion blur dialog, select Linear for the type, make the length 20 and the angle 90.

motion_blur_dialog

Now, this will only blur in one direction, so it will have the effect of moving your blurred text upward. Select the move tool (M) and use your arrow keys to move the active layer down until it lines up the way you want. Also, lower the layer opacity to 60%.

centered_blur

Now, bring up one of your smoke images. You can either use your selection tools to select an area of the smoke or just select all and copy and paste the smoke into a new layer in your image. Once you’ve got the layer anchored, set its Mode to Difference.

difference_smoke

Now, take a soft fuzzy eraser at low opacity and erase around the edges of the smoke until you can’t see the hard edges of your selection. You might even want to reduce the opacity of the layer a bit.

erased_smoke

Now just keep repeating the previous technique with different smoke images until you have something that looks good.

looking_good

Now, paste in one more smoke layer and set the layer mode to Multiply. Use your eraser to erase some of the layer so you can see the smoke and letters again.

multiply

Now, select the text layer that we did not blur earlier. It should be higher in the stack than the blurred layer. Right-click the layer and click “Layer to image size”. This will set the layer boundry to the same size as the rest of the image. Select the Smudge tool (S). Select the Circle Fuzzy (19) brush, Scale 1.00 and rate 50. Using small circular motions, smudge those letters until they look more smokey.

smudged_letters

I chose not to do the last part where he did random brush strokes on the page. It seemed very out of place to me, and not everyone is going to have a drawing tablet and pen. However if you want to do that, you can get into the brush dynamics by selecting the paintbrush tool and clicking the plus sign next to Brush Dynamics.

That’s it. I hope you enjoyed the tutorial and maybe learned something new.

smudged_letters

About these ads
Tagged with: , ,

2 Responses

Subscribe to comments with RSS.

  1. Scott said, on November 26, 2009 at 8:47 am

    I totally forgot to save the XCF file this time. Sorry. I’ll try to remember to do that in the future so you can download it.

  2. askvishal said, on November 30, 2011 at 3:39 am

    wow wicked design, im also a gimp graphic designers. you good man keep up the good work :)


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 37 other followers

%d bloggers like this: