feedburner
Enter your email address:

Delivered by FeedBurner

feedburner count
Showing posts with label Image Effect. Show all posts
Showing posts with label Image Effect. Show all posts

Flash: Earthquake Effect

Posted by Maggie Zhang Labels: , , ,

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.

Saturday, January 17, 2009 | 8 Comments



Flash: Alpha Mask Effect

Posted by Maggie Zhang Labels: , ,

 Happy New Years everyone! I am finally back after a long year of school work. Now let's kick off the new start of Learn2Flash with an easy image effect tutorial.


The Final Result:




Step 1) Open up a new Flash File (ActionScript 2.0) and click on - Modify - Document to adjust the Height:307 Width: 404.

Step 2) Import the image to the stage (Ctrl+R) and change the picture's dimensions to the same as above in the properties section. Remember to Align it to the stage.

Step 3) Go to Modify - Convert to Symbol (F8) and convert it into a MovieClip. Once that's done in the Instance Name field enter "pic" as shown below and also tick the box "Use runtime bitmap catching".


Step 4) Still on your picture layer, click on the 15th frame and press F5 or right-click, Insert Frame.



Step 5) Create a new layer above your picture and draw a small oval in the center (Stroke: None, Fill: Black). Select the oval and press F8 to make this a MovieClip Symbol. 

Step 6) Select your oval and in the Instance Name field enter: mask_mc.(This is an important step as it will be used in our ActionScript).



Step 7) Go to Filter and add Blur to your oval at Blur X: 100, Blur Y: 100.



Step 8) In frame 15 of your oval, press F6 to Insert a Key Frame (Right Click, Insert Keyframe) and in the 15th frame use the Free Transform Tool (Q) to click and drag your oval to become bigger (but smaller than your actual picture).

Step 9) Right click in anywhere between the 1st and the 15th frame and click on Create Motion Tween.

Step 10) Create a new layer and this is where the AS code will be inserted. On the first frame press F9 to insert the AS code link .



Step 11) Go to the 15th frame and create a Keyframe (F6) and insert this code if you do not wish the Flash to replay.




Finished and Enjoy your holidays!

Wednesday, December 31, 2008 | 14 Comments



Subscribe to: Posts (Atom)