Cartoon Cloud Animation in Flash - getW3Help.com - Free Web Tutorials and Resources
getw3help.com
 Subscribe
Enter your email address:
 Web Development
 HTML
 Javascript
 PHP
 Graphics & Multimedia
 Flash / AS
 Fireworks
 Illustrator
 Archives
 May 2008
 June 2008
 July 2008
 September 2008
 October 2008
 November 2008
 Share Us
RSS Feed  

Add to Google Reader or Homepage
Subscribe in NewsGator Online
Add to My AOL
 Latest Tutorials and Resources
Cartoon Cloud Animation in Flash
May 24, 2008 - By Makubex
0 comments
  Share on Facebook     Share on Digg     Share on Del.icio.us
In this tutorial, I will show you how to create a cartoon style cloud and animate it across the screen.We are going to make use of Blur filter in Flash 8.
Flash Version: 8



Output:



Download Source File

Step 1: Create a new flash document.

Step 2: Select the background color in light blue shades. Press Ctrl + F3 to open properties panel.




Step 3: Now lets get started to draw the cloud. We are going to draw the cloud using simple technique. I usually use this method. Draw three circles (without Stroke color) side by side, there by each cloud touches its partner.

Select Oval tool from tools panel (or) press O to select it.
Select stroke color as no color.








Step 4: Now select the selection tool from Tools panel (or) press V to select it.

Step 5: Right click on the cloud and select as Convert to Symbol.




Step 6: Name the cloud as "cloud_mov", select type as Movie clip.




Step 7: Left click on the cloud movie clip, open the properties panel (Ctrl + F3).
Click on filters tab. Click the + symbol to open avialable filters. Select Blur option.



Play with Blur X and Blur Y value, to get your desired effect. I have select 10 for both X and Y Blur values.


Step 8: Now your cloud is ready, you need animate it using Motion Tween technique.
To know how to apply Motion Tween, please refer to my last tutorial:

Create Simple Animation in Flash

- End of Tutorial.

Labels: , , ,

 Comments

Post a Comment


 Recent Tutorials
 3D Hammer using Illustrator
 Create Simple Animation in Flash
 Creating Simple Button in Flash
 Contact Us
 Privacy Policy
 Recent Comments
 Links
1. Webmaster Directory
2. Mini Pixel Icons
3. Photoshop Resources
4.
5.

6.
7.
8.
9.
10.

Your link here

Contact Us | Privacy Policy