LAPORAN PRAKTIKUM

SISTEM MULTIMEDIA

MODUL 6
Animasi

Disusun oleh :

Devi Fajar Wati

3411171112
DSE-C

PROGRAM STUDI INFORMATIKA

FAKULTAS SAINS DAN INORMATIKA
UNIVERSITAS JENDERAL ACHMAD YANI
2019
 ABSTRACT

Animasi dasar terbagi menjadi empat, yaitu Motion, Shape, Classic dan Frame per
Frame. Animasi Classic yaitu menggerakkan objek dari satu posisi ke posisi lainnya. Animasi
Shape yaitu mengubah sebuah objek menjadi objek lain. Animasi Motion berisi kedua animasi
dasar tersebut berdiri sendiri atau digabung satu dengan lainnya sehingga menjadi sebuah
animasi yang kompleks. Animasi frame, dimana setiap detik frame akan berubah objek
keyframenya.

Animasi tween adalah jalan yang efektif untuk membuat gerakan. Dalam animasi tween,

Animate hanya menyimpan jumlah perubahan antar frame. Dalam animasi frame by frame,

Animate menyimpan setiap gerakan objek pada masing-masing frame.

1
 DAFTAR ISI

ABSTRACT .................................................................................................................................... 1
DAFTAR ISI................................................................................................................................... 2
BAB I .............................................................................................................................................. 3
HASIL PRAKTIKUM .................................................................................................................... 3
A. Tugas 4.1 .......................................................................................................................... 3
Membuat Animasi Putar ......................................................................................................... 5
Membuat animasi skala........................................................................................................... 6
Membuat Animasi Transparan (alpha) ................................................................................... 7
B. Tugas 4.2 .......................................................................................................................... 9
Animasi Motion Guide ........................................................................................................... 9
C. Tugas 4.3 .......................................................................................................................... 9
Animasi Masking .................................................................................................................... 9
D. Tugas 4.4 ........................................................................................................................ 12
E. Tugas 4.5 ........................................................................................................................ 13
F. Tugas 4.6 ............................................................................................................................ 14
BAB III ......................................................................................................................................... 15
PENUTUP..................................................................................................................................... 15
A. Kesimpulan..................................................................................................................... 15

2
 BAB I
HASIL PRAKTIKUM
A. Tugas 4.1
1. Buka sebuah halaman baru
2. Pada layer 1, buat sebuah objek lingkaran, lalu konversi menjadi Symbol movie
clip.Perhatikan frame, saat anda membuat objek lingkaran.Frame akan otomatis berisi
titik hitam yang menandakan keyframe sudah terisi dengan objek lingkaran.

Gambar 1

3. Masih bekerja pada layer 1, selanjutnya Anda akan menggerakkan objek lingkaran dari
frame 1 ke frame 30.

4. Klik kanan pada frame 30, pilih insert keyframe.

5. Pilih frame 30, geser objek lingkaran ke posisi yang diinginkan.

Gambar 2

3
6. Selanjutnya diantara frame 1 sampai 30, klik frame diantaranya, klik kanan, klik create
classic tween.

Gambar 3

7. Untuk mengatur nya yaitu ada pada properties inspector seperti pada gambar 3.

Gambar 4

8. Untuk melihat hasilnya yaitu dengan menekan CTRL + Enter .

4
 Membuat Animasi Putar

9. Buatlah sebuah layer baru (layer 2), rename layer menjadi Bintang
10. Pada layer Bintang, buatlah objek bintang
11. Masih bekerja pada layer Bintang, pada frame 30 masukkan keyframe. Lakukan seperti
pada langkah 5 dan 6.
12. Klik frame diantara 1 sampai 30, tambahkan animasi classic. Lalu lihat pada property
inspector, aturlah jenis animasi putar.

Gambar 5 Menambah layer bintang

Gambar 6 Mengubah jenis rotate pada bintang

5
 Membuat animasi skala

Animasi Skala adalah animasi dimana terjadi perubahan ukuran atau skala objek.

13. Buat layer baru, rename menjadi Kotak

Gambar 7 Layer Kotak

14. Pada layer Kotak, Frame 1, buatlah sebuah kotak berukuran cukup besar

Gambar 8 Object Kotak

15. Tambahkan keyframe pada layer 30, seperti biasa lakukan seperti langkah 6

Gambar 9

6
Membuat Animasi Transparan (alpha)

Alpha merupakan parameter yang mengatur transparansi warna. Dengan Animasi

alpha kita dapat membuat objek seolah-oleh menghilang atau muncul perlahan.

16. Buat layer baru dengan nama rokok

Gambar 10 Layer rokok

17. Import image rokok.jpg dan masukan ke frame 1 pada layer rokok

Gambar 11 import gambar

18. Pilih gambar rokok dan convert to symbol movie clip

Gambar 12 convert

7
19. Pada panel properties pilih color effect
20. Pilih style alpha
21. Set nilai alpha menjadi 0%, sehingga gambar rokok akan benar-benar transparan

Gambar 13 collor efect

22. Geserlah playhead merah ke frame 30, kemudian masukkan keyframe

Gambar 14 Menambah keyframe

23. Pastikan gambar rokok masih dalam keadaan terpilih

24. Kemudian lakukan kembali langkah 26 – 28, dengan nilai alpha 100%
25. Klik kanan diantara frame 1-30, lalu tambahkan create classic tween
26. Selanjutnya jalankan animasi dan lihat hasilnya

Gambar 15 hasil

8
B. Tugas 4.2
Buatlah iklan layanan masyarakat tentang bahaya merokok !

 Sudah terdapat pada tugas 4.1

Animasi Motion Guide

Motion guide adalah animasi yang bergerak menyusuri sebuah lintasan atau alur.

1. Buatlah lembar kerja baru

2. Rename layer 1 menjadi background, silahkan tambahkan gambar seperti peta/jalur top
down view
3. Buat layer baru bernama car
4. Masukkan symbol car ke dalam layer car. Kemudian tambahkan keyframe di frame 30
untuk posisi akhir mobil
5. Klik kanan pada layer car => add classic motion guide
6. Pada layer guide buatlah jalurnya menyerupai background anda menggunakan pen tool
7. Pastikan titik awal dan akhir mobil menempel pada pen
8. Klik kanan pada layer car => Create classic tween

Gambar 16 Motion mobil

C. Tugas 4.3

Animasi Masking
Prinsip kerja dari animasi masking adalah menampilkan bidang yang tertutup dan

menyembunyikan bidang yang terbuka.

1. Buatlah lembar kerja baru

2. Tambahkan sebuah layer sehingga terdapat dua buah layer. Yaitu layer 1 dan 2.
9
3. Rename layer 1 menjadi teks, kemudian rename juga layer 2 menjadi masking.

Gambar 17 penambahan layer pada lembar kerja baru

4. Pada layer teks, buatlah objek teks “Informatika Unjani”

Gambar 18 layer text

10
5. Klik kanan frame 35  Insert Frame Selanjutnya klik frame 1 pada layer masking
6. Buatlah sebuah objek lingkaran, letakkan posisinya di sebelah kiri tulisan Informatika
UNJANI.

Gambar 19 penambahan object lingkaran

7. Masih di dalam layer masking, masukkan keyframe pada frame 35

8. Klik kanan frame Antara frame 1 – 35 pada layer masking seperti pada Gambar 6.12

Gambar 20 Mask

11
D. Tugas 4.4

1. Buatlah lembar kerja baru

2. Pada layer 1, frame 1, masukkan objek teks dengan tulisan “1”

Gambar 21 Object

3. Pada frame 2, tambahkan keyframe, masukkan objek teks dengan tulisan “2”.

Gambar 22 object2

12
 4. Lakukan hal serupa sampai sepuluh frame
5. Kemudian save pekerjaan Anda
6. Test animasi

E. Tugas 4.5

Buatlah sebuah iklan layanan masyarakat yang telah diperbaharui dengan menggunakan
berbagai teknik animasi dengan tema berikut ini, pilihlah salah satunya:

Ajakan ke posyandu agar balita sehat:

Gambar 23 iklan layanan posyandu

13
F. Tugas 4.6
Iklan wajib : Promosi jurusan informatika UNJANI

Gambar 24 Project iklan

14
 BAB III
PENUTUP
A. Kesimpulan
Adobe Animate membahas konsep dan teori pembuatan animasi dan elemen interaktif.
Pembahasan meliputi metode pembuatan elemen grafik, pembuatan elemen teks, konsep dan
pemanfaatan symbols, penganimasian elemen, penambahan elemen video dan suara, dan
metode publikasi hasil kerja. Materi disampaikan melalui berbagai contoh studi kasus yang
dikerjakan bersama dalam kelas. Dengan mengerjakan studi kasus, peserta dapat langsung
mengaplikasikan konsep yang dipaparkan oleh trainer.

15
 DAFTAR PUTAKA
1. Modul Sistem Multimedia modul 6 ;
2. http://brainmatics.com/adobe-animate-cc-2017

16