6
TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH Page | 1 A. ANIMASI FRAME BY FRAME Anda akan coba membuat animasi Frame By Frame berupa object Lampu Rambu-Rambu Lalu Lintas 1. Buat object seperti gambar disamping (Lampu lalu lintas) 2. Perhatikan panel timeline, pada leyer 1 pilih frame 5 lalu klik kanan pada frame – pilih Insert Keyframe, begitu juga dengan frame 10 3. Pada Frame 5 ganti warna menjadi Kuning Terang, dan Frame 10 ganti warna menjadi Hijau Terang. 4. Tekan Control+Enter untuk menjalankan animasi B. ANIMASI MOTION TWEEN Anda akan coba membuat animasi Motion Tween berupa objek mobil yang bergerak maju kedepan 1. Masukan gambar mobil dengan cara Import To Library dari folder TROJAN2013 2. Perkecil ukuran object menggunakan Transform Tool 3. Perhatikan panel timeline, pada leyer 1 pilih frame 20 lalu klik kanan pada frame – pilih Insert Keyframe 4. Pada Frame 20 Geser posisi mobil ke kanan, 5. Sorot atau drag mulai Frame 19 sampai Frame 1 – klik kanan dan pilih Create Motion Tween 6. Tanda garis panah menunjukan Montion Tween telah aktif 7. Tekan Control+Enter untuk menjalankan animasi C. ANIMASI SHAPE TWEEN Anda akan coba membuat animasi perubahan bentuk dari object lingkaran menjadi hati. Kondisi frame

Modul Tutorial Pembuatan Animasi dengan Menggunakan Macromedia Flash

Embed Size (px)

DESCRIPTION

Modul Pembuatan Animasi dengan macromedia flash, Membuat Film Kartun, Tutorial Multimedia,

Citation preview

Page 1: Modul Tutorial Pembuatan Animasi dengan Menggunakan Macromedia Flash

TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH PONOROGO

P a g e | 1

A. ANIMASI FRAME BY FRAMEAnda akan coba membuat animasi Frame By Frame berupa object Lampu Rambu-Rambu Lalu Lintas1. Buat object seperti gambar disamping (Lampu lalu lintas)2. Perhatikan panel timeline, pada leyer 1 pilih frame 5 lalu

klik kanan pada frame – pilih Insert Keyframe, begitu juga dengan frame 10

3. Pada Frame 5 ganti warna menjadi Kuning Terang, dan Frame 10 ganti warna menjadi Hijau Terang.

4. Tekan Control+Enter untuk menjalankan animasi

B. ANIMASI MOTION TWEENAnda akan coba membuat animasi Motion Tween berupa objek mobil yang bergerak maju kedepan1. Masukan gambar mobil dengan cara Import To Library

dari folder TROJAN20132. Perkecil ukuran object menggunakan Transform Tool3. Perhatikan panel timeline, pada leyer 1 pilih frame 20 lalu

klik kanan pada frame – pilih Insert Keyframe4. Pada Frame 20 Geser posisi mobil ke kanan, 5. Sorot atau drag mulai Frame 19 sampai Frame 1 – klik kanan dan pilih Create

Motion Tween6. Tanda garis panah menunjukan Montion Tween telah aktif

7. Tekan Control+Enter untuk menjalankan animasi

C. ANIMASI SHAPE TWEENAnda akan coba membuat animasi perubahan bentuk dari object lingkaran menjadi hati.1. Buat object lingkaran2. Pada panel Timeline pilih Frame 20. Klik Kanan – pilih Insert Keyframe 3. Pilih Frame 20 dan Klik Selection Tool pada Toolbox4. Tahan Tombol Alt lalu tarik garis object atas dan bawah, hasilnya seperti

Pada Frame 1 Pada Frame 20

Kondisi frame

Page 2: Modul Tutorial Pembuatan Animasi dengan Menggunakan Macromedia Flash

TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH PONOROGO

P a g e | 2

5. Sorot Frame 19 hingga Frame 1 pada Timeline, lalu pada Property Inspector pilih Interpolate : Shape

6. Tekan Control+Enter untuk menjalankan animasi

D. ANIMASI MOTION GUIDEAnda akan coba membuat animasi object bola bergerak mengikuti alur path1. Impor gambar bola dari Folder TROJAN20132. Insert Keyframe pada Frame 203. Sorot Frame 19 hingga Frame 1 dan beri Motion Tween

4. Pilih Frame 1 lalu klik tombol Add Motion Guide pada panel Timeline. Guide : Layer 1 akan tampil di atas Layer 1.

5. Aktifkan Pencil Tool dan buat garis lengkung6. Pada Layer 1 klik Frame

20 lalu pindahkan object bola yang sebelumnya berada di kiri atas ke ujung garis yang baru dibuat.

7. Tekan Control+Enter untuk menjalankan animasi

E. ANIMASI OBJECT BERPUTARAnda akan membuat animasi object pisau bergerak sambil berputar.1. Insert To Library gambar papan dan pisau yang ada pada folder TROJAN20132. Pada Layer 1 drag ke area stage gambar papan, sesuaikan ukuranya dengan

Transform Tool. Posisikan papan di sebelah kiri. Insert Frame pada frame 253. Buat Layer baru Layer 2 dan drag ke area stage gambar pisau, 4. klik menu Modify – Bitmap – Trace Bitmap – OK dan hapus background

gambar pisau.5. Posisikan pisau di sebelah kanan dan putar sedikit.6. Insert Keyframe pada frame 25 Layer 2, dan beri Motion Tween

Page 3: Modul Tutorial Pembuatan Animasi dengan Menggunakan Macromedia Flash

TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH PONOROGO

P a g e | 3

7. Pada frame 25 pidahkan pisau ke kanan yang seolah-olah menancap dipapan8. Klik pada frame 1 lalu pada Property Inspector pilih Rotation options : CCW,

dan Rotation Count : 4 times, atur nilai Easing value : -70

9. Tekan Control+Enter untuk menjalankan animasi

F. ANIMASI TINTAnda akan mencoba membuat animasi Tint dengan object Teks TEKNIK INFORMATIKA1. Buat Teks TEKNIK INFORMATIKA2. Tekan F8 pilih Graphic dan beri nama teks kemudian OK3. Insert Keyframe pada frame 15 dan 30 dan beri Motion Tween

4. Klik pada Frame 1 lalu pilih object teks. Pilih Color Styles : Tint dan atur warnanya.

5. Lakukan juga pada Frame 306. Tekan Control+Enter untuk menjalankan animasi

G. ANIMASI MASKINGAnda akan mencoba membuat animasi Tint dengan object Teks UNIVERSITAS MUHAMMADIYAH PONOROGO1. Buat Teks UNIVERSITAS MUHAMMADIYAH PONOROGO2. Insert Frame pada Frame 503. Buat layer baru yaitu Layer 2 lalu buat object lingkaran 4. Pada Layer 2, Insert Keyframe pada frame 25 dan 50 dan beri Motion Tween

5. Pada frame 25 Geser object Lingkaran ke kanan 6. Pada Layer 2 lalu klik kanan kemudian pilih Mask7. Tekan Control+Enter untuk menjalankan animasi

Page 4: Modul Tutorial Pembuatan Animasi dengan Menggunakan Macromedia Flash

TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH PONOROGO

P a g e | 4

H. EFEK BLURAnda akan coba membuat efek blur dengan Teks FAKULTAS TEKNIK1. Buat teks FAKULTAS TEKNIK2. Klik menu Insert – Timeline – Effects – Blur

3. Atur Effect Duration : 20 frame, Resolution : 15, Scale : 1 dan OK4. Pilih object teks lalu melalui Property Inspector pilih color : Alpha dengan nilai

Alpha Amount : 10 %5. Tekan Control+Enter untuk menjalankan animasi

I. EFEK TRANSITIONAnda akan coba membuat efek expand dengan Teks HIMAKA1. Buat teks HIMAKA2. Klik menu Insert – Timeline Effects – Transform/Transition - Transition3. Atur nilai sebagai berikut :

4. Tekan Control+Enter untuk menjalankan animasi

J. MENGIMPORT SUARAAnda akan coba mengimpor file suara ke dalam animasi masking1. Buat Layer baru yaitu Layer 32. Klik menu File – Import - Import to Library dan pilih lagu dari folder

TROJAN20133. Drag suara tersebut ke dalam area stag.4. Tampilan pada frame

5. Tekan Control+Enter untuk menjalankan animasi

Page 5: Modul Tutorial Pembuatan Animasi dengan Menggunakan Macromedia Flash

TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH PONOROGO

P a g e | 5

TEKNIK INFORMATIKAUNIVERSITAS MUHAMMADIYAH PONOROGO