Senin, 17 Juni 2013

Tutorial belajar animasi 2D

selamat pagi,siang,sore,malam all :) saya selaku stypy ingin memberitahu cara cara agar kamu cepat mengerti animasi flash sebelum kamu belajar animasi 2D kamu harus download animasi flash 2D nya di google terlebih dahulu ,software : adobe flash cs 3 , dll.
* hal hal atau cara cara membuat animasi di adobe flash cs 3 :
 1. cara membuat jam :
- langkah pertama klik di frame 1 layer 1
- kemudian bikin lingkaran "oval tool"
- kemudian bikin 1 sampai 12 nomor dengan menggunakan "text tool"
- setelah itu buat 3 buah garis panjang ,pendek ,sedang dengan menggunakan "line tool"
- setelah itu di 3 garis yg kamu buat pencet f8 yg ada di keybord
- lalu pilih movie clip ,kasih nama garisnya ,titik registrasi nya berda di tengah bawah
- garis pendek : "jam_mc" ,garis sedang : "menit_mc" ,garis panjang : "detik_mc"
- setelah sudah selesai jangan lupa isi instance namenya sesuai dengan nama yg kamu tulis
- kemudian f9
- lalu 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;
};
- lalu selesai, dan lihat hasilnya dengan menekan tombol ctrl + enter

 2. cara membuat baling :
- langkah pertama klik frame 1 layer 1
- kemudian buatlah sebuah "ovaltool" sehingga menyerupai baling
- blok seluruh oval tool yang kamu buat ,lalu pencet f8
- kemudian pilih movie clip ,kasih namanya "baling" ,titik registrasinya berada di tengah
- sehabis situ jangan lupa kasih namanya juga di instancename : "baling"
- kemudian buat sebuah lingkaran biasa "ovaltool"
- lalu f8 ,pilih movie clip ,kasih namanya "onoff" ,titik registrasi berada di tengah
- sehabis situ jangan lupa kasih namanya juga di instancename : onoff
- klik 2x "double" di onoff tersebut sehingga muncul bacaan scene 1 : onoff
- sesudah itu klik di layer 1 frame 2 insert key frame
- lalu ubah warna tombol onoffnya sesukamu "color"
- klik layer 1 frame 1 ,lalu f9 masukan script ini : "stop();"
- klik layer 2 frame 2 juga ,lalu f9 masukan script ini : "stop();"
- sesudah itu tekan tombol ctrl + e
- kemudian klik frame 1 layer 1 ,lalu f9
- masukkan script berikut
angka = 0;
baling.onEnterFrame = function() {
        this._rotation += angka;
        if (onoff._currentframe == 2) {
                 angka = 70;
        } else if (angka>0) {
                angka -= 0.9;
        }
};
onoff.onRelease = function() {
        if (this._currentframe == 1) {
                this.gotoAndStop(2);
        } else {
                this.gotoAndStop(1);
        }
};  
-lalu selesai, dan lihat hasilnya tekan ctrl + enter

3. cara membuat animation berubah bentuk :
- bikin di frame 1 sebuah oval, kemudian insert key frame di frame 10
- buat sebuah ryctangle di frame 10 , kemudian pindahkan jgn di dekat oval
- kemudian ubah info oval and ryctanglenya , di properties di situ ada bacaan tween : None
- Ubaha None tersebut menjadi motion
- Kemudian Klik Auto dan ubah rotate :ccw < frame 10
- jangan lupa di create shape tween di frame 1
- kemudian ctrl + enter, dan lihat hasilnya

4. cara membuat animation motion guide :
- buat sebuah lingakaran
- kemudian klik layer 1, klik kanan dan pilih add motion guide
- sesudah itu akan keluar layer yg bernama guide:layer
- lalu klik layer yg bernama guide:layer tsb
- kemudian klik kanan di frame 10 di layer guide:layer, insert frame
- kemudian klik kanan di frame 10 di layer 1, insert key frame
- klik guide:layer, buat sebuah garis acak acakan, kemudian klik layer 1
- lalu insert key frame, dan bola oval yg kamu buat taruh di garis
- pindahkan bola tersebut ke frame 10 di garis acak acakan yang kamu buat
- lalu ctrl + enter, lihat hasilnya

5. cara membuat motion tween :
- buat sebuah lingakaran oval tool
- kemudian klik di frame 10, klik kanan insert keyframe
- lalu klik frame 1, klik kanan create motion tween
- lalu klik frame 10, pindahkan oval yg kamu buat
- lalu tekan ctrl + enter, lihat hasilnya

6. cara membuat animasi button :
- bikin sebuah persegi panjang (ryctangle) dengan lebar seterah anda
- kemudian klik frame 1, lalu pencet f8 atau convert to symbol
- pilih type butoon, registration berada di tengah, klik ok
- kemudian klik 2x pada kotak panjang yg kamu buat
- akan muncul scene 1, dan tiada frame yg ada up, over, down, hit
- kemudian klik over, lalu pencet f6, ganti warna ryctangle tersebut menjadi warna yg belum anda gunakan
- lalu klik 2x lagi, di daerah yg jauh dari kotak panjang yg kamu buat
- kemudian ctrl + enter, lihat hasilnya

7. cara membuat animation rotate :
- buat sebuah polystar tool di lembar kerja
- kemudian klik frame 10 klik kanan, insert keyframe
- kemudian ubah properties tween : none, menjadi motion pilih rotate :ccw
- lalu klik frame 1 create motion tween
- lalu lihat hasilnya dengan menekan ctrl + enter

8. Link Download :
# cara cara membuat game dalam animasi adobe flash cs 3, silakan pilih tutorial animasi :
- cara membuat game pesawat
- cara membuat game snake [ ular ]
# mencoba atau merubah file .fla ke dalam adobe flash cs 3, silakan pilih :
- game pesawat
- jam buatan
- animasi story
- animasi yang baru baru ini dibuat