Tampilkan postingan dengan label 2D. Tampilkan semua postingan
Tampilkan postingan dengan label 2D. Tampilkan semua postingan

Rabu, 28 Desember 2011

Cara Membuat Jam Digital Bag.I_Flash

Sesuai dengan judul diatas, kali ini kita akan belajar cara membuat jam digital menggunakan MacromediaFlash8.
Langsung saja, setelah masuk MacromediaFlash8, siapkan keyframe & layer seperti pada gambar dibawah.

Setelah persiapan selesai pada layer jam, frame1 gunakan text tool. Lalu lakukan pengaturan propertis seperti gambar dibawah.
  • Ubah Text Type menjadi Dynamic Text, lalu isi variable dengan nama jam.


Sekarang saatnya kita bermain dengan script.
Pada layer Script, Frame 1, aktifkan jendela action script. Isikan script dibawah:
myDate = new Date ();
myHours = myDate.getHours ();
myMinutes = myDate.getMinutes ();
mySeconds = myDate.getSeconds ();
jam = myHours+" : "+myMinutes+" : "+mySeconds;

Selanjutnya kita akan memberi action script pada  layer ScriptFrame 1.
gotoAndPlay ;
Download File disini:
Untuk download software Macromedia Flash:

Kamis, 03 November 2011

Membuat Animasi The Owl_Flash

Pada matakuliah kali ini saya mendapat tugas untuk membuat animasi 2D intro filem animasi The Owl.
Buat yang ingin melihat contohnya bisa dilihat filemnya di youtube.

Pertama untuk membuat animasi ini, anda harus membuat 5 Layer,
  1. Layer 1 ==> Gambar mata Si Owl
  2. Layer 2 ==> Gambar badan Si Owl
  3. Layer 3 ==> Tulis kata The
  4. Layer 4 ==> Tulis kata Owl
  5. Layer 5 ==> Gambar ranting pohon

Sekarang blok semua layer di frame 20, lalu klik kanan > Insert Frame.

Pada Layer mata > Frame 3, klik kanan > insert Keyframe. 

Lalu gunakan selection tool lalu deleted bagian hitam mata, untuk membuat agar warna mata hanya putih, seperti pada gambar.

Lalu insert keyframe lagi pada frame ke 5, kali gambar lagi mata agar seperti gambar mata di frame ke 1 lagi.

Pada layer The dan layer Owl, insert keyframe pada frame ke5, dan frame ke12. Lalu pada frame ke12, ubah posisi  layer The dan layer Owl menjadi seperti pada gambar.
Lalu pada insert keyfrae lagi pada frame 16, pada frame 16 semakin dekatkan tulisan The dan Owl.  

Buat keyframe baru pada:
Layer mata ==> frame 12 dan 15
Layer badan ==> frame 12 dan 15
Seleksi layer mata dan badan frame ke 15, lalu menggunakan bantuan free transform tool,  ubah ukutan si owl menjadi seperti pada gambar.
Lalu pada layer mata dan badan, buat keyframe baru lagi di frame ke 18. dan di frame 18 itu ubah posisi owl agar terbalik seperti pada gambar.
Insert keyframe lagi di frame ke20 di layer mata, badan dan Ranting.  Lalu ubah posisi ke3 layer tadi agar berada dibawah stage.
Ini adalah bagian finishing beri tween animation pada animasi tadi sesuai pada gambar dibawah.




Rabu, 02 November 2011

Movie Clip_Flash

Cara membuat movie clip di flash.
Langkah pertama anda harus membuat sebuah balok dulu, seperti pada gambar,

Lalu untuk membuat sebuah movieclip, seleksi semua balok tersebut, lalu klik kanan > convert to simbol.
Lalu akan uncul kotak dialog convert to simbol, beri nama sesuai keinginan anda dan pastikan typenya movieclip. Lalu klik Ok.

Lalu klik 2X balok itu, agar anda masuk dalam halaman movie clip. Jika anda sudah masuk maka tandanya seperti gambar dibawah, berarti sudah masuk moviclip pantul.
Lalu buat layer baru, dan gambar bola, sehingga hasilnya seperti pada gambar dibawah.
  1. Layer 1 = balok
  2. Layer 2 = bola

Lalu pada layer 1 ==> frame 10, klik kanan > Insert Frame.

Selanjutnya pada layer 2 ==> frame 5, klik kanan > Insert KeyFrame. Lalu naikan posisi bola, sehingga berada diatas.

Selanjutnya pada layer 2 ==> frame 10, klik kanan > Insert KeyFrame. Lalu turunkan posisi bola.
Selanjutnya beri tween animation diantara frame 1-5 & 6-10
Klik salah satu frame diantara frame 1-5, lalu pada pilihan tween, klik shape.

Sekarang jika anda membutuhkan animasi bola pantul ini, anda tidak perlu membuatnya lagi, cukup drag movie clip yang sudah anda buat tadi di bagian library.


Animasi Bola Memantul_Flash

Matakuliah kali ini saya diajari software animasi 2D yang sudah sangat terkenal yaitu macromedia flash.
Pelajaran kali ini sangatlah dasar yaitu membuat bola memantul.

Langkah pertama siapkan 2 Layer


  1. Layer 2 = Gambar bola
  2. Layer 1 = Gabar garis

Pada layer 1 ==> frame ke 12, klik kanan > Insert Frame.
Fungsinya agar gambar garis akan ditampilkan sampai frame ke 12.
Sekarang kita beralih ke layer 2 ==> frame ke 5,  klik kanan > Insert keyframe.
Pada Keyframe ke 5 turinkan posisi bola menjadi sama seperti pada gabar.
Buat keyframe lagi di layer 2 ==> frame ke 6, di layer ke6 ini dengan bantuan free transform tool ubah bentuk bola menjadi seperti pada gambar.
Buat keyframe lagi di layer 2 ==> frame ke 7, di layer ke 7 ini naikan posisi bola, sehingga sepeti gambar dibawah.
Buat keyframe lagi di layer 2 ==> frame ke 8, di layer ke 8 ini dengan bantuan free transform tool ubah bentuk bola kembali seperti bentuk awalnya.
Buat keyframe lagi di layer 2 ==> frame ke 11, di layer ke 11 ini posisikan bola pada tempat yang lebih tinggi lagi.
Sekarang saatnya untuk membuat animasi tween. Klik frame diantara frame 1 dan 5, lalu pada bagian Shape yang berada dibawah pilih shape.

Lalu hasilnya seperti