How To Create A Smoke Typography Effect(Photoshop Tut)
Posted on 02. Sep, 2010 by EDDY 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.






















tripwire magazine | tripwire magazine
25. Jan, 2010
[...] Create Dynamic Distortion Effects [...]
95+ Fresh Community Posts for Web Designers and Developers | Afif Fattouh - Web Specialist
27. Jan, 2010
[...] Create Dynamic Distortion Effects [...]
mirazhaojing
31. Jan, 2010
nice~
mark
05. Mar, 2010
i get stuck on the brushes bit. some1 plz explain in more detail 4 me
Justin
31. Mar, 2010
I got stock on part 13 SOMEONE PLEASE EXPLAIN BETTER
Julie
25. Apr, 2010
nice~
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!
Create Dynamic Distortion Effects (by Doucin Pierre) | Blog Links
12. Jun, 2010
[...] 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 [...]
dee
01. Aug, 2010
I need a little more clear explanation on step 12 on through. Please can someone help?
30 mile walkie talkie
12. Sep, 2010
…
Incredibly inspiring post, Thank you !?!…
toddler toys
05. Oct, 2010
Thank you……
EXACTLY pardon? I’ve been looking pro! Appreciation so much!…
logo design blog
29. Apr, 2011
amazing tutorial …. i will gonna try this … i hope i will make this