Nama : Yuliana

Kelas : 2ID

UAS Praktikum Multimedia

Membuat Animasi MOTION GUIDE

TUTORIAL GERAKAN MELINGKAR

Animasi jalur atau Motion Guide Tween adalah objek yang bergerak mengikuti suatu jalur
tertentu yang telah ditentukan pada layer guide.

Jadi animasi jalur menggunakan 2 buah layer, yaitu layer untuk objek dan animasi (Layer 1) dan
layer untuk guide (Guide: Layer 1). Garis guide bisa dibuat menggunakan Pen tool, Line tool,
Pencil tool, Rectangle tool, atau Oval tool.

Pada latihan ini, kita akan membuat lingkaran yang bergerak berkeliling mengikuti garis orbit. Kali
ini saya akan menggunakan Oval tool

1. Atur stage 1280x700 lalu ubah warna stage menjadi warna hitam Pada properties pilih fps
24.
2. Import gambar yang diperlukan kedalam stage ,dengan Klik File>Import>Import To Stage
atau Ctr+R.Maka gambar yang akan kita import muncul di library

3. Setelah itu untuk mempercepat gunakan drag and drop untuk mempercepat proses
import gambar ke library
4. Pindahkan semua gambar ke Stage. Atur posisi yang sesuai dan rapih. Perkecil ukuran
dengan tidak mebgubah bentuk gambar dengan cara klik gambar lalu perkecil sambil
menekan tombol Ctrl+ Shift

5. Layer stage masih menggunakan satu layer, pastikan sebelum membuat motion guide
buat layer pada masing-masing objek.Caranya klik objek lalu klik Ctrl+X pada objek dan
tambahkan layer baru (Klik New Layer)

6. Ubah nama layer menjadi nama masing-masing objek. Klik kanan pada stage,lalu klik Paste
In Place.
7. Ulangi langkah 5 dan 6 hingga membentuk layer layer objek masing-masing.Berikan pula
nama sesuai dengan onjeknya masing-masing.

8. Setelah memberi nama pada masing-masing objek. Tambahkan motion guide dengan cara
Klik kanan pada layer objek yang ingin ditambahkan Motion Guide>Add Classic Motion

Guide

9. Lalu buat garis lintasan yang akan dikelilingi objek. klik Oval Tool kemudian warna stroke
color diubah menjadi warna putih kemudian fil color dihilangkan dengan klik tanda garis
merah.
10. Buat lingkaran sebagai jalur berputar pada objek planet,agar tidak berubah bentuk tekan
shift sambil membuat lingkaran. Sesuaikan bentuk linkaran dengan ukuran lintasan masing
masing objek planet. Bisa dilihat pada gambar berikut:

11. Sebelum membuat motion guide ubah terlebih dahulu objek menjadi movie clip. Klik
kanan kemudian pilih Convert to symbols. Pada bagian type ubah menjadi Movie Clip.
Registration berada ditengah. Klik OK
12. Klik garis lintasan,pastikan garis tersebut berbentuk shape. Klik Selection Tool pada garis
untuk menghilangkan sedikit garisnya. Klik delete pada keyboard. Selain menggunakan
selection tool kita juga bisa menggunakan eraser.

13. Pada layer merkurius tambahkan insert keyfame pada frame ke 50. Pada bagian Guide :
Merkurius,tambahkan insert frame di frame 50.

14. Pada frame 1 bawa objek merkurius ke garis lingkaran. Pada objek terdapat titik center ,
pastikan posisi titik center tersebut berada tepat diujung garis awal.
 15. Klik frame 50 pada layer merkurius. Bawa objek merkurius pada titik akhir garis lingkaran.
Tepatkan objek merkurius tepat pada titik tengah,karena jika tidak tepat objek tidak akan
berputar. Untuk mempermudah agar titik pada objek tepat, zoom layar agar objek terlihat
besar.

16. Setelah itu klik kanan pada pertengahan frame , klik create classic tween untuk
menghidupkan animasi agar bergerak memutar.

Hasilnya akan seperti ini, tampilan dibawah ini saya buat dari mengubah bentuk lingkarannya.
Sama saja caranya,hanya berbeda bentuk dilingkaran lintasan. Tujuan saya mengubah bentuk
lingkaran agar terlihat lebih real.Tambahkan juga objek bintang-bintang agar terlihat hidup
Hasil:

MEMBUAT SCENE BARU DAN ANIMASI LOADING MEENGGUNAKAN

MOTION TWEEN
1. Klik Insert > Scene

2. file> import > import to stage, import latar yang akan dijadikan sebagai latar scene
3. Ganti nama layer menjadi BG

4. Klik new layer untuk menambahkan layer baru

5. Untuk membuat efek loading gunakan Rectangle Tool dengan animasi motion tween.
Loading disini akan bergerak maju dan terisi penuh untuk memulai scene selanjutnya.
Sebelum itu buat dulu bingkai untuk animasi loadingnya.

6. Pada bagian stroke pilih warna putih, dan untuk bagian fill kosongkan saja dengan klik
tanda merah.
7. Tambahkan teks loading diatas bingkai loading

8. Pada layer loading 1 klik kanan duplicate layer, maka akan muncul layer baru yang sama.

9. Pada layer hasil copas tadi, hidupkan hide agar layer tidak terlihat. Fokus pada objek
loading2 berikan warna pada fill agar terlihat. Pada shape inilah akan dianimasikan motion
tween agar terlihat lama kelamaan terisi penuh pada bingkai yang disediakan.

10. Pada layer loading 2 klik kanan > Create Motion Tween >
11. Jika muncul peringatan ini, klik OK. Otomatis shape yang akan kita animasikan menjadi
siymbol yang akan dianimasikan melalui create tween nanti.

12. Otomatis akan muncul layer baru.Layer baru ini yang memuat animasi motion tween nya
Pada layer loading 2 klik Insert Keyframe dan semua layer yang ada dibawahnya.

13. Pada layer baru ,layer 6 tersebut kecilkan shape bewarna tersebut. Ada lingkaran
ditengah-tengan sahpe persegi, pindakan lingkaran kecil yang berada ditengan tersebut
kekiri. Masih diframe 1 layer 6, kecil shape persegi tersebut.
14. Kecilkan shape hingga ujung bingkai. Seperti tampak gambar berikut.

15. Pada frame terakhir dilayer 6,perbesar shape persegi memenuhi bingkainya.

16. Tambahkan teks, dan atur align seperti berikut : Align horizontal center. Tujuannya agar
teks berada ditengah.

17. Berikan efek pada teks untuk mengiringi efek loading.Klik Insert keyframe pada teks.
Setelah itu pada pertengahan frame klik Create classic Tween.
18. Pada teks,klik frame 1. Maka akan muncul color effect pilih alpha
MEMBUAT SCENE INTRO CINEMATIC
1. Pada bagian ini saya akan membuat animasi jembatan ampera. Buat terlebih dahulu
objek jembatan ampera dengan menggunakan rectangle tool. .Buat persegi panjang
dan atur warna nya sesuai dengan jembatan.
- Pada pembuatan gambar menggunakan line tool,garis satu dengan garis yang lain
harus betemu,jika tidak saat diwarnai dengan paint bucket tool.
2. Ubah bentuk dan ukuran dengan menggunakan tombol shift + ctrl. Atur bentuk sedikit
kecil bagian atas
3. Selanjutnya menggunakan line tool. Buatlah garis detail jembatan

4. Gunakan selection tool untuk menghapus detail yang tidak diperlukan

5. Sebelim menghapus objek garis.Beri warna merah gelap pada objek tertentu dalam
agar terlihat perbedaannya dimensinya. Beri juga warna hijau dan hijau gelap pada
bagian bawah seperti gambar berikut
6. Beri warna pada masing masing objek, dan hapus line pada objek. Setelah itu jadikan
objek menjadi movie clip.Convert Klik kanan kemudian pilih convert to Symbol. Beri

nama tiang luar. Dan ubah nama layernya juga menjadi tiang luar.
7. Setelah itu buat layer baru menggunakan line tool,buat lagi bagian pinggir jembatan.
Caranya masih sama seperti membuat tiang , atur brightness tiang luar agar terlihat
hidup.
8. Ubah layer baru tersebut menjadi tiang dalam 1,posisikan tiang luar atau tiang yang
paling besar diatas sekali. Klik new layer, ubah nama layer tiang dalam 2
9. Pada layer baru tersebut, gambar lagi tiang menggunakan line tool caranya masih
sama seperti yang sebelumnya. Masih menggunakan Convert to simbol

10. Gambar lagi atap dari jembatan,pada layer berikan nama atap1. Dan begitu juga pada
atap 2
11. beri warna yang merah yang berbeda pada atap tersebut. Setelah selesai. Cut objek
lalu paste in place.Seperti itu juga pada atap2. Convert masing-masing atap menjadi
simbo ubah atap tersebut menjadi movie clip
12. Sekaran
g tinggal

menganimasikannya. Arahkan ke timeline ke frame 100,insert keyframe pada semua

layer. Lalu masih pada frame ke 100. Ubah masing-masing objek,gunakan gree
transforn tool atur bentuk dan kemiringannya sedemikian rupa dengan teliti dan rapih

13. Sehingga hasilnya nanti perpeksiik seakan akan berubah dan bergerak
14. Selanjutnya pada semua layer buatlah Classic Tween, dengan klik kanan lalu pilih
Create Classic Tween

15. Selanjutnya pada animasi jembatan saat dijalankan akan terlihat seolah-olah bergerak
dengan perubahan perspektik

16. Atur brightness agar masing masing objek terlihat kesan real. Color efect brightness
diatur dengan berbeda pada masing-masing objeknya Pada frame yg berbeda pada
frame 1 dan frame 100
17. Untuk mempermudah pengeditan ubah objek jadikan animasi menjadi simbol
baru,caranya seleksi semua layer Klik kanan Cut Layer klik kanan Pilih Insert New
Layer beri animasi simbol dengan nama Ampera.

18. Klik kanan pada layer, pili Paste Layer

19. Buka library drag simbol animasi movie clip Ampera kestage. Buat layer baru > copy
and paste animasi ampera. Buat dua objek animasi yang berbeda ukuran.
20. Selanjutnya kita beri objek pohon pastikan posisi layer paling atas.
21. Tambahkan bacground awan agar lebih hidup dan menarik

Buat animasi teks 2D dengan menggunakan tween.

22. Buat retangle tool warnai shape dengan warna warni.
23. Pada frame 100 buat keyframe Masukkan teks “WELCOME TO PALEMBANG”. Klik
teks ,lalu klik kanan pilih Break Apart>klik lagu Break Apart
24. Pada keyframe pertama klik Create ShapeTween maka pada frame akan berubah
menjadi warna hijau.
MEMBUAT MENU UTAMA DENGAN TOMBOL

1. Langkah pertama yaitu buat tombol menggunakan pensil tool, anda juga bisa
menggunakan shape untuk lebih simpelnya.

2. Warnai desain tombol yang kita buat tadi dengan struktur pohom. Klik color lalu pilih
bitmap fill

3. Copy and paste tombol hingga tersusun seperti gambar dibawah ini.
4. Tambahkan teks pada masing-masing tombol. Letakkan teks diatas shape.Buat shape
menjadi tombol dengan cara klik kanan, Convert To Simbol lalu pilih Button, OK

5. Setelah membuat tombol,Blok semua tombol lalu Klik kanan Distributed To Layers maka
secara otomatis tombol- tombol ini akan berpindah ke layer-layernya masing-masing
6. Setelah itu buat animasi pada tombol. Klik frame 15 ,blok klik Insert keyframe. Lalu klik
Create Classic Tween. Pada pertengan frame klik kembali Insert Keyframe untuk gerakan

kedua

7. Seleksi semua tombol,Pada frame pertama geser semua tombol yang diseleksi tadi keluar
stage

8. Untuk memperhalus gerakan , blok layer pertengahan pergantian keyframe.Agar animasi

kelihatan smooth,klik Center Frame yang terletak dibawah time line bewarna merah lalu
klik properties pada tweenning atur Ease : 100
9. Blok dan geser frame atur sedemikian dengan rapih agar animasi saat tombol masuk
distage terlihat terstruktur

10. Berikan action script pada frame paling atas dan paling terakhir. Agar saat dijalankan tidak
terputar berulang-ulang (stop).

11. Pada frame terakhir,double klik lalu. Double klik tombol yang pertama.
12. Setelah masuk pada editing tombol disini akan muncul frame up,over, down ,hit
13. Pada frame over dan down berikan Insert keyframe

14. Pada frame over, klik dan double click tombol pertama dan ubah warna tombol menjadi
warna hitam(optional)

15. Setelah itu tambah lagi animasi pada tombol caranya:

 - Click over
- Double click tombol pertama>klik kanan>Convert to simbol>movie clip lalu
berikan nama bebas>OK

- Setelah selesai, double click tombol. Didalan scene ada button ,didalam button
ada movie clip

- Setelah itu edit,berikan keyframe seperti gambar. Pada frame pertama tidak
usah diubah,lalu pada keyframe kedua

16. Buat Create Tween dan pada keyframe kedua Free Tranform Tool untuk memberikan efek
zoom agar tombol terlihat hidup dan nyata. Lakukan hal yang sama pada tombol yang
lainnya.
CONTENT
17. Pilih Insert blank keyframe.
18. Buat keyframe masing-masing 5 frame. Masing-masing 10 frame akan di isi oleh konten
text,gambar dan video
- Frame 45 (sejarah)
- Frame 50 (kebudayaan)
- Frame 55 (makanan)
- Frame 60 (pariwisata)
- Frame 65 (pendidikan)
- Frame 70 (video)
 19. Klik tombol/button kemudian klik action. Tulis script seperti contoh dibawah ini
Contoh :
on(release){
gotoAndStop(45);

}
Keterangan :
Angka 50 diatas menunjukkan frame yang akan dihubungkan dengan tombol yang
akan diklik nanti.

Membuat materi

1. Buat keyframe dilayer baru untuk materi materi yang akan ditampilkan. Diframe – frame
ini akan ditambahkan script untuk setiap frame labelnya nya

Persiapkan terlebih dahulu shape sebagai tempat materi yang akan kita buat
2. Tambahkan teks dan gambar pada setiap frame yang berbeda.

3. Animasikan setiap frame.Dengan cara seleksi teks maupun gambar pada frame, lalu
convert to symbols lalu pilih movie klip. Double klik pada objek yang diseleksi maka akan
masuk area movie klip.

4. Klik kanan lali pilih distribute to layers. Buat layer seperti berikut, lalu tambahkan animasi
create classic tween

5. Tahmbahkan keyframe pada frame ke-10

6. Perkecil pada frame 1 gunakan free transform tool

7. Tambahkan actions stop agar animasi tidak berputar berulang-ulang di frame terakhir

Masukkan audio dan video

1. Double klik tombol lalu akan muncul frame up over down hit. Klik frame down

2. Import audio dengan cara import > impott to library atau dengan cara cepat drag and
drop musik langsung ke menu library.
3. Klik keyframe down lalu pada properties terdapat sound pilih audio yang telah kita
import tadi
4. Import video

5. Maka muncul pilihan tampilan video yang berbeda beda, pilih jenis tampilan sesaui
keinginan kami,laluKlik next maka akan muncul video distage

6. Animasikan setiap stage,seleksi semua objek. Convert to Symbol ,jadikan movie

klip.Setelah menjadi movie klip maka kita double click movie clip lalu akan masuk pada
menu movie klip.
7. Pada menu movie clip ini editlah objek movie clip. Insert keyframe pada frame ke15.
Klik kanan pada objek, lalu pilih distribute layer agar semua objek memiliki layernya
masing-masing.Ini memudahkan penambahan animasi satu persatu pada objek.
8. Pada layer atur penempatan layer dengan medekatkan judul dengan gambar masing -
masing seperti berikut.

9. Edit semua frame frame mengikuti langkah 6 sampai 8. Editlah sesuai kreativitas, dan
jangan lupa setiap objek dijadikan movie klip terlebih dahulu