How To Create A Smoke Typography Effect(Photoshop Tut)

Posted on 02. Sep, 2010 by in 3d Graphics, Freebees, Graphics, Photoshop, Templates, Tutorial, Vector, Wallpapers

Hi!.. Typography in different styles is getting very popular day by day. In typography people are using a lots of different styles and techniques to make it more stylish, eye-catching. People do a lots of experiments to create an awesome piece of work , I did the same thing and I found really cool new ones and today I am goanna tell u how we can create awesome smoke typography effect in simple steps using Photoshop CS 4 with the help of brushes and adjustment layers.. It’s a very easy tutorial and you will be able to do the whole process in 5-10 minutes.

Step 1

Open Photoshop and create a new document, I used 1920×1200 pixels. Then apply a gradient, you could fill it with a gradient or apply a Layer Style. I used the layer style, Gradient Overlay. Use Radial for the Style and #07090a – #202b35 for the colors.

Step 2

Add some text in white then go to Filter>Blur>Motion Blur. Use 90ยบ for the Angle, and 40 pixels for the Distance.

Step 3

Now go to Filter>Distort>Wave. use 3 for the Number of Generators, 10 and 346 for the Wavelength, and 5 and 35 for the Amplitude.

Step 4

Go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. Then group the layer and rename the folder’s Blend Mode to Color Dodge. You will get a nice light effect.

Step 5

Create a new layer on top of the others and go to Filter>Render>Clouds, make sure you had black and white for the background and foreground colors, then change the Blend Mode to Color Dodge and go to Layer>Layer Mask>Reveal All. With a very soft brush, 0% hardness and black color, hide some areas of the clouds layer. Use the image below for reference.

Step 6

Create a new Folder on the Layers’ Palette. Change the folder’s Blend Mode to Color Dodge and add a new layer in it. Then use the Smoke Brushes from Qbrushes . Select white for the color and paint over some letters. If you think the brush is not very bright, just click twice. Paint a few more smokes like the image below.

Step 7

Create a new layer beneath the other layers but in front of the Background layer. Fill this layer with black and go to Filter>Texture>Texturizer. Use 100% for the Scaling and 4 for the Relief. For the Texture use Canvas and Light use Top. That will add a nice texture to the image but you will need to change the opacity to 10%.

Step 8

This is a nice new feature in the new Photoshop CS4, actually there’s nothing new just the Adjustments palette, but it’s very useful because you can edit all the image adjustments like Levels, Hue & Saturation, Curves in that palette. However it just adds a Adjustment Layer, that could be done in the previous versions too.

Anyway, on top of the other layers just add the Invert adjustment. You can go to Layer>New Adjustment Layer>Invert. It will be the same. You will get a very nice effect, like burning paper.

Conclusion

One of the best things in Photoshop is the Brushes Engine and all the things we can create with brushes. With so many excellent sites with Brushes like Brusheezy, Tutorial9, QBrushes, Designscollage, DeviantArt, and PSDTUTS we can find practically all sorts of effects and elements ready to be used in our designs. That means we can focus on ideas rather than figure out ways to recreate things. Also we have 2 very different effects with just one adjustment layer, the Invert. Once again, it’s all about playing. I hope you enjoyed this quick tutorial, and let me know if you have any questions.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • BlinkList
  • DZone
  • Facebook
  • Furl
  • Google Bookmarks
  • LinkedIn
  • Live-MSN
  • Mixx
  • MySpace
  • NewsVine
  • Propeller
  • Sphinn
  • Technorati
  • TwitThis
  • YahooBuzz

Related Posts:


Tags: , , ,

12 Comments

  1. [...] Create Dynamic Distortion Effects [...]

  2. [...] Create Dynamic Distortion Effects [...]

  3. mirazhaojing

    31. Jan, 2010

    nice~

  4. mark

    05. Mar, 2010

    i get stuck on the brushes bit. some1 plz explain in more detail 4 me

  5. Justin

    31. Mar, 2010

    I got stock on part 13 SOMEONE PLEASE EXPLAIN BETTER

  6. Julie

    25. Apr, 2010

    nice~

  7. insanity workout

    05. May, 2010

    So here I was looking for some good blog post regarding Create Dynamic Distortion Effects (Photoshop cs3 or later version tutorial) by Doucin Pierre | Designs Collage. Searching in Google I managed to find your blog post. After going over this article I’m very happy to say that I most definatelly found exactly what I was searching for. I will make sure to save http://www.designscollage.com/2010/01/create-dynamic-distortion-effects-photoshop-cs3-or-later-version-tutorial-by-doucin-pierre/ and come back here regularly . Thanks! :-)

  8. [...] Create Dynamic Distortion Effects (by Doucin Pierre) Sharevar fbShare = {url: 'http://bloglinks.ejazahmad.com/create-dynamic-distortion-effects-by-doucin-pierre/',size: 'large',}Save submit_url = 'http://bloglinks.ejazahmad.com/create-dynamic-distortion-effects-by-doucin-pierre/'; VN:F [1.9.1_1087]please wait…Rating: 0.0/10 (0 votes cast)VN:F [1.9.1_1087]Rating: 0 (from 0 votes) Design, Graphic Design [...]

  9. dee

    01. Aug, 2010

    I need a little more clear explanation on step 12 on through. Please can someone help?

  10. 30 mile walkie talkie

    12. Sep, 2010

    Incredibly inspiring post, Thank you !?!…

  11. toddler toys

    05. Oct, 2010

    Thank you……

    EXACTLY pardon? I’ve been looking pro! Appreciation so much!…

  12. logo design blog

    29. Apr, 2011

    amazing tutorial …. i will gonna try this … i hope i will make this

Leave a Reply

Get Adobe Flash playerPlugin by wpburn.com wordpress themes