Tutorial Menggunakan Teknik Classic Tween

Oleh Katon Pratama

903,2 KB 9 tayangan 0 unduhan
 
Bagikan artikel

Transkrip Tutorial Menggunakan Teknik Classic Tween

Tutorial Menggunakan Teknik Classic Tween A. Object bergerak 1. Membuat file baru dengan menggunakan html5 canvas. Gambar 1.1 2. Kemudian akan muncul blank document seperti gambar di bawah. Gambar 1.2 3. Kemudian cobalah membuat dengan object shape pada pilihan menu tools pada sebelah kanan Gambar 1.3 4. Pada pilihan menu berikut, bisa digunakan untuk merubah ukuran dan warna dari shape Gambar 1.4 5. Kemudian masukan object shape kedalam canvas dengan cara klik pada canvas dan atur ukuran sesuai yang di inginkan, bisa sambal tekan shift agar object menjadi presisi. Gambar 1.5 6. Pada frame yang ada di bawah klik kanan pada frame berapa gambar akan berubah posisi, contoh pada gambar menggunakan frame 1 sampai 20, kemudian akan muncul pilihan menu, lalu pilih “Insert Keyframe”. Gambar 1.6 7. Kemudian setelah pilih menu “Insert Keyframe”, pindah object shape tadi ke tempat yang akan di inginkan, misalnya yang awalnya object beraada di pojok kiri atas, pindahkan object pada kanan atas Gambar 1.7 8. Setelah itu pada frame klik kanan pada antara atau pada tengah frame, misalnya pada frame yang dibuat tadi frame 1 sampai 20, kemudian klik kanan pada frame 10, kemudian akan muncul pilihan menu seperti tadi, lalu pilih menu classic tween. Gambar 1.8 9. Setelah itu object akan berada di tengah Gambar 1.9 10. Kemudian tekan enter, membuat object bergerak dengan classic tween sudah selesai, jika ingin mengatur cepat gerakannya bisa mengurangi framenya, dan jika memperlambat gerakan object bisa dengan menambah framenya. 11. Selamat mencoba. B. Memperbesar dan Memperkecil Object 1. Cara ini merupakan lanjutan dari cara yang telah dilakukan pada pembuatan object bergerak, pada teknik pembuatan ini membuat object berubah ukuran dari object kecil sampai ke besar atau sebaliknya. 2. Setelah melakukan seperti pad acara sebelumnya, kemudian klik pada akhir frame atau pada frame 20 kemudian pada piihan menu sebelah kanan terdapat tools transform, klik transform tools lalu klik pada object shapes. Gambar 2.1 3. Kemudian pada shapes object perbesar atau perkecil, misal perbesar gambar. Gambar 2.2 4. Kemudian tekan enter, maka object shapes akan bergerak dan berubah bentuk dari kecil ke besar. Gambar 2.3 Gambar 2.4 5. Selamat mencoba. C. Transparansi Object 1. Menggunakan trasnparansi object juga merupakan lanjutan dari teknik menggunakan classic tween di atas. 2. Pada awal atau akhir frame, kemudian klik object yang akan di animasikan, kemudian pada property terdapat pilihan style kemudian ganti menjadi alpha. Maka object akan berubah menjadi transparan. Gambar 3.1 3. Kemudian bisa atur tingkat transparansi sesuai keinginan. Gambar 3.4 4. Selamat mencoba

Judul: Tutorial Menggunakan Teknik Classic Tween

Oleh: Katon Pratama


Ikuti kami