Friday, July 25, 2008

How To: Create Moving Clouds

In this tutorial, you will learn how to create moving clouds without any motion tweening.

Step1) Create New File> ActionScript 2

Step2) Change the Background colour to black using Properties Panel

Step3) Change the line colour to none and fill colour to white











Step4) Draw random circles using the oval tool like so (you don't need to be a pro at this)














Step5) When you get a relative cloud looking shape, select (v) the whole cloud with the selection tool and go to Modify>Convert To symbol (F8) and convert your cloud into a movieclip symbol. Name your symbol 'cloud_mc' and click OK














Step6) Now you will want your cloud to look more like a cloud so select your cloud and go to Filter>Blur















Step7) Type in 20 for both X&Y and select 'Medium'









Step8) Select your cloud, right click then select actions and paste the following script into your actions box:

onClipEvent(load){
flagX=random(800)+50;
flagY=random(60)+10;
a=random(3)+1;




this._x=flagX;
this._y=fleagY;
speed=random(2)+0.5;
}


onClipEvent(enterFrame){
if(this._x>0){
this._x=this._x-speed;
} else{
this._x= 880;
}
}







Step9) Close the actions window and press CTRL+Enter to test your movie and you are done!! If you want to make multiple clouds, just copy and paste your current cloud and adjust the size and blur.

8 comments:

  1. Thanks for uploading this tutorial! It's really helpful. =D

    -Laura

    ReplyDelete
  2. To Laura:
    It's my pleasure to share my knowledge and I'm glad it has helped you!

    ReplyDelete
  3. Great blog!

    I am a 14-Year-Old Blogger from Singapore. How about you? www.KidTechGuru.blogspot.com

    ReplyDelete
  4. @Kid Tech Guru:
    Thanks, I'm just two years older than you from Australia, love your blog too, lots of good tips and techniques =D

    ReplyDelete
  5. im only 12 and im from hobart, australia

    ReplyDelete
  6. this helped alot, but i have a question.
    how do you make it move like that, but back and forth, and make it a button AND a movie symbol

    thx for the tut, and its been a long time since u commented, so go to my account thesonicdude1, and message me, if u can

    thanks alot if you do i look forward to more tutorials

    ReplyDelete
  7. Awesome tutorial, i used it and thought it worked really well, however i only have one question how would i get the cloud to move back and forth rather then the cloud just coming from one direction.

    ReplyDelete
  8. Great tutorial, very helpful!

    ReplyDelete