first attempt using adobe flash

finally we were briefed on our first assignment since our previous class was canceled. we were asked to create a design based on the title PATRIOTISM. madam lydia even invited one of our seniors to tell us more about his own experiences on exploring adobe flash with the help of lecturer. senior told us it's better to do sketching first before transfer ideas into adobe flash, it's easier for us to create an ideal design. 

after digested what madam lydia taught us in class and viewed those links she shared with us, i begin to play around with adobe flash for my very first time. i decided to make a shaky image + shaky words design. 

1. first i created a new file by clicking ActionScript 3.0

2. under properties, i changed my file size into A4 size according to what lecturer needs. after changed to a4 size, i minimize my screen view due to the large size of file.

.


3. then i import files i needed to add in my design. for me, i only imported one piece of wrapped paper, the rest of my design i used brush tool in adobe flash.

after chosen the image i want it will directly appeared under library. after that i drag it into working space.


4. since my file is too huge in size, so what i did is changed my file size exactly the same like the background.

i changed the size to W: 1754px and H: 1240px under properties.

after changing the size of the file, in order to make it stay on the background instead of flying anywhere else, i also changed the size of X axis and Y axis to 0.

5. next i created a new layer, so i have 2 layers now. i rename them as 'background' and 'flag drawing'  instead of 'Layer1 and 2' to minimize complicated throughout my work.

 6. after clicking on brush tool, i changed the color of stroke and fill to black.

7. next i right click on the first frame of background layer (the tiny little black dot). copy the frame and paste it at frame 95.

8. by using brush tool, i click on the first frame of "flag drawing" layer and start to draw the outline of Malaysia's flag.

.

9.  in "flag drawing" layer, i copied frame 1 and paste it at frame 4. once i've done, i continue to draw my flag.

.


10. by repeating the method i used in step 9, i copied frame 4 and pasted it at frame 10 and continue to draw. so at last, there will be an increasing amount of drawing in each frames.

.


11. next, i want to add text above the flag. firstly i clicked on "background" layer and then clicked on frame 6. using text tool, i typed letter "M" above the flag. once i've satisfied with the position of that letter "M", i right clicked on frame 6 and clicked "insert keyframe". after that a little black dot appeared in frame 6.

.

12. by using the method in step 11, i've added in all the words i want and this is the outcome.

.


13. and in order to make my design move, i clicked on each frames and moved the position of each drawing and text. i just slightly moved them left and right or up and down.

.


14. and finally..tadaa!

this is the final outcome :) i know it's just a simple design but i've put a lot of efforts inside. for a beginner it's not that bad right? :p

have a nice day
xx