BAB 12-16 | MOVIE CLIP SHORT ANIME - Membuat dan menggabungkan beberapa movie clip

Indikator Hasil Belajar

1. Siswa mampu menjelaskan tentang short animasi.
2. Siswa mampu merangkai potongan-potongan animasi.
3. Siswa mampu membuat movie clip pada adobe flash.
4. Siswa mampu menambahkan movie clip pada sebuah path.
5. Siswa dapat menjalankan movie clip pada adobe flash.

MOVIE CLIP SHORT ANIME

Short Anime adalah gabungan dari beberapa animasi, diambil dari potongan-potongan movie clip lain yang dibuat pada pertemuan sebelumnya sehingga menjadi sebuah animasi pendek. Disini siswa bebas berkreasi untuk membuat short anime.

MEMBUAT MOVIE CLIP SHORT ANIME

Pada materi kali ini akan menggabungkan animasi yang pernah dibuat sebelumnya untuk dijadikan sebuah animasi, berikut tampilan layer short anime yang akan dibuat.

Gambar 12.1. Layer Short anime yang akan dibuat.

Jika melihat dari gambar 12.1. diatas maka langkah selanjut kita dapat menyiapkan file-file pendukung, untuk file pendukung bisa mencari di internet seperti walking man, background dan file lainnya. Berikut cara pemnbuatan short anime:

• Buka Adobe Flash CS 5.5 atau Adobe Flash CS6 klik New>>ActionScript 2>> klik OK, maka akan tampil layer baru. ubah tampilan stage menjadi menjadi animator. Lihat gambar 12.2.

Gambar 12.2 Lembar kerja baru Adobe Flash CS6

• Tambahkan layer sehingga menjadi 7 layer lihat gambar 12.3 dan 12.4 dibawah.

Gambar 12.3 Menambah Layer

Gambar 12.4 Rename Layer sesuai object

LANGKAH PERTAMA MENAMBAHKAN BACKGROUND:

• klik layer bg lalu drag & drop gambar bg ke stage/dokumen kerja atau bisa dari menu File>>Import>>Import to stage, Lihat gambar 12.5 dibawah.
• Atur supaya object bg ditengah dengan Panel Align. Align Horizontal Center, Align Vertical Center. Lihat gambar 12.5.

Gambar 12.5 Layer bg sudah dimasukkan object background

Membuat Movie Clip plane in:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.6>>name: plane in>>type: Movie Clip>>klik OK

Gambar 12.6 Insert New Simbol

Gambar 12.7 Popup Create New Simbol

Gambar 12.8 movie clip plane in sudah terbentuk

• Selanjutnya menambahkan Object Plane dan Fan, drag & drop plane dan fan, kalau sudah pastikan kedua gambar tersebut sudah ada di Library lihat gambar 12.9.

Gambar 12.9 gambar sudah ada di Library

• Selanjut drag & drop gambar plane dan fan letakkan sesuai layer yang sudah dibuat lihat gambar 12.10.

Gambar 12.10 Plane & Fan yang sudah di atur di stage.

Langkah Selanjutnya Menambahkan Animasi pada pada Object:

• klik layer plane kemudian klik kanan pada frame 20>> pilih Insert Keyframe lihat gambar 12.11.
• Gambar 12.12 setelah ditambahkan insert keyframe.

Gambar 12.11 Menambah Insert keyframe pada Layer plane

Gambar 12.12 Perubahan setelah ditambah Insert keyframe

• Lakukan cara yang sama pada layer fan. Klik layer fan kemudian klik kanan pada frame 20>> pilih Insert Keyframe lihat gambar 12.13.
• Gambar 12.14 hasil setelah ditambah insert frame.

Gambar 12.13 Menambahkan Insert frame pada Layer plane

Gambar 12.14 hasil insert frame

• Langkah selanjutnya adalah menambahkan animasi classic pada layer fan, aktifkan layer fan lalu klik kanan frame 1 klik kanan pilih Create Classic Tween lihat gambar 12.15.
• Pada panel Properties atur: tweening>>Rotate: cw. Hasil akhir setelah dilakukan lihat gambar 12.16. jika properties tweening tidak keluar klik di frame.

Gambar 12.15 Menambahkan Create Classic Tween

Gambar 12.16 Hasil dan pengaturan gerak ditempat

• Untuk keluar dari movie clip, klik Scene 1 untuk lebih jelasnya lihat gambar 12.17 dibawah.

Gambar 12.17 Keluar dari Movie Clip

Gambar 12.18 hasil akhir movie clip plane ada di library

Membuat Movie Clip cloud in:

• klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.19>>name: cloud in>>type: Movie Clip>>klik OK.

Gambar 12.19 Membuat  Movie Clip cloud in

Gambar 12.20 Mengatur stage dan stroke dan fill color movie clip.

• Setelah terbentuk movie clip cloud in dan pengaturan stroke color, fill color dan stage selesai, langkah selanjutnya adalah membuat object dengan cara sebagai berikut:
• Membuat awan klik oval tool  buatlah sesuai contoh gambar 12.21 dibawah atau yang lebih bagus.

Gambar 12.21 Membuat awan dengan Oval Tool (O)

• Untuk menambah frame supaya lebih lama, Klik kanan frame 50 pilih insert frame, lihat gambar 12.22.
• Gambar 12.23 menunjukkan hasil akhir setelah ditambah frame.

Gambar 12.22 Menambahkan awan pada frame 50.

Gambar 12.23 hasil akhir setelah setelah ditambah frame.

• Klik kanan frame 50 lalu pilih Create Motion Tween akan muncul popup convert to simbol klik OK untuk menjadikan simbol.
• Setelah di klik OK akan muncul Simbol 1 hasil convert di panel Library.

Gambar 12.24 menambahkan animasi Motion Tween.

Gambar 12.25 hasil akhir setelah ditambahkan motion tween.

• Masih di movie clip cloud in supaya awan terlihat berjalan yang harus dilakukan klik pada frame 50 klik kanan pilih Insert keyframe>>Position. Supaya lebih jelas lihat gambar 12.26.

Gambar 12.26 Mengatur posisi keyframe position pada frame 50.

• Hasil akhir setelah pengaturan Insert keyframe. Klik Scene 1 untuk keluar dari movie clip.

Gambar 12.27 Mengatur posisi keyframe position

Membuat Movie Clip smoke:

• klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.28>>name: smoke>>type: Movie Clip>>klik OK.

Gambar 12.28 Membuat Movie Clip smoke.

Gambar 12.29 Mengatur fill color dan stage movie clip smoke.

• Setelah terbentuk movie clip smoke dan pengaturan fill color dan stage selesai, langkah selanjutnya adalah membuat object dengan cara sebagai berikut:
• Untuk membuat asap gunakan oval tool lalu  posisi di frame 1 kemudian gambar lah seperti contoh gambar 12.30 dibawah atau yang lebih bagus.
• Kita tidak perlu menggambar ulang cukup dengan mengcopy dari frame sebelumnya, dengan cara klik kanan frame 5 lalu klik insert keyframe.

Gambar 12.30 membua smoke dengan oval tool di frame 1.

Gambar 12.31 menambahkan frame 5 dengan insert keyframe.

• Untuk Frame 5 ubah lihat gambar 12.32 perbedaan smoke dengan frame 1.
• Lakukan yang sama sampai ke frame 30 lihat gambar 12.33, setelah selesai klik Scene 1 untuk menutup movie clip smoke.

Gambar 12.32 menambahkan frame 5 dengan insert keyframe.

Gambar 12.33 hasil setelah ditambahkan hingga ke frame 30.

• Hasil movie clip smoke setelah selesai dibuat. lihat gambar 12.34.

Gambar 12.34 hasil akhir movie clip smoke.

Membuat Movie Clip man in:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.35>>name: man in>>type: Movie Clip>>klik OK.
• Untuk membuat movie clip man in maka harus ada gambar, silahkan cari di internet kata kunci walking man. Kemudian pisahkan gambar-gambar tersebut dengan corel draw gambar  tool ungroup lihat 12.36 sehingga oject menjadi terpisah.
• Setelah gambar terpisah drag & drop object di mulai dari frame 1 lihat gambar 12.37. kemudian untuk mengatur supaya object gambar ditengah stage gunakan panel Align. Align>> Align Horizontal Center , Align Vertical Center.

Gambar 12.35 membuat movie clip man in.

Gambar 12.37 object 1 diletakkan di frame 1.

• Untuk menambahkan frame baru klik kanan frame 3 Insert Blank Keyframe lihat gambar 12.38.
• Gambar 12.39 frame 3 berhasil dibuat.

Gambar 12.38 menambahkan Insert Blank Keyframe

Gambar 12.39 frame 3 berhasil dibuat

• drag & drop object 2 di frame 3 lihat gambar 12.40. kemudian untuk mengatur supaya object gambar ditengah stage gunakan panel Align. Align>> Align Horizontal Center , Align Vertical Center.
• Lakukan hal sama seperti langkah gambar 12.37 sampai gambar12.39 sehingga semua frame terisi oleh object man walking. Lihat gambar 12.41.

Gambar 12.40 frame 2 sudah ditambahkan object

Gambar 12.41 hasil akhir setelah semua frame diberi object

Membuat Movie Clip Bird:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.42>>name: bird>>type: Movie Clip>>klik OK.
• Aturlah stroke  dan fill color menjadi hitam, kemudian buatlah gambar burung dengan menggunakan Pen Tool(P)  atau bisa menggunakan Brush Tool, desain sebagus mungkin lihat gambar 12.43, untuk mengedit gambar supaya lengkung bisa menggunakan Selection Tool  atau Free Transform Tool.

Gambar 12.42 Membuat  Movie Clip bird.

Gambar 12.43 Membuat  gambar burung dengan Pen Tool(P)

• Langkah selanjutnya adalah memberi warna hitam gambar bisa menggunakan Paint Bucket Tool(K) lihat gambar 12.44. maka gambar di frame 1 sudah selesai.
• Langkah berikutnya adalah membuat gambar di frame 5 dengan klik kanan Insert Keyframe di frame 5 lihat gambar 12.45.

Gambar 12.44 memberikan warna fiil dengan Paint Bucket Tool(K)

Gambar 12.45 menambahkan insert Keyframe

• Setelah frame 5 terbentuk maka ubahlah gambar burung tersebut di bagian sayap dengan cara menghapus dengan Eraser Tool lihat gambar 12.46, lalu buatlah sayap menjadi mengepak kebawah. Bisa menggunakan Pen Tool(P)  atau bisa menggunakan Brush Tool.
• Setelah gambar di frame 5 jadi berikutnya adalah klik frame 1 lalu copy frame lihat gambar 12.47.

Gambar 12.46 gambar burung di frame 5

Gambar 12.47 copy frame 1

• Kemudian paste frame di frame 10 hasil lihat gambar 12.48.
• Hasil sudah ada 3 gambar di frame 1,5,10 burung yang sudah dibuat lihat gambar 12.49.

Gambar 12.48 paste frame 10

Gambar 12.49 hasil akhir sudah jadi 3 gambar

Membuat Move Clip Baliho:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.50>>name: baliho>>type: Movie Clip>>klik OK.
• Gunakan Text Tool  dengan pengaturan Character Family: Tahoma, Size: 100 lihat gambar 12.51.

Gambar 12.50 Membuat  Movie Clip baliho

Gambar 12.51 Pengaturan Character Text

• Setelah pengaturan teks selesai ketiklah huruf i posisi frame 1 di stage movie clip baliho lihat gambar gambar 12.52, untuk memperbesar dan memperkecil huruf bisa gunakan Free transform Tool . Aturlah supaya teks ditengah dengan Panel Align .
• Posisi di frame 10 klik kanan Insert Blank Keyframe untuk membuat object baru lihat gambar 12.53.

Gambar 12.52 mengetik huruf i posisi frame 1

Gambar 12.53 menambahkan frame kosong di frame 10

• Frame kosong sudah terbentuk di frame 10 lihat gambar 12.54.
• Aturlah stroke color: None  dan fill color : merah  kemudian buatlah object oval lihat gambar 12.55 dengan oval tool . Aturlah object supaya dengan panel Align.

Gambar 12.54 frame kosong sudah terbantuk di frame 10

Gambar 12.55 membuat Object oval

• Duplicate dari menu Edit>>Duplicate atau CTRL+D object oval menjadi 2 kemudian geser dengan Free Transform Tool  atur supaya sejajar dan rapi lihat gambar 12.56.
• Ubahlah object oval menjadi object love dengan Selection Tool  atau Free Transorm Tool  lihat gambar 12.57. atur object supaya center dengan panel Align.

Gambar 12.56 duplicate Object oval

Gambar 12.57 ubahlah oval object hati

• Posisi di frame 30 klik kanan Insert Blank Keyframe untuk membuat object baru lihat gambar 12.58.
• Gambar 12.59 frame kosong sudah terbentuk.

Gambar 12.58 menambahkan frame kosong di frame 20

Gambar 12.59 frame kosong sudah terbentuk

• Buatlah object U dengan Tetx Tool  atur Family: Times New Roman, Size:100 atau bisa dengan Free Transform Tool  untuk hasil lihat gambar 12.60. atur object dengan Align Horizontal Center  dan Align Vertical Center supaya rapi.
• Posisi di frame 50 klik kanan Insert Keyframe supaya durasi lebih panjang, lihat gambar 12.61.

Gambar 12.60 membuat Oject U

Gambar 12.61 menambahkan frame durasi

• Gambar 12.62 perpanjang durasi sudah terbentuk berada di frame 50.
• Klik di frame 30 Object U kemudian klik menu Modify>>Break Apart(CTRL+B) gunanya menjadikan supaya bisa animasi Shape Tween. Lihat gambar 12.63.

Gambar 12.62 perpanjang durasi berhasil

Gambar 12.63 Break Apart Object Text

• Gambar 12.64 text sudah di break apart.
• Posisi di frame 10 (object love) akan diberikan animasi shape tween.

Gambar 12.64 Obejct Text sudah di Break Apart

Gambar 12.65 menambahkan animasi shape tween

• Muncul tanda panah kecil hijau gambar 12.66 menandakan bawah object love sudah ada animasi.
• Movie clip baliho berhasil dibuat gambar 12.67.

Gambar 12.66 Object Love sudah ada Animasi

Gambar 12.67 Object Love sudah ada Animasi

Membuat Movie Clip Burung:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.68>>name: burung>>type: Movie Clip>>klik OK.
• Gambar 12.69 movie clip burung berhasil dibuat.

Gambar 12.68 Membuat Movie Clip burung

Gambar 12.69 Movie clip burung terbentuk

• Posisi di frame 1 drag & drop movie clip bird letakkan di stage movie clip burung kemudian aturlah dengan align horizontal center  dan align vertical center  di panel Align lihat gambar 12.70.
• Posisi di frame 50 klik kanan Insert Keyframe lihat gambar 12.71.

Gambar 12.70 Hasil drag & drop movie clip bird

Gambar 12.71 Insert Keyfame di frame 50

• Gambar 12.72 setelah ditambahkan insert keyframe.
• Klik frame 1 klik kanan pilih Create Classic Tween lihat gambar.

Gambar 12.73 Menambahkan Animasi Classic Tween

• Gambar 12.74 menunjukkan setelah diberi animasi classic tween akan muncul panah hijau.
• Gambar 12.75 adalah menambahkan Guide bisa dilakukan dengan cara klik kanan Layer 1 pilih Add Classic Motion Guide.

Gambar 12.74 panah hijau animasi classic tween aktif

Gambar 12.75 Menambahkan Add Classic Motion Guide

• Gambar 12.76 otomatis akan muncul layer baru dengan nama Guide: Layer 1.
• Klik Layer Guide: Layer 1 gunakan dengan Pencil Tool  kemudian buatlah garis seperti gambar 12.77 boleh juga berbeda.

Gambar 12.76 Motion Guide berhasil dibuat

Gambar 12.77 Buat Motion Guide dengan Pencil Tool

• Klik Layer 1 dan posisi di frame 1 gunakan Free Transform Tool  untuk mengatur titik point/tanda bulat kecil ditengah object geser dan atur letakkan diawal garis lihat gambar 12.78.
• Klik Layer 1 dan posisi di frame 50 gunakan Free Transform Tool  untuk mengatur titik point/tanda bulat kecil ditengah object geser dan atur letakkan diakhir garis lihat gambar 12.79.

Gambar 12.78 Mengatur titik point awal burung digaris awal

Gambar 12.79 Mengatur titik point akhir burung digaris akhir

• Setelah semua pengaturan selesai, coba jalankan jika object burung mengikuti alur garis berarti sudah benar lihat gambar 12.80. Selesai. klik Scene 1 untuk keluar dari Movie Clip burung.

Gambar 12.80 stelah pengaturan titik point.

Membuat movie Clip Plane:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.81>>name: plane>>type: Movie Clip>>klik OK.
• Gambar 12.82 movie clip plane berhasil dibuat.

Gambar 12.81 Membuat movie clip plane

Gambar 12.82 movie clip plane berhasil dibuat

• Drag&drop movie clip plane in atur dengan tool Free Transform Tool  seperti gambar 12.83.
• Gambar 12.84 Insert Frame di frame 50 gunanya untuk memperpanjang durasi object.

Gambar 12.83 drag&drop movie clip plane in

Gambar 12.84 Insert Frame di Frame 50

• Gambar 12.85 setelah ditambahkan frame.
• Gambar 12.86 menambahkan Create Motion Tween.

Gambar 12.85 hasil insert frame

Gambar 12.86 Membuat Create Motion Tween

• Gambar 12.87 setelah ditambahkan Create Motion Tween.
• Gambar 12.88 menambahkan Insert Keyframe Position di frame 50.

Gambar 12.87 Hasil Create Motion Tween

Gambar 12.88 Insert Keyframe Position

• Gambar 12.89 Hasil Akhir setelah diberikan animasi motion tween.

Gambar 12.89 hasil akhir setelah diberi animasi motion tween

Membuat Movie Clip Man:

• Klik layer plane>>klik menu Insert>>New Simbol(Ctrl+F8)>>Muncul popup Create New Simbol lihat gambar 12.90>>name: man>>type: Movie Clip>>klik OK.
• Gambar 12.91 movie clip man berhasil dibuat.

Gambar 12.90 Membuat Movie Clip Man

Gambar 12.91 Movie Clip berhasil dibuat

• Drag & drop movie clip main in letakkan di stage movie clip man, lihat gambar 12.92.
• Klik kanan di frame 50 lalu Insert frame lihat gambar 12.93.

Gambar 12.92 hasil drag & drop movie clip man in

Gambar 12.93 Menambahkan Insert Frame di frame 50

• Gambar 12.94 hasil insert frame di set frame 50.
• Gambar 12.95 Menambahkan Create Motion Tween.

Gambar 12.94 Hasil penambahn Insert frame

Gambar 12.95 Menambahkan Create Motion Tween

• Gambar 12.96 Menambahkan Create Motion Tween.
• Gambar 12.97 Mengatur Insert Keyframe Position di frame 50.

Gambar 12.96 Menambahkan Create Motion Tween

Gambar 12.97 Menambahkan Create Motion Tween

• Gambar 12.98 akhir pengaturan Insert Keyframe position

Gambar 12.98 Hasil pengaturan insert keyframe position

MENGGABUNGKAN MOVIE CLIP

Sebelumnya kita pernah membuat beberapa movie clip namun masih terpecah dan belum disatukan menjadi sebuah short anime untuk itu kita akan menggabungkan movie clip yang sudah pernah dibuat sebelumnya.

pertama kali yang harus kita lakukan adalah melihat kelengkapan dari movie clip yang sudah pernah dibuat berikut silahkan dilihat pada gambar dibawah:

Gambar 12.99 layer movie clip yang akan dibuat.

MOVIE CLIP CLOUD

• Klik Layer cloud lalu Klik Free Transform Tool  drag & drop movie clip cloud in luar dari stage sebelah kiri lihat gambar 12.100 atur object movie cloud in hingga sesuai.
• Double Klik Cloud in sehingga tampilan berubah menjadi movie clip lihat gambar 12.101. perbedaan dengan gambar dibawahnya background terlihat kabur.

Gambar 12.100 drag&drop dan atur hingga sesuai.

Gambar 12.101 Double Klik mode Movie Clip.

• Klik Free Transform Tool  geser cloud in ke kenan sampai berada diluar kanan stage lihat gambar 12.102. akan muncul garis putus-putus hijau tandanya ada animasi motion tween.
• Klik Scene 1 untuk keluar dari mode movie clip lihat gambar 12.103.

Gambar 12.102 Geser kekanan akan muncul garis hijau putus-putus.

Gambar 12.103 keluar dari mode movie clip.

MOVIE CLIP SMOKE

• Klik Layer smoke lalu Klik Free Transform Tool  drag & drop movie clip smoke atur seperti gambar 12.104.

Gambar 12.104 drag&drop movie clip smoke

MOVIE CLIP PLANE

• Klik Layer plane lalu Klik Free Transform Tool  drag & drop movie clip plane letakkan disebelah kanan stage lihat gambar 12.105 atur object movie plane hingga sesuai.
• Double klik movie clip plane hingga masuk ke mode movie clip lalu klik di frame 50. Lihat gambar 12.106.

Gambar 12.105 drag&drop object plane

 

Gambar 12.106 mode movie clip klik di frame 50

• Geser movie clip plane ke kanan lihat gambar 12.107. untuk keluar dari mode movie clip klik Scene 1.
• Gambar 12.108 movie clip plane sudah selesai.

Gambar 12.107 movie clip plane ditarik kekiri

Gambar 12.108 hasil akhir movie clip plane

MOVIE CLIP MAN

• Klik Layer man lalu Klik Free Transform Tool  drag & drop movie clip man letakkan disebelah kiri stage lihat gambar 12.109 atur object movie clip man.
• Double klik movie clip man hingga masuk ke mode movie clip lalu klik di frame 50 lalu geser movie clip man ke kanan lihat gambar 12.110. klik Scene 1 untuk keluar dari movie clip man.

Gambar 12.109 hasil akhir movie clip plane

Gambar 12.110 hasil akhir movie clip plane

MOVIE CLIP BIRD

• Klik Layer bird lalu Klik Free Transform Tool  drag & drop movie clip burung letakkan disebelah kanan stage lihat gambar 12.111 atur object movie clip burung.
• Double klik movie clip burung hingga masuk ke mode movie clip lalu klik Layer Guide: Layer 1 akan muncul tanda kotak pada path/garis ke kiri lihat gambar 12.112.
• Geserlah tanda kotak pada garis/path ke kiri seperti terlihat pada gambar 12.113.
• Jika langkah a-c sudah dilakukan dan hasil dari burung yang terbang terputus dijalan maka cukup diatur ulang titik point gambar burung di frame 1 dan frame 50 pada Guide: Layer 1.

Gambar 12.111 drag&drop movie clip burung

Gambar 12.112 mode movie clip burung

Gambar 12.113 tarik garis yang muncul tanda kotak kekiri

MOVIE CLIP BALIHO

• Klik Layer baliho lalu Klik Free Transform Tool  drag & drop movie clip baliho letakkan di gambar 12.114 atur object movie clip baliho.

Gambar 12.114 drag&drop object baliho dan atur posisi.

TUGAS

1. Modul untuk 5 kali pertemuan.
2. Kerjakan modul diatas dengan dalam bentuk porto folio.
3. Boleh dikerjakan untuk praktek hasilnya bisa dikirim ke wa sekolah atau upload ke e-learing (e-smpsm.ypr.od.id).