Friday, June 5, 2015

Adobe Flash CS3 - Cara membuat aplikasi sederhana (How to make simple application, set button & insert video) Layer to Layer


Introduction to Adobe Flash CS3
Adobe Flash CS3 Professional software is the most advanced authoring environment for rich, interactive content creation. Whether creating interactive websites, rich media advertisements, instructional media, engaging presentations, online games, or content for mobile devices, designers and developers worldwide depend on Flash to ensure that their content reaches the widest audience.

In this ocassion, I am going to show you how to make a simple application using adobe flash CS3. It has similarities with macromedia flash. Before I'm going to make that application, I will show you the results first.



1. You need Adobe Flash CS3 Professional or Macromedia flash 8.
2. When you have finished Adobe Flash CS3 Proffesional, you can open it.
3. After it is opened, there will be some option before you make a new document.
4. Then, click " Flash file (ActionScript 2.0)


5. After your new document is opened. document , set up a picture on layer 1 (you can rename layer 1 to become background. it will help you during create your apps) as your background.you can drag the picture from your computer or click "file", choose "open" and choose your picture. then click Ok


6. After set up your background. Now this time to give some button by clicking "Rectangle Tool", set up the size and colour like the picture below.

7. Naming your rectangle by clicking "text tool' as pictur below.


8. Format the rectangle and text by right click. Choose "convert to symbol" and click "Botton" and click "Ok".

9. Do the same way for other bottons. So, the main menu look like the picture below.


9.After you finished making the layer (menu), now save your project into "fla" and "swf" fromat, if you wanna save this project is usable in application, you must save it into swf format. you can save by click "file", choose "export", click "export movie".
10. Then make new layers (Reading, Listening and Aboutus). in this new layer, I will make a text on it. if you wanna make a rectangle click rectangle tool and insert a text by clicking "text tool" like the picture below.



11. then, make a botton like the picture bellow. do the same thing like step 8.


12. After you have finished make layer reading, now you will make another layer (Listening) on new documet. on this step you will know how to insert video on your layer. if you wanna to insert a layer, please click "file", choose "import", then click "import to stage". after that, choose your video and click "Open". see the picture below.


13.After you finished, save your document into "swf" format.
14. Make another document and name it "aboutus", save it into "swf" format. dont forget to make botton and format it like step 8.


15. After you save your documet with "swf" format (Reading, Listening, aboutus). Then, return to Menu. on this step, you will insert some scripts to connect Menu to another layers (Reading, Listening, aboutus).
for example, in Reading botton, right click, click "action" then inser this script bellow.

on(release){
loadMovieNum("Reading.swf",0);
}




16. After you finished, save it into "swf" format again.
17. Now, insert the script again in another layers (Reading, Listening and aboutus). This script will make your botton to return to Menu. For example, I put the script in botton on layer "Reading".
see the picture bellow.
(if you miswrite your swf file, you will have an error when you click on those botton.)



18. After you finished, please save all layers (reading, listening and aboutus).
19. you want to make ".exe", open your layer (Menu). then click "file" on. Click "publish setting" and choose "windows project" then click "OK"

If you have difficulties, you can see a video below how to make media interactive learning step by step.