PEMERINTAH PROVINSI JAWA BARAT

DINAS PENDIDIKAN
SMK NEGERI 1 GUNUNGSINDUR
Jalan SMPN 3 Gunungsindur, desa Rawakalong, Kecamatan Gunungsindur, Kabupaten Bogor, Jawa Barat
16340 Tlp. (0251) 8612735, Website : smkn1gunungsindur.sch.id

JOBSHEET
ADOBE ANIMATE

Kompetensi Keahlian : Multimedia Kelas : XII

Mata Pelajaran : Animasi 2D dan 3D Waktu : 120 menit
Guru Mapel : Syaiful Amri, ST., MM

A. Tujuan
1. Peserta praktikum mampu membuat beragam jenis desain animasi 2D dan 3D
2. Peserta praktikum mampu menerapkan desain karakter yang telah dipelajari.

B. Keselamatan dan Petunjuk Kerja

1. Peserta praktikum wajib menggunakan alat dan bahan sesuai dengan fungsinya.
2. Bila mendapatkan masalah atau kesulitan tanyakanlah kepada instruktur.
3. Pengerjaan dilakukan dalam 2 x 60 menit (sudah termasuk pengechekan PC dan instalasi
sofware)
4. Merapikan kembali alat dan bahan sesuai tempatnya setelah selesai digunakan

C. Alat dan Bahan

a. Komputer / Handphone
b. Jobsheet

D. Deskripsi
Nama Modul : Membuat desain Animasi Karakter
Ruang lingkup isi : • Mengoperasikan Perangkat Lunak animasi Adobe animate
• Mempersiapkan Perangkat Lunak animasi Adobe animate
Hasil yang diharapkan : Setelah mempelajari modul ini, peserta didik
diharapkan diharapkan untuk dapat :
a. Menjelaskan dan mempersiapkan Perangkat Lunak untuk
dapat digunakan untuk animasi adobe animate;
b. Menjelaskan dan mengoperasikan fungsi menu-menu perangkat
lunak animasi adobe animate;
c. Menjelaskan dan mengoperasikan fungsi menu-menu editing
animasi adobe animate;

Manfaat di Industri : Setelah mempelajari modul ini, peserta didik diharapkan untuk dapat :
a. Memahami cara mengoperasikan Perangkat Lunak Animasi Adobe
Animate;
b. membuat dan menyimpan animasi adobe animate ;
 PEMERINTAH PROVINSI JAWA BARAT
DINAS PENDIDIKAN
SMK NEGERI 1 GUNUNGSINDUR
Jalan SMPN 3 Gunungsindur, desa Rawakalong, Kecamatan Gunungsindur, Kabupaten Bogor, Jawa Barat
16340 Tlp. (0251) 8612735, Website : smkn1gunungsindur.sch.id

E. Penjelasan Adobe Animate

Adobe animate merupakan sebuah software yang terhitung masih muda, masih baru sekali
dirilis oleh perusahaan Adobe. Sebuah tools yang memudahkan pembuatan animasi layaknya
aplikasi flash, yang hanya menggunakan mouse.

Adobe Animate sendiri merupakan sebuah tool software baru yang fokus di web motion dan
interaction design, mampu menjadikan seorang designer itu dengan mudah membuat animasi
konten ke dalam website, dan hasilnya itu bukan flash, tapi sudah kedalam bentuk HTML 5,
JavaScript, dan CSS3. Luar biasa. Pastinya jauh lebih ringan, dan SEO Friendly tentunya. Dan
ini adalah solusi atas permasalahan crash di banyak sekali product dari apple, seperti mac
gara-gara konten flash.

Dengan Adobe animate, membuat konten animasi itu sangat mudah sekali, interaksi jadi lebih
tinggi, begitu juga halnya membuat game berbasis html5 pun jauh lebih mudah. Jadi kurang
lebih Anda membuat animasi layaknya animasi flash, tapi menggunakan HTML5, JavaScript
dan CSS3. Sehingga jauh lebih ringan, dan pastinya cross platform.

F. Tool Adobe Animate

Toolbox adalah peralatan kerja yang digunakan dalam membuat animasi atau media
pembelajaran di adobe flash Setiap toolbox mempunyai fungsi tersendiri untuk keperluan
desain. adapun rinciannya sebagai berikut :

1. Arrow tool atau disebut juga selection tool berfungsi untuk memilih atau
menyeleksi suatu objek.

2. Subselection toll berfungsi untuk menyeleksi bagian objek lebih detail dari pada
selection tool.

3. Free transform tool berfungsi untuk mentransformasikan objek terseleksi

4. Gradien Transform tool berfungsi untuk mentransformasikan warna dari fill objek
yang terseleksi.
 PEMERINTAH PROVINSI JAWA BARAT
DINAS PENDIDIKAN
SMK NEGERI 1 GUNUNGSINDUR
Jalan SMPN 3 Gunungsindur, desa Rawakalong, Kecamatan Gunungsindur, Kabupaten Bogor, Jawa Barat
16340 Tlp. (0251) 8612735, Website : smkn1gunungsindur.sch.id

5. Lasso tool digunakan untuk melakukan seleksi dengan menggambar sebuah garis
seleksi.

6. Pen tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu
seperti dalam pembuatan garis, kurva atau gambar.

7. A Text tool digunakan untuk membuat objek teks

8. line tool digunakan untuk menggambar garis

9. rectangular tool digunakan untuk menggambar bentuk persegi

10. pencil ttol digunakan untuk membuat garis

11. brush tool digunakan untuk menggambar garis-garis dan bentuk bebas

12. digunakan untuk mengubah warna garis, lebar garis dan style garis

13. paint bucket tool digunakan untuk mengisi area-area kosong

14. eyedropper tool digunakan untuk mengambil sampel warna dari gambar atau
objek

15. eraser tool digunakan untuk menghapus objek

16. handtool digunakan untuk menggeser tampilan stage tanpa mengubah pembesaran

17. zoom tool digunakan untuk memperbesar atau memperkecil tampilan stage

18. stroke color digunakan untuk memilih atau memberi warna pada suatu garis

19. fill color digunakan untuk memilih atau memberi warna pada suatu objek
 PEMERINTAH PROVINSI JAWA BARAT
DINAS PENDIDIKAN
SMK NEGERI 1 GUNUNGSINDUR
Jalan SMPN 3 Gunungsindur, desa Rawakalong, Kecamatan Gunungsindur, Kabupaten Bogor, Jawa Barat
16340 Tlp. (0251) 8612735, Website : smkn1gunungsindur.sch.id

G. Membuat Animasi Karakter

Sebelum membuatnya kalian harus menyiapkan karakter yang akan kita animasikan, setelah
itu kita siap untuk menganimasikannya.
1. Buat new document dengan ketentuan seperti dibawah ini.

2. Masukan gambar sketsa karakternya, kemudian convert kan menjadi graphic. Buat new
layer dan buat sketsa ulang tapi hanya sederhana saja pada layer baru tersebut.
 PEMERINTAH PROVINSI JAWA BARAT
DINAS PENDIDIKAN
SMK NEGERI 1 GUNUNGSINDUR
Jalan SMPN 3 Gunungsindur, desa Rawakalong, Kecamatan Gunungsindur, Kabupaten Bogor, Jawa Barat
16340 Tlp. (0251) 8612735, Website : smkn1gunungsindur.sch.id

3. Hapus satu persatu bagian line sketsanya, lakukan per frame by frame. kemudian seleksi
semua framenya kemudian klik kanan – Reverse Frames

lakukan hal yang sama pada sketsa yang lebih detail.

4. Buat teks sesuai dengan keinginan kalian, kemudian klik kanan – break apart. setelah itu
convert kan ke graphic. Seleksi teks dan karakternya kemudian convert kan menjadi
movie clip. Karena kita akan bekerja pada scane movie clipnya.
 PEMERINTAH PROVINSI JAWA BARAT
DINAS PENDIDIKAN
SMK NEGERI 1 GUNUNGSINDUR
Jalan SMPN 3 Gunungsindur, desa Rawakalong, Kecamatan Gunungsindur, Kabupaten Bogor, Jawa Barat
16340 Tlp. (0251) 8612735, Website : smkn1gunungsindur.sch.id

5. Sekarang kita animasikan bagian teksnya. Masuklah kedalam scane teks kemudian
pisah teks hello dan im avia menjadi layer yang berbeda. kemudian kita animasikan teks
hello terlebih dahulu. Caranya sama seperti membuat animasi sketsa karakternya kalian
tinggal menghapusnya saja dan menjadikannya perframe

H. Soal dan Tugas

1. Buatlah gambar desain animasi karakter menggunakan kertas A4 dan pensil 2B, dalam 4
posisi yang berbeda (depan, belakang, samping kiri dan kanan).
2. Pertegas garis-garis gambar desain animasi karakter menggunakan drawing pen, dan
lakukan scan gambar ke dalam format JPG.
3. Import dan tracing gambar yang telah di buat ke dalam adobe animate.
4. Buatlah kelompok dan buat lah video Animasi Karakter, dengan tema “Peringatan
Sumpah Pemuda”.
5. Import desain karakter yang telah jadi kedalam satu layer dalam tiap-tiap kelompok nya.
6. Tugas harus selesai dan di kumpulkan paling lambat Rabu, tanggal 21 Oktober 2020.