Flash: Earthquake Effect
Posted by
Maggie Zhang
Labels:
Actionscript 2.0,
Advanced,
Effects,
Image Effect
Happy New Years everyone! The NEW release of the Earthquake Effect Tutorial celebrates the success of the Learn2Flash Blog with 40+ subscribers and a near 50000 visits. Thank you to every one of the readers of this Blog and I hope you can enjoy this tutorial.
The Final Effect:
Step 1) You will need an earthquake image. Just simply browse through Google or select any image to your likings.
Step 2) Now create a New File (ActionScript 2.0)
Step 3) Document Properties - Background: Black, Frame Rate: 15, the Width and Height of the document should be set as the same size as the image you're about to import.
Step 4) Import your image into your Library (File-Import-Import To Library).
Step 5) Drag your image to the stage and Align it to the stage. (To Open the Align Panel, press Ctrl+K)
Step 6) Select your image and convert it into a Movie Clip symbol by Modify-Convert to Symbol (F8). Name the symbol mc and set the Registration to Top Left.
Step 7) Select your image again and in the properties area, type in mc in the Instance Name box. (This step is essential for the Actionscript to work)
Step 8) Click on the empty spaces in the Document (not the image) and when the Document Properties shows up, click on Settings. This is mainly because the code we're about to use is only application in older versions of Flash.
Step 9) This will bring up a pop-up window. Click on versions (In my case it says Flash 9) and in the drop down list, select Flash 6.
Step 10) In the layer you're on now, go to Frame 2 and press F5 to create a new frame.
Step 11) Create a New layer above it which is going to be our actionscript layer. In Frame 2 of this Layer press F6 to create a Keyframe.
At this point, it should look like this:
Step 12) In the 1st frame of the Earthquake layer, copy and paste this CODE . In the 2nd frame, copy and paste this CODE . (To open the actions box, select the layer and press F9 or right-click on frame--Actions)
Clicking on the above links will lead to my GooglePages where i have uploaded the Codes for this effect to work.
Ctrl+Enter to test the final effect and you're done! If you have any problems, please do not hesitate to comment below, I will do my best to answer all questions. And of course complimentary comments are most welcomed.
Meanwhile Subscribe to Learn2Flash to get the Latest Updates and New Releases for Tutorials, it will only take you 30 seconds or so.
Subscribe to:
Post Comments (Atom)
January 19, 2009 at 6:57 PM
there no code writen at action box........
i follow all the instruction u said........
but it wasnt work........
January 19, 2009 at 8:13 PM
Hi Mark:
When you bring up the actions panel for the 1st frame in the Actions layer, you will need to paste the Actionscript Code which can be found via the link in my tutorial (the same goes for the 2nd code which can be copied from the link)
I think you will need to follow Step 12) again and paste the actionscripts into the actions panel.
All should work well if the two codes have been inserted correctly.
Any further problems, please do not hesitate to ask.
Learn2Flash~
February 5, 2009 at 4:26 AM
i cant find any coding in this site =.="
February 6, 2009 at 1:09 AM
You have to click on CODE which will open up a page where i have uploaded the text version of the code.
Learn2Flash
April 13, 2009 at 10:36 PM
Earthquake works but the rest of my flash wont work when the earthquake is rumbling
April 13, 2009 at 10:44 PM
Hey my flash animation wont work when the earthquke is rumbling
April 14, 2009 at 8:09 PM
Hi what?:
I'm not sure about what you mean whenyou say the rest of your flash wont work but i'm assuming that you placed animation in the same frame as the earthquake image layer with the actionscript? My suggestion is to place your flash after the earthquake rumbles and see if that works.
-Learn2Flash
June 16, 2011 at 10:27 PM
the earthquake is not shaking
Post a Comment