Pages

Aplikasi Perkalian Sederhana | Adobe Flash CS6

Tuesday, January 23, 2018

1. Buka Aplikasi Adobe Flash
2. Pilih menu File
3. Pilih menu New
4. Buatlah 3 buah persegi panjang dengan Text Tool yang masing-masing Var -nya diberi nama angka1, angka2, dan respon. Dengan type text Dynamic Text.


5. Buatlah 1 persegi panjang dengan Text Tool dengan type text Input Text yang Var-nya diberi nama jawaban.


6. Buatlah 2 Button yang dengan menggunakan Text Tool dengan type Input Text Static Text. Masing-masing diberi nama tombol_cek dan tombol_reset . Klik kanan pada tombol cek maka akan muncul seperti ini:
juga apabila klik kanan di reset kemudian pilih Convert to Symbol maka akan muncul seperti ini: 

7. Buatlah lambang - lambang untuk perkalian (x) dan =. Lalu letakkan seperti berikut:


8. Tekan F9 untuk memunculkan actionscript. Masukan script ini pada Scene 1
angka1 = random(20);
angka2 = random(10);




9. Setelah input script pertama, jangan tutup jendela actionscript terlebih dahulu. Klik tombol cek dan masukan script dibawah ini:
on(release){
if(jawaban==angka1*angka2){
respon = "BENAR";
} else {
respon ="SALAH";
}  
}

10. Kemudian klik tombol reset dan masukan script berikut ini:
on(release){
angka1=(20);
angka2=(10);
jawaban= "";
respon= "";


}
11. Kemudian pada setiap Dynamic Text, uncheck list Auto Kern, setelah itu klik kolom jawaban kemudian ini kotak yang bertuliskan Maksimum Character dengan jumlah karakter yang biasa kalian sesuaikan.
12. CTRL + Enter untuk mencoba. Isi pada kolom jawaban dan klik tombol Cek untuk melihat hasilnya.


Selamat Mencoba!
http://bit.ly/2F56Ddq

Tutorial Animasi Revolusi Bulan | Adobe Flash CS6

1. Buka aplikasi  Adobe Flash
2. Pilih menu File
3. Pilih menu New
4. Buatlah 4 buah layer dengan mengklik tombol Insert Layer pada timeline untuk membuat Layer baru. Pastikan posisi masing-masing layer seperti gambar dibawah ini:





5. Klik Layer 1 pada Timeline. Gambarlah sebuah objek lingkaran besar sebagai bumi dan letakkan di tengah-tengah stage. Seleksi seluruh objek tersebut dengan menekan Selection Tool kemudian tekan Ctrl + C untuk menggandakan (copy) objek tersebut.

























6. Klik Layer 4 pada Timeline.  Setelah berada di Layer 4, klik mouse di stage dan pilih Paste in Place.



7. Klik Layer 3 pada Timeline. Gambarlah sebuah objek garis berbentuk oval seperti dibawah ini:  
 dan hilangkan sedikit garis dibagian atas oval tersebut dengan menggunakan Eraser Tool


8. Klik Layer 2 pada Timeline. Gambarlah sebuah objek lingkaran kecil sebagai bulan di stage Layer 2.

9. Seleksi objek lingkaran kecil tersebut dengan menekan Selection Tool. Klik kanan dan pilih Convert to Symbol. Pada kotak dialog yang muncul masukan "bulan" sebagai name dan movie clip sebagai type. Pastikan titik registration movie clip di bagian ujung kiri atas. Lalu, tekan OK.

10. Tempatkan objek di ujung garis oval bagian kiri.

11. Klik kanan frame 70 pada Layer 3 dan pilih Insert Frame.
12. Klik kanan frame 70 pada Layer 2 dan pilih Insert Keyframe. Ubah letak objek di frame 70 pada layer 2 ke ujung garis oval bagian kanan.
13. Klik kanan frame 1 pada Layer 2 dan pilih Create Motion Tween.
14. Klik kanan Layer 3 pada Timeline dan pilih Guide. Singgungkan Layer 2 ke Layer 3. Sehingga menjadi seperti gambar di bawah ini:




15. Klik kanan frame 30 pada Layer 1 dan pilih Insert KeyFrame.
16. Klik kanan frame 63 pada Layer 1 dan pilih Insert Frame.
17. Hapus objek lingkaran besar (bumi) di frame 1 pada Layer 1.
18. Klik kanan frame 70 pada Layer 4 dan pilih Insert Frame.
19. Klik kanan frame 64 pada Layer 4 dan pilih Insert Keyframe.
20. Klik kanan frame 30 pada Layer 4 dan pilih Insert Keyframe. Hapus objek lingkaran besar (bumi) di frame 30 Layer 4 ini. Sehingga di Timeline akan tampak seperti di bawah ini:



21. Untuk mencoba Klik CTRL + ENTER

Selamat Mencoba
http://bit.ly/2DvEZWk



Jam Analog | Adobe Flash CS6

1. Buka aplikasi Adobe Flash 
2. Pilih menu File
3. Pilih New untuk membuat stage baru
4. Import/drag gambar jam analog tanpa jarum jam, atau dapat membuat menggunakan oval tool dan text tool.

5.  Buat tiga garis menggunakan Line Tool pada Tools Panel. Garis jam lebih panjang dari garis menit. Garis menit lebih panjang dari garis detik. Garis detik lebih panjang dari garis jam. Seperti gambar berikut:




6. Seleksi garis yang paling kecil (jam). Kemudian klik kanan dan pilih Convert to Symbol. Masukkan jam_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah. Lalu, tekan OK.

7. Seleksi movie clip jam_mc di stage. Kemudian, pada panel Properties yang muncul masukkan jam_mc sebagai instance name.


8. Seleksi garis yang sedang/tidak terlalu panjang (menit). Kemudian klik kanan dan pilih Convert to Symbol. Masukkan menit_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah. Lalu, tekan OK.


9. Seleksi movie clip jam_mc di stage. Kemudian, pada panel Properties yang muncul masukkan menit_mc sebagai instance name.

10. Seleksi garis yang paling panjang (detik). Kemudian klik kanan dan pilih Convert to Symbol. Masukkan detik_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah. Lalu, tekan OK.

11. Seleksi movie clip jam_mc di stage. Kemudian, pada panel Properties yang muncul masukkan detik_mc sebagai instance name.

12. Letakan movie clip jam_mc di tengah lingkaran yang kita buat sebelumnya.


13. Selanjutnya letakan movie clip menit_mc di tengah lingkaran (ditempat yang sama movie clip jam_mc berada).

14. Lalu letakan juga movie clip detik_mc di tengah lingkaran (ditempat yang sama movie clip jam_mc dan menit_mc berada).
15. Setelah semuanya terpasang, klik frame 1 dan tekan F9 pada Timeline. Pada panel actions yang muncul masukkan script berikut:
onEnterFrame = function () {
     waktu = new Date();
     jam = waktu.getHours();
     menit = waktu.getMinutes();
     detik = waktu.getSeconds();
     if (jam>12) {
            jam -= 12;
     }
     jam_mc._rotation = jam*30+(menit/2);
     menit_mc._rotation = menit*6;
     detik_mc._rotation = detik*6;
};

16. Tekan CTRL+ENTER untuk melihat hasilnya.

Selamat Mencoba!
http://bit.ly/2BkERr8

Motion Shape Tutorial | Adobe Flash CS6

1. Buat Flash dokumen yang baru
2. Buat sebuah lingkaran pada frame 1 dan letakan tepat di tengah-tengah stage.

3. Buat sebuah persegi  pada frame 20 dan letakan tepat di tengah-tengah stage.

4. Klik Insert→ Shape Tween


Pada Timeline, akan muncul garis panah dari frame 1 menuju frame 20


5. CTRL + ENTER untuk test movie


Selamat mencoba!

Membuat Motion Guide | Adobe Flash CS6 Tutorial

1. Buatlah sebuah Flash Document
2. Buatlah sebuah lingkaran berwarna merah dengan lingkaran hitam sebagai stroke-nya. Gunakan Oval Tool pada Tools Panel atau tekan O pada keyboard.

3. Seleksi lingkaran, lalu klik kanan, klik Convert to Symbol. Pada panel yang muncul masukkan bola sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

4. Klik kanan pada lingkaran, kemudian klik Add Classic Motion Guide. Kemudian akan muncul Layer Guide baru pada Layer 2



5. Klik Frame 1 pada Layer 2 kemudian buat garis di stage seperti ini menggunakan Pen Tool.

6. Letakkan bagian tengah movie clip bola pada ujung garis bagian kiri seperti gambar di bawah ini 



7. Klik kanan frame 45 Layer 2 dan pilih Insert Frame.



8. Klik kanan frame 45 Layer 1 dan pilih Insert KeyFrame.



9. Ubah letak movie clip bola pada frame 45 ke ujung garis bagian kanan. Pastikan bagian tengah movie clip bola yang berada di ujung garis tersebut seperti gambar di bawah ini:

10. Klik kanan frame 1 Layer 1 dan pilih Create Classic Motion Tween.



11. Tekan Ctrl+Enter untuk melihat hasilnya.


Selamat Mencoba!👌

http://bit.ly/2n3oqKE

Animasi Frame by Frame | Adobe Flash CS6 Tutorial

Latihan membuat Animasi Frame by Frame ini sangat mudah, karena merupakan dasar dalam mempelajari Animasi. Berikut ini tutorialnya:

1. Buka aplikasi Adobe Flash 

2. Pilih Actionscript 2.0
3. Pada Frame 1 buat lingkaran dan garis seperti ini :

4. Pada Frame 1 buat objek seperti ini dengan meng-klik lingkaran kemudian tekan tombol down pada keyboard:




5. Pada Frame 3 buat objek seperti ini dengan meng-klik lingkaran kemudian tekan tombol down pada keyboard sampai lingkaran menyentuh garis.




6. Pada Frame 4 buat objek seperti ini dengan memilih lingkaran menggunakan Free Transform Tool atau dengan menekan huruf Q pada keyboard. Tarik ke sisi kanan dan kiri hingga jadi elips seperti ini. 




7. Pada Frame 5 buat objek seperti ini dengan memilih lingkaran menggunakan Free Transform Tool atau dengan menekan huruf pada keyboard. Tarik ke sisi atas dan ke bawah, kembalikan ke bentuk semula. 




8. Pada Frame 6  buat objek seperti ini dengan meng-klik lingkaran kemudian tekan tombol up pada keyboard sehingga lingkaran akan naik sampai ke posisi yang diinginkan




9. Tekan CTRL + Enter untuk test movie 

Selamat mencoba!
http://bit.ly/2DxRe8Z


 
FREE BLOGGER TEMPLATE BY DESIGNER BLOGS