Animated Form :
1. After importing the background into the stage create another layer above it and name it "form " .
2. Choose the Text Tool and insert an Input Text.
3. (purple arrow) and name it as " comments_txt "
4. Once again choose the Text Tool , but this time apply a " Static Text " .
5. Type in " Thanks for your comment ... " .
6. Place another Input Text and name it " email_txt " .
7. Add a submit button and name it " register_btn "
8. Create another layer above the form-layer and name it " pushpin". Import your bitmap picture into the stage , select it and click f8 to convert it to a movieclip.
9. Hold down the Shift key and right click on the both background and form layers on frame 50 to insert frames. Then on the pushpin layer, right click on frame 10 and convert it to a keyframe.
10. make sure frame 10 selected, then hit f6 10 times and start animating the pushpin from frame 11.( purple arrow) activate the onion skin button to see through the frames, like a light box. ( by using the free transform tool change the scale and position of pushpins on each keyframe.)
11. Start animating the form by hitting f6 6 times on frame 26. by doing so, you repeat the original form 6 times. Now you can go to each keyframe after frame 26 and change its drawing to animate the form.
12. Add a single keyframe(f6) on frame 40. place a submit button and name it " newForm " for its instance name. also add a static thank you text .
13. click on the first frame of form layer and copy it, then click on frame 41 and paste to it. make sure frame 41 selected then hit f8 to convert it to a graphic symbol and change its alpha to 0%. go to the last frame, add a keyframe and change its alpha to 100 %.
14. (purple arrow) click somewhere between two keyframes, then go to property panel ( orange arrow) and select motion .
15. At this step add another layer above the pushpin layer and name it " label ". Go to frames 10 and 40 and add keyframe.( green arrow) label them as " theForm " and " acknowlege ".
16. Add another layer and name it "a " for actionscript . Hit f9 to open the actionscript panel then enter the following script . ( for more information click here ... )
17. ... add a keyframe on frame 40, open the action panel (f9) and enter the following text.
18. save your flash file and test your movie.
|
| Subscribe to adobe tutorials by email.
|
| Copyright © 2004-2008 Animatrick.com ® All Rights Reserved |
![]() |
Browse Tutorials By Category
Choose a category below to browse and subscribe to RSS content.
|
After effects
|
|
Flash
|
|
Illustrator
|
|
Photoshop
|
|
Premiere
|
|
Sound
|
|
|
| WYSIWYG ADOBE Tutorials For After Effects, Flash, Illustrator, Photoshop, Premiere and Sound |