Selamat Datang di Blog Shinici X - Blog ini berisi tentang artikel Hacking, Desain, Psikologi, Jaringan, Download dll - Thank's to Blogger, Google, Facebook

Tuesday, 11 January 2011

Creating Smoke Effects


This is the final image that we’ll be creating:
smoke12b Create Smokey Typography in 12 Steps

User Suggestion

This tutorial is actually a suggestion of some of our visitors. I always welcome user suggestions and would love to get your ideas for future tutorials.

Images/Files Used

Here is a list of images and files used in this tutorial:
http://www.sxc.hu/photo/1114780
http://www.sxc.hu/photo/1111544
http://www.sxc.hu/photo/1080080
http://www.sxc.hu/photo/1063678
http://www.sxc.hu/photo/345436

Step 1

Open up a new document (600X250px) and create a new layer called ‘black background’. Fill your entire canvas with black.
smoke1 Create Smokey Typography in 12 Steps

Step 2

Now add some white text to the center of your canvas. I used the font ‘Gill Sans’ set to bold.
smoke2 Create Smokey Typography in 12 Steps

Step 3

Now duplicate your text layer. Select your original and rasterize it (layer>rasterize>layer). Then apply a motion blur to this layer by going to filter>blur>motion blur. Set your angle to 90 and your blur strength to 20. Finally reduce your layer’s opacity to 60%.
smoke3a Create Smokey Typography in 12 Steps
smoke3b Create Smokey Typography in 12 Steps

Step 4

Now paste in an image of some smoke. Make sure that you find an image of smoke on a black background, and if there is any color to your smoke go to image>adjustments>desaturate. Then change your layer’s blend mode to ‘exclusion’.
smoke4 Create Smokey Typography in 12 Steps

Step 5

Now select a large, soft eraser brush at a low opacity (around 10%) and erase the edges of your smoke image.
smoke5 Create Smokey Typography in 12 Steps

Step 6

Now repeat the same technique with another smoke image.
smoke6 Create Smokey Typography in 12 Steps

Step 7

Add some more smoke, being sure to erase parts of each image until things are looking good.
smoke7 Create Smokey Typography in 12 Steps

Step 8

Now paste in another smoke image, and set your layer blend mode to ‘multiply’. Then go to image>adjustments>levels and set your input levels to 0, 1.00, 100.
smoke8 Create Smokey Typography in 12 Steps

Step 9

You’ll notice that this layer now hides some of your previous smoke layers. To fix this grab a soft eraser brush and erase around your letters, exposing the rest of your smoke.
smoke9 Create Smokey Typography in 12 Steps

Step 10

Now if you remember we created 2 text layers earlier and rasterized the first one. Now it’s time to rasterize the second one. Once you have done this grab your smudge tool, and set your brush size to 40px and your strength to 60%. You want to start smudging the tops of the letters of your top text layer. To achieve a nice smokey effect, don’t simply smudge upwards, but make small circular smudging motions.
Also reduce this text layers opacity to 75%.
smoke10 Create Smokey Typography in 12 Steps

Step 11

Select your paintbrush tool and apply the settings shown below in your brush palette.
smoke11a Create Smokey Typography in 12 Steps
smoke11b Create Smokey Typography in 12 Steps
smoke11c Create Smokey Typography in 12 Steps

Step 12

Now paint over your text on a new top layer. To make your scattered brush marks more obvious duplicate your layer and merge it down with the original. Then apply an outer glow blending option to your layer (settings below).
smoke12a Create Smokey Typography in 12 Steps
smoke12b Create Smokey Typography in 12 Steps

And We’re Done!

I really hope that you enjoyed this tutorial, and as always I’d appreciate your comments.
smoke12b Create Smokey Typography in 12 Steps
Artikel Web Developer

No comments:

Post a Comment