This Cyber Monday Envato Tuts+ courses will be reduced to just $3. Don't miss out.
I've always been fascinated by smoke, and have experimented a lot with it. So in this tutorial, I explain how to create realistic smoke, make it into a brush and use it for type. Let's light up our vector cigarettes and get started smokin'!
1. Create a New Document
Create a New document (Command + N) for print in A3 (297 x 420mm).
2. Create a Background and a Vertical Stroke
Make a rectangle with the Rectangle Tool (M) that covers the whole artboard and make it black. While the rectangle is selected go to Object > Lock > Selection (Command + 2), which will lock the object so that you can't select it.
Take your Pen Tool (P) and make a vertical stroke (click to make a start point, then click somewhere over or under the start point while holding Shift to make a vertical stroke). Make the stroke white and the fill blank. Set the weight of the stroke to 0.05mm.
3. Copy and Move Your Stroke
While your stroke is selected grab the Selection Tool (V), then hit enter and type in 0.05mm for Horizontal and 0 for Vertical. Click Copy and hold Command + D (Object > Transform > Transform Again) for around 20sec, which will perform the Tranform Again command multiple times.
4. Adjust the Transparency
While all of your strokes are selected, set the Blending Mode to Screen and Opacity to 8%. Then Group it (Command + G).
5. Draw a Shape With the Pen Tool
Take your Pen Tool (P) and draw a shape that looks something like that shown below.
6. Create the Smoke Base Effect
Now for the magical step! Make sure that the shape you just made is on the top and click it, then hit Command + Shift + Right Bracket key (Object > Arrange > Bring to Front). Select the path and the strokes and go to Object > Envelope Distort > Make With Top Object (Command + Alt + C). Check that the Blend Fidelity is set to 100 (Object > Envelope Distort > Envelope Options, there you should set the Fidelity to 100).
Now that's pretty cool, but if you take a closer look, you will see that the strokes are pretty clear. If you do not intend to make a stroke out of this you can fix it by clicking Effect > Blur > Gaussian Blur... and type in 7.0px, but since we are going to make a stroke out of it, we'll do that later (shapes you want to turn into strokes can't have effects like this one added).
7. Create a Smoke Brush
Now drag your smoke into the brushes panel. If you can't see it then hit F5. Check the New Art Brush and hit OK.
Name your brush whatever you want to, set the Direction to Up, and Method to Tints and Shades, then hit OK.
8. Create a Smoke Text Effect
Now you have your brush, but do you have something to use it for? If yes, remember to chose Effect > Blur > Gaussian Blur... and type in 0.7px when you have assembled your brush. If no, continue reading.
Take you Pencil Tool (N) and draw some letters, one letter at a time. Group them, add the stroke and set the Stroke Weight to 0.5pt.
Copy your smoky letters (Command + C) and paste them behind (Command + B). Set the Stroke Weight to 3pt. Now go to Effect > Blur > Gaussian Blur and type in 7px.
Yes, this is a Photoshop effect, so it will rasterize, but if you hit Command + K and check the Scale Strokes and Effects, then you'll be fine when you want to scale it.
Holy Smoke! You're Now Done!
I hope you learned something new, and that it will come in use sometime, if it does, I would love to see what you make out of it.