❤ Apps 3: Creating Animation ❤

hola guyssss!!!

 kali nie aku nk post pasal class activity aku on creating animation..nie adelah apps yang ketiga aku blaja dalam ADOBE FLASH..hehehe untuk activity yang first adalah seperti dibawah;

A. create an animated bouncing ball that could change its positions, colors, 

and size along the preferred timeline. 

so, daripada soalan diatas, aku pun create lah aku punye animated bouncing ball yang tersendiri dengan berpandukan kepada apps3 yang diinstallkan dalam ipad kitorg..hehehe nk tgk hasil aku?? huhu tarraaaaaaaaaaa..

ok, now aku nk explain pulak mcm mane aku buat sampai boleh jadi cantik mcm nie..hehehe such a perasan kan..hehehe step2 yang aku gunekan adalah seperti berikut..

1- create new stage
2- select an oval tool and draw circle shape which is like a ball..
3- select that circle and convert it to a symbol by go to 'Modify' menu and choose 'Convert to Symbol'
4- type name of the symbol and choose as graphic, then click 'OK'.
5- go to frame 10, and right click on it..
6- Choose 'Insert Keyframe'
7- Here, i've change  the position of the ball
8- at this position i've change its size..to change the size, click on the free transform tool, clik on the circle and simply drag into small size..(here is up to u olls la..if nk besar just drag into a bigger size..xkisah lah ape2 pun..asalkan nmpak peubahan size..hehe and paling penting ikut citarasa sedap hati korg ye..hehe)
9- to change the color, its also the same, click on the circle, and look at the properties panel..in properties panel u're able to change its brightness and color..to change the brightness just choose brightness then u may increase or decrease the brightness of the circle..if want to change the color just choose 'Tint' and u can choose the color u want..huhu simple right..
10- after change the position, color and brightness, now we want to create its motion..to create the motion, we can click at any frame in between frame 1 and 10 since i've insert keyframe and make a changes at this frame...

11- so, i choose frame 5..right click on frame 5, and choose create motion tween. 
12- step yang same diulang..terpulang la korang nk buat sampai frame berape pun...hehehe
13- after dah siap, boleh test movie by press ctrl+enter..
 taraaaa...jadilah mcm animation bouncing ball kat atas..
sebelum aku lupe, if nk slow or fast its movement just change pada frame rate je..hehehe yg asal adalah 12fps..so kalo nk its move slower just decrese the rate..hehehe


selain bouncing ball aku jugak buat ayunan pendulum..hehehe step nye lebih kurang je as ape yg aku explain kat atas..

hehehe ok x? boleh lah kan dari xde..hehehehe xpe2..next time aku buat cntik2 lagi ok..hehehe

B. Create a new flash file and change a text form into a star shape.

untuk task yang ini, aku kene create animation yang boleh tukar tulisan kepada bentuk ape2 je..mcm magic tue..hehehe untuk buat nie kite apply shape tween..hehe hasil yang aku buat adalah mcm video kat dibawah..

untuk create animation mcm nie, ade beberapa step yang terlibat..huhu...Procedure untuk create this kind of animation adalah seperti yang berikut; 

1- create a new flash file
2- at frame 1, type text using text tool
3- we need to break apart the text by select the text, click on 'Modify' and choose 'Break Apart' so we can break the text individually.
4- we need to repeat break apart step for once again by select the 'Modify' and click 'Break Apart'
5- Then, on the frame, u may choose any frame u want..as for me i choose frame 25.
6- right click on frame 25, choose insert key frame
7- Delete the text and draw a star shape by using polystar tool..
8- at the properties panel for polystar tool, click 'option' and choose 'star'
9- Draw star at the stage on frame 25..
10- Click on any frame between frame 1 and 25, right click and choose 'create shape tween'..
11- u may repeat this step if u wanna change it back to the text what i did..meaning that from text to shape to text..hehehe


C. Use a motion guide technique to guide the ant move along the tunnel.

untuk task yang seterusnya, aku kene create satu animasi yang menggunakan motion guide untuk menggerakkan sesuatu mengikut laluan yang dikehendaki..as for example nk create layang2 terbang ke, roket terbang ke..hehehe tp untuk task nie minx en.semut berjalan..hehehe bile ckp pasal semut nie aku teringat kat adik aku..bile aku dok bebel2 kan die kan boleh pulak die ckp camni 'adik seperti dengar semut berbisik la..akak dengar x?' dengan muke innocent gile membuatkan aku nk gelak..hahaha miss u laaa adik..huhu ok cukup2..back to my task..aku pun create lah animation about semut berjalan..hasilnye adelah seperti dibawah..

untuk create semut berjalan nie, kene gune motion guide technique..step nye ade diexplain kan seperti dibawah..

1- create a new flash file
2- I draw the ant..after complete draw the ant, by using selection tool, select the ant and click on 'Modify', Choose 'Covert to Symbol' and name it as ant and choose movie clip, then click 'OK'.
3- Delete the ant..on the layer, i choose pencil tool + smooth to draw a tunnel for the ant..name the layer as road..
4- insert a new layer, and name it as ant..drag the ant symbol from the library..
5- at frame 50, right click and insert key frame,
6- move the position of the ant to the end of the tunnel..
7- in the middle of the frame, right click on frame and create a motion tween..
8- then, Click 'new motion guide'
9- Select pencil tool and choose smooth option then start to draw the line guide..
10- Click on the ant, and make sure the draw line is touch at the middle of the box..if not, adjust the line so that, it will touch the middle by using selection tool.
11- on the properties panel, tick on 'Orient to path'..
12- press ctrl+enter to test your movie..
now, u can save it..huhu

*bile nk select pic semut tue, its akan effect die punye tunnel..so ape yg aku dah buat, kat layer tunnel tue aku lock kan..huhu senang keje..hehe


D. Try to animate cartoon's mouth by applying frame by frame technique in adobe flash..

task yg nie senang jugak la..just gerak2 kan mulut cartoon yang kite draw seolah2 menampakkan yang cartoon tue tgh ckp something..hehe contoh nye adalah seperti dibawah..

huhu untuk create animation on cartoon's mouth nie teknik frame-by-frame adalah yang paling sesuai untuk diaplikasikan..hehehe kat bwh nie aq ade list out kan procedure yang aku gune..so korg boleh la try nnt..ok, let explore it..

1- create new flash file
2- draw any shape of mouth such as smile, sad, and so on..
3- convert on what u draw into a symbol.
4- cilck on modify, choose convert to symbol, name it as mouth 1, mouth 2 and so on (name yg korg ase senang nk ingat..), choose graphic and click OK..
5- then, draw the face of the cartoon on frame 1..then after complete ur drawing, right click on frame 1, copy frame, and go to frame to right click and paste frame..the same cartoon will appear on the second frame..
6- just remove the mouth and drag in the new styles of mouth..repeat in frame by frame by exchanging cartoon's mouth style..
7- terpulang lah pada korang bape banyak korang nk buat..huhu aq buat tiga style of cartoon's mouth animation je..hehehe

so, inilah task2 yang aku dah siapka untuk aktiviti kelas aku..hehehe korng boleh try eh..if xfhm boleh tny kat ruangan komen ok..hehehe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~