www.swish-designs.co.uk

Site menu:

Home Tutorials | Shop | Downloads | My Blog | Swish Templates | Forum | Contact

SwishMax Tutorials And Resources
Where Imagination Is The Creation

 

Welcome To Swish-Designs.co.uk Have a Nice Friday

Swishmax Simple Yet Realistic Cigarette Smoke Tutorial

---

In this tutorial you will learn how to create a realistic cigarette smoke effect.

Example:

Step.1 (Important Please Read)

First open Swishmax 2 and set the movies properties, i have used the following. width = 283px x height = 353px. and the frame rate frame rate 25fps. with a black canvas, if you have your own image of a cigarette you wish to use import it into the movie now otherwise right click on the image below and save as cigarette.



Dont forget to save me if you have not got an image of a cigarette



And you will also need to save me as smoke too.


now click on the import image button and import the cigarette.png you have just saved from above into your movie.

Step.2

Now select the pen tool, and with it draw some wigle wavy lines, similar to what cigarette smaoke does when it goes into air, doesnt have to be that neat, take a look at fig.1 below.(

Fig.1

Once you are happy with your smoke shape, name it mask then group it together as a movie clip and name the movie clip smoke, dont forget to place a tick where it says use bottom object as mask, the shape you have just created will add as a mask for the smoke.

Step.3

Import the smoke.png insite the smoke movie clip, and rename it to smoke, this just helps to identify items/objects.
you need to place this just underneath the mask shape, but in the tree order it needs to be above the mask shape. take a look at the next two images.

Where to place the smoke image on the canvas

Fig.2

Where to place the smoke in the tree order (outline panel)

Fig.3

Once you have got this corect
using the rectangle tool create a linear gradiant rectangle withe solid black to transparant black, right click on it and then click transform and rotate by 90 degrees, rename the shape to tint you can see where it needs to be in the tree order by looking at fig.3 above. look at fig.4 below to see were it needs placing on the canvas.

Fig.4

Step.4

Click on the smoke image inside the smoke movie clip and add a move action over 255 frames, click on the move action so it is highligted blue and using the arrow keys move the image up untill the join is at the bottom of the mask shape. add some transparency to the smoke movie clip until you are happy with the effect. see fig.5 below.

On frame 255 of the smoke movie clip add the following code