Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan
Tampilkan postingan dengan label TUTORIAL. Tampilkan semua postingan

Selasa, 11 September 2012

TUTORIAL MEMBUAT ANIMASI

ANIMASI PESAWAT
·         Buat layer background pd frame 1 buatlah kotak yg memenuhi stage dan diberi warna yg sesuai dgn warna untuk langit. Klik kanan frame 160 dan pilih insert  frame. Kunci layer background.
Buat layer baru dan beri nama layer “awan”, pada frame 1 layer awan gambarlah gumpalan awan kemudian konvert menjadi movie clip, deri nama “awan”. Letakkan awan yg sudah jadi kearah luar sebelah kiri stage.
·                     Klik movie clip awan kemudian buka panel action (F9). Kemudian tuliskan script berikut
onClipEvent (load) {
_y = 100+random(400);
Xawal = _x;
Kecepatan = 10;
}
onClipEvet (enterframe) {
_x+ = kecepatan
If(_x>800) {
_x = xawal;
_y = 100+random(400);
}
}
·         Copy movie clip awan menjadi beberapa buah dengan ukuran dan letek yg berbeda – beda akan tetapi di luar sebelah kiri stage. Klik kanan frame 160 kemudian pilih insert frame setelah itu kunci layer.
·         Buat layer baru dan beri nama pesawat. Klik kanan frame 20 layer pesawat, dan gambarlah bentuk pesawat, setelah itu pesawat tsb jadikan group (ctrl+G).
·         Letakkan pesawat yg ada dalam frame 20 ke luar sebelah kanan stage, klik kanan frame 50 dan pilih insert keyframe. Geserlah gambar pesawat yg ada di dalam frame 50 ke tengah – tengah stage kemudian buat motion tween.
·         Klik kanan frame 60 layer pesawat dan pilih insert keyframe, lakukan juga pd frame ke 70. Pada frame ke 70 geser pesawat sedikit ke atas kemudian buat motion tween.
·         Klik kanan frame 80 layer pesawat dan pilih insert keyframe, geser pasawat agar sedikit berpindah kemudian buat motion tween
Buat layer baru kemudian beri nama layer rumus pastikan layer ini berada di bagian bawah layer pesawat. Pada frame 50, tulislah rumus dan letakkan di belakang bagian pesawat. Insert keyframe pd frame ke 80 layer rumus. Pada frame 50 ubah ukuran tulisan rumus menjadi kecil dan letakkan sedemikian rupa agar pesawat dapat menutupi tulisan tadi.

Insert keyframe pd frame ke 120 dan 160 layer pesawat dan layer rumus. Klik layer 160 layer pesawat dan tahan tombol shift kemudian frame 160 lyer rumus, maka ke2 objeck dalam stage akan terseleksi. Geser ke2 gambar/object tsb ke luar sebelah kiri atas stage. Kemudian create motion tween.




TUTORIAL MEMBUAT ANIMASI

-->
ANIMASI MOBIL

Kali ini Animasi yang akan dibuat adalah tulisan yang ditarik oleh mobil , langkah –langkahnya sbb:
  • Buatlah layer background kemudian gambarlah segi empat yang memenuhi stage, beri warna biru dengan gradasi warna (gunakan tombol https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEfKX6elNoZi1JTrLaBzskuaVAmDCqKDXT7_3tgokzNgA34IDhDxeAZkOR7OhxOuneHKQlJvxnr5vkZmL0Kwwz9JZfauhl-zv8rgXxVCosdXESVSr4rLMxOZ9ZOv73WC51Lv0VTgZFmrw/s320/1.jpguntuk mengatur). Selain itu kita juga bisa menambahkan gambar jalan. Ini untuk kita jadikan sebagai background atau gambar latar agar nantinya animasi terlihat lebih cantik.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAqF4INqRgz6aGCpV5L157ap1Tn2C5RDcvWjpWInaLkf7eqdxrA7cVqkuKIjStH0t3m6e_HHiEQGP8511lqoh2QSdfb_b2bAVwRx3wwz8TvmM4sg1Ka1y6at6BVL7UEf5QOdYAWvxkAJo/s320/3.jpg
Seteleh selasai, kunci layer background dengan menekan ikon https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMnSqolVGIn-sSURMe0i9EeUs-kVc-9GY07ijNXU-FYGqV1ePfE2P-eMJraz9Z1FavJHgXAB3ZC7mbdFrKICQfmYQQhQECohOsVVOPZ9OUW7euzQeF1J59YQoQrAl-dGgCYtcDZQL2oU/s320/2.jpguntuk memudahkan membuat obyek yang lain.
  • Buat layer baru beri nama layer “mobil”. Pada frame 1 layer mobil buatlah gambar mobil tanpa roda menggunakan tool-tool yang ada. Untuk sementara mobil dibuat tanpa roda kerena untuk bagian roda akan kita buat movie clip roda sehingga bisa berputar.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTHzkl66nBnv_MzIIR5XiQCe5A5ttz-CKCmhH5Y_meSE4Y-u_NjkMUz6yx_8JwD4rKJG41V3oaD2YjpdwILJZ19dqB_U_5ihsAzT8Nnm2B3f86XItSkUwEStedEw-VAEQpMINwoYp410/s320/4.jpg
Masih pada layer yang sama gambarlah sebuah roda/ban, seleksi gambar roda tersebut kemudian klik kanan dan pilih convert to symbol maka akan muncul kotak dialog baru, beri nama “ban” dan pilih type “movie clip” OK.
Setelah itu klik dua kali pada movie clip ban untuk masuk ke timeline ban. Setelah itu, klik kanan frame ke 20 kemudian pilih insert keyframe. Di tengah antara frame 1-20 klik kanan kemudian pilih create motion tween.
  • Klik frame 1 dan buka panel properties (Ctrl+F3) kemudian ubah isian option pada rotate menjadi “CCW” agar roda/ban dapat berputar, setelah ini maka animasi roda telah selesai kita dibuat (berputar), tekan Ctrl+Enter untuk mencoba. Roda telah selesai dan dapat berputar, akan tetapi bila kita perhatikan dengan teliti ada sedikit kejanggalan pada perputaran roda tersebut. Hal ini dikarenakan posisi putaran roda pada frame 20 sama dengan posisi pada frame 1.
  • Buat layer baru dan beri nama “action”, klik kanan pada frame 19 layer action kemudian buka panel action (F9) lalu ketikkan script berikut
gotoAndPlay(1);
Roda telah selesai dibuat. Keluar dari timeline roda/ban kemudian pasangkan pada kedua sisi depan dan belakang mobil. Seleksi gambar mobil dan ban kemudian klik kanan dan pilih convert to symbol menjadi movie clip, beri nama “mobil”.

  • Pada frame 1 layer mobil tempatkan mobil di luar sebelah kanan stage, klik kanan frame 70 dan pilih insert keyfame.
  • Klik kanan ditengah frame antara frame 1-70 dan pilih create motion tween. Pada frame 70 pindahkan gambar mobil ke luar sebelah kiri stage. Buat agar seakan-akan mobil berjalan di atas mobil.
  • Buat layer baru dan beri nama “rumus”
  • Pada frame 1 layerr rumus buatlah persegi panjang dengan menggunakan rectangle tool (R) kemudian pada option di bagian bawah panel tool klik menu set corner radius https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpMwwCLeHH15FQsSU4Xgjsq1w0wMDhCNhBqWnFi7RWh-G_Hyop84nlGGYMVEuHjwnw8Ge452ZGY24boDDlA-tBqtReTHer4LlF8fJ4m4lmHDWytfyvc0855icBpww9JDiMcxuUnwiWmLo/s320/5.jpgdan ubah nilainya menjadi 5.
  • Tulis rumus tenses pada persegi panjang tersebut menggunakan textool (T)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxSLi9d0cLPWybsF5abk6oKLF70THqrWYKAFP-3D3mhndS8KSb_kRdgHQifh52duT_kkJ8DURMkRxhXzncviV43AsovabeLl0-uaCqGm1RrKMePLFx-WtSM3VVnVOglynSijdW_uyn0w/s320/6.jpg
Gambar tali seakan mengikat persegi panjang tadi kemudian julurkan ke bawah hingga seakan menyentuh mobil. Seleksi persegi panjang dan tali tersebut kemudian tekan Ctrl+G untuk membuatnya menjadi group atau bisa juga kita convert menjadi movie clip. Letakkan gambar tersebut ke luar sebelah kanan stage dan tempelkan tali agar seakan terikat pada mobil
  • Klik kanan frame 45 kemudian pilih insert keyframe,jika kita lihat disini mobile akan berada di tengah stage sedangkan gambar persegi panjang/rumus masih berada di luar stage, geser rumus agar tetap menempel pada mobil.
  • Di tengah frame antara frame 1-45 klik kanan kemudian pilih create motion tween.
  • Klik kanan frame 50 layerrumusdan pilih insert keyframe. Ubah posisi rumus agar terlepas dari mobil. Kemudian beri motion tween.
  • Klik frame 55 layerrumuskemudian geser rumus ke arah lain, buat motion tween.
  • Lakukan hal yang sama tiap 5 frame hingga frame ke 80.
  • Insert keyframe pada frame 100 dan geser rumus ke atas, klik pada rumus kemudian buka panel properties Ctrl+F3. Ubah color menjadi “Alpha” “0%”.
  • Jika langkah-langkah di atas dilakukan dengan benar, maka animasi mobil yang membawa rumus telah selesai.
Sebagai finishing, animasi ini akan kita buat menjadi fullscreen secara otomatis ketika pertama dijalankan.
  • Buat layer baru dan beri nama layer “script”, pada frame 1 layer script buka panel action dan ketikkan script berikut
fscommand("fullscreen", "true");
Setelah itu bisa langsung diPublish.
Untuk rumus yang lainnya lakukan juga hal yang sama seperti di atas
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnmck7XklIYHES1jh-Nd5_5fWD6t1JjmvMg4SO2OsOiVDT-_GFAYnZQ3Ln-uHr9VdUqDeaTb-VbpvF40vN6W3YsbPSttKP52OJdAVPG_rlV9fPEln8itXYissga0QTlvGYV4qPwWM5Mc/s320/7.jpg





TUTORIAL MEMBUAT ANIMASI

-->
ANIMASI HARIMAU
1. Pertama buat layer baru dan beri nama dengan nama harimau
2. Selanjutnya klik file-import-import to library.
3. Cari gambar harimau di Microsoft Office-ClipArt. (Saya mengambil dari Microsoft Office 2007. Tidak yakin kalau di Microsoft Office 2003 ada. Coba saja cari). Klik Ok.
4. Setelah gambar harimau muncul di jendela library (Ctrl + L) muncul, drag gambar tersebut ke lembar kerja pada layer harimau.
5. Setelah itu tekan F8 untuk convert to symbol dan beri symbol tersebut dengan nama harimau dengan type movie clip. Letakkan di sebelah kanan di luar lembar kerja supaya tidak terlihat.
6. Kemudian buat layer baru lagi dan beri nama kijang. Seperti cara yang sama pada nomor 2 dan 3 dengan cari gambar kijang.
7. Drag gambar kijang pada jendela library ke lembar kerja. Kemudian convert menjadi movie clip dan beri nama kijang. Lalu, letakkan objek kijang sebelah kanan lembar kerja di depan objek harimau.
8. Insert keyframe pada frame 10, 20, 31, dan 41 pada layer kijang dan harimau. Pada frame tersebut ubahlah posisi objek kijang dan harimau seperti kejar-kejaran. Kemudian beri motion tween di antara frame-frame tersebut.
9. Saat pada frame 41, objek kijang buatlah menjadi bentuk tipis supaya berkesan tertangkap harimau menggunakan free transform. Insert frame sampai frame 165
10. Setelah itu, insert key frame pada frame 165 dan 170 pada layer harimau. Kemudian pada frame 170 pindahkan posisi objek harimau ke luar lembar kerja. Dan pada jendela properties ubah color objek harimau menjadi alpha 0%. Beri motion tween diantara frame 165 dan frame 170.
11. Setelah itu, buatlah layer baru dengan nama gas. Insert blank keyframe pada frame 48. Kemudian buatlah objek gambar awan lagi. Lalu convert menjadi movie clip dengan nama gas. Setelah itu, letakkan objek gas ke belakang harimau.
12. Insert keyframe pada frame 65 layer gas. Pada frame 48, kecilkan ukuran objek gas menjadi kecil. Beri motion tween pada frame 48 dan 65.
13. Setelah itu, insert keyframe lagi pada frame 155 dan 165. Pada frame 165 kecilkan ukuran objek gas dan ubah color pada jendela properties menjadi alpha 0%. Beri motion tween diantara frame tersebut.
14. Setelah itu, buatlah layer baru dengan nama judul rumus. Insert blank keyframe pada frame 65. Buatlah text “Present Continous Tense” kemudian convert to movie clip dan beri nama judul rumus. Setelah itu, letakkan posisi objek tersebut ke atas objek gas. Insert keyframe pada frame 85, 145, dan 155. Lalu, pada frame 65 kecilkan objek dan ubah color objek menjadi alpha 0%. Beri motion tween di antara frame 65 dan 85. Setelah itu, pada frame 155, klik objek dan ubah color objek menjadi alpha 0%. Beri motion tween di antara keduanya.
15. Setelah itu, buatlah layer baru dan beri nama rumus. Insert blank keyframe pada frame 85. Buatlah text “S+is/are/am+V-ing+O” dan convert ke dalam movie clip dan beri nama rumus. Insert keyframe pada frame 105, 111, 116, 121, 126, 131, 136, dan 145. Pada frame 85, ubah ukuran objek menjadi kecil dan ubah warna color objek menjadi alpha 0%. Kemudian setelah itu, ubahlah color objek gambar rumus pada frame 111, 121, 131, dan 145 menjadi alpha 0%. Beri motion tween antara frame 85 sampai frame 145.
16. Tekan Ctrl + Enter untuk mencoba animasi. (untuk terlebih dahulu mengurutkan layer dari atas ke bawah yaitu judul rumus, rumus, macan, kijang, dan terakhir gas)


NB : untuk memperlambat gerakkan ubah kecepatan frame menjadi lebih kecil dari 12. Caranya klik sembarang pada lembar kerja lalu akan muncul di jendela properties kecepatan frame. Ubahlah untuk memperlambat atau mempercepat.