MODUL

METODE MENGAJAR KHUSUS 2

“Pembuatan Animasi 2D Pergantian Siang Malam Menggunakan Adobe

Flash CS3”

Diajukan Sebagai Salah Satu Tugas Mata Kuliah Metode Mengajar Khusus 2
Jurusan Pendidikan Teknik Informatika dan Komputer UPI “YPTK”

Oleh:

RINDI
20101156110018

Dosen Pengampu Mata Kuliah:

Rini Sefriani M.Pd

JURUSAN PENDIDIKAN TEKNIK INFORMATIKA DAN KOMPUTER

FAKULTAS KEGURUAN ILMU PENDIDIKAN
UNIVERSITAS PUTRA INDONESIA “YPTK” PADANG
2020
 KATA PENGANTAR

Pemanfaatan komputer sebagai sebuah sarana pengembangan pendidikan

saat ini sudah menjadi suatu kebutuhan utama. Hal ini di dasarkan kepada

beberapa faktor utama yaitu :

A. Perkembangan teknologi yang semakin pesat.

Perkembangan teknologi yang merupakan urat nadi utama kehidupan

telah membawa perubahan besar terhadap tatanan dan cara hidup

manusia. Dunia Industry sebagai garda perkembanga ekonomi mau

tidak mau harus memanfaatkan teknologi yang optimal, maka akan

tercapainya efektivitas kerja, meningkatkan ketelitian dalam suatu

bidang pekerjaan.

B. Komputer sebagai salah satu perangkat utama pendidikan.

Perkembangan teknologi ini juga berimplementasi terhadap

pemanfaatan berbagai saran dan prasarana. Pendidikan utama pada

SMK bertujuan untuk menghasilkan tenaga yang terdidik dan terlatih.

Oleh karena itu modul ini disusun untuk memberikan pengetahuan

dasar tentang pengeditan audio. Akhirnya tidak lupa penulis

menghaturkan rasa syukur kehadiran ALLAH SWT atas tersusun nya

modul ini

Padang, 8 Juli 2023

Rindi

i
 DAFTAR ISI

Halaman
KATA PENGANTAR ...................................................................................... i

DAFTAR ISI ...................................................................................................... ii

DAFTAR GAMBAR ............................................................................... ......... iii

BAB I PENDAHULUAN .................................................................................. 1

A. Deskripsi ................................................................................................. 1

B. Prasyarat .................................................................................................. 1

C. Petunjuk Penggunaan Modul .................................................................. 2

D. Tujuan Akhir ........................................................................................... 2

BAB II PEMBELAJARAN .............................................................................. 3

A. Adobe Flash CS3 ..................................................................................... 4

B. Halaman Awal ......................................................................................... 4

C. Lingkungan Kerja Adobe CS3 ................................................................ 5

D. Toolbox.................................................................................................... 6

E. Langkah-Langkah Kerja ......................................................................... 8

BAB III EVALUASI ......................................................................................... 19

BAB IV PENUTUP ....................................................................................... ...20

DAFTAR PENILAIAN..................................................................................... 21

TENTANG PENULIS....................................................................................... 22

ii
 DAFTAR GAMBAR

Halaman

Gambar 1. Tampilan Awal ............................................................................................ 8

Gambar 2. Ukuran Kertas .............................................................................................. 8
Gambar 3. Improt Background ...................................................................................... 9
Gambar 4. Menyesuaikan Bakground ........................................................................... 9
Gambar 5. Edit Nama Layer1 ........................................................................................ 9
Gambar 6. Menambah Layar Langit.............................................................................. 10
Gambar 7. Membuat Segi Empat .................................................................................. 10
Gambar 8. Menyesuaikan Warna .................................................................................. 10
Gambar 9. Menyesuaikan Segi Empat .......................................................................... 11
Gambar 10. Memindahkan Layer Langit ...................................................................... 11
Gambar 11. Layer Matahari........................................................................................... 11
Gambar 12. Oval Tool ................................................................................................... 12
Gambar 13. Cover to Symbol ......................................................................................... 12
Gambar 14. Movie Clip ................................................................................................. 13
Gambar 15. Filters......................................................................................................... 13
Gambar 16. Membuat Frame ........................................................................................ 13
Gambar 17. Add Motion Giude...................................................................................... 14
Gambar 18. Jalur Matahari ....................................................................................... 14
Gambar 19. Eraser Tool ................................................................................................ 15
Gambar 20. Insert Keyframe ......................................................................................... 15
Gambar 21. Create Motion Tween ................................................................................ 16
Gambar 22. Percobaan................................................................................................... 16
Gambar 23. Membagi Frame Langit ............................................................................. 17
Gambar 24. Langit Pagi ................................................................................................. 17
Gambar 25. Langit Siang ............................................................................................... 17
Gambar 26. Langit Malam ............................................................................................ 18
Gambar 27. Create Shape Tween ................................................................................. 18

iii
 BAB I

PENDAHULUAN

A. DESKRIPSI

Nama Modul : Pembuatan Animasi 2D Pergantian Siang dan Malam

Menggunakan Adobe Flash CS3

Ruang Lingkup : Teori Dasar

 Defenisi Adobe Flash CS3

 Teori Box yang akan digunakan oleh peserta didik

 Langkah-langkah Pembuatan pergantian siang dan

malam

Kaitan Modul : Modul ini adalah modul yang harus di kuasai peserta didik

sebelum lanjut ke modul selanjutnya

Hal yang diharapkan : Setelah mempelajari modul ini, peserta didik ini

harapkan dapat

 Mengetahui cara pembuatan animasi

sederhana pergantian siang dan malam

menggunakan Adobe Flash CS3

 Memahami langkah-langkah yang akan

dikerjakan

B. PRASYARAT

Untuk mempelajari modul ini, maka pengetahuan yang harus dikuasi

sebelumnya adalah melakukan penginstalan Adobe Flash CS3.

1
 2

C. PETUNJUK PENGGUNAAN MODUL

Untuk peserta didik :

1. Pembelajaran yang dilakukan dilaksanakan menggunakan system Self

Based Learning atau pembelajaran mandiri.

2. Setelah menyelesaikan modul ini, peserta didik dapat melanjutkan ke

modul selanjutnya.

3. Guru berperan sebagai fasilitator dan pengaruh dalam semua materi di

modul ini, sehingga diharapkan dapat terjadi komunikasi timbal balik

yang efektif dalam mempercepat proses penguasaan kopetensi peserta

didik.

D. TUJUAN AKHIR

a. Setelah mempelajari modul ini, diharapkan peserta didik dapat

memahami kegunaan Adobe Flash CS3.

b. Mengetahui cara pembuatan anamasi 2d pergantian siang dan malam

menggunakan Adobe Flash CS3.

c. Membuat laporan hasil yang telah dibuat menggunakan Adobe Flash

CS3.
 BAB II

PEMBELAJARAN

SUB KOPENTASI : pembuatan Animasi 2D Pergantian Siang dan

Malam dengan Multimedia Adobe Flash CS3.

KRITERIA KINERJA : a. Petunjuk pembuatan telah tersedia

b. Peralatan yang telah tersedia.

TUJUAN PEMBELAJARAN : a. Memahami cara pembuatan pergantian siang

dan malam menggunakan Adobe Flash CS3

b. Malakukan praktek pembuatan animasi

pergantian siang dan malam denga Adobe Flash CS3.

3
 4

TEORI DASAR

A. ADOBE FLASH CS3

Pada bahasan awal ini, akan saya bahas mengenai dasar-dasar

pengenalan tools dari Adobe Flash CS3. Kalau anda dulu sempat

mengenal Flash yang masih vendor Macromedia, tools-tools yang dipakai

sebenarnya hampir sama seperti yang masih bervendor Macromedia. Dan

kini, Adobe Flash CS3 juga masih menerapkan standarisasi dari

macromedia. Hanya beberapa opsi saja yang berbeda. Saat ini adobe

sudah memunculkan versi terbarunya. Yakni versi CS6, walaupun

versinya tinggi tetapi kalau saya lihat , tools-tools dan default workspace-

nya masih tetap hampir sama seperti versi sebelumnya. Hanya ada

beberapa saja yangberbeda, di versi terbaru.

Pada versi terbaru terdapat tools yang memungkinkan kita

membuat efek ruangan (3D). Disini saya memakai Adobe Flash CS3,

sebagai media interaktif pembelamedia interaktif pembelajaran.

B. HALAMAN AWAL

Halaman awal adalah tampilan yang pertama kali muncul ketika

kita mengakses Adobe Flash CS3. Cara mengakses Adobe Flash CS3

pertama kali yaitu double klik pada icon yang ada di desktop atau lihat dari

daftar program. Tampilan start page pertama kali membuka Adobe Flash

CS3.
 5

C. LINGKUNGAN KERJA ADOBE FLASH CS3

Secara garis besar, lingkungan kerja (Workspace) Adobe Flash

CS3 terdiri dari beberapa komponen utam sebagai berikut :

1. Menu Bar adalah kumpulan yang terdiri atas dasar menu-menu yang

digolongkan dalam satu kategori. Misalnya menu file terdiri atas

perintah New, Open, Save, Import, Export, dan lain-lain.

2. Time line adalah sebuah jendela panel yang digunakan untuk

mengelompokkan dan mengatur isi sebuah movie, pengaturan tersebut

meliputi penetuan masa tayang objek, pengaturan Layer, dan lain-lain.

3. Stage adalah area untuk berkreasi dalam membuat animasi yang

digunakan untuk mengkomposisi frame-frame secara individual dalam

sebuah movie.

4. Toolbox adalah kumpulan tools yang sering digunakan untuk

melakukan seleksi, menggambar, mewarnai objek, memodifikasi

objek, dan mengatur gambar atau objek.

5. Properties adalah informasi objek-objek yang ada di stage. Tampilkan

panel properties secara otomotis dapat berganti-ganti dalam

menampilkan informsi atribut-atribut properties dari objek yang

terpilih.

6. Panels adalah pengontrol yang brfungsi untuk mengganti dan

memodifikasi berbagai atribut dari objek dari animasi secara cepat dan

mudah.
 6

D. Toolbox

Fasilitas Toolbox seperti telah dijelaskan sekilas diawal adalah

sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk

keperluan desaian.

Berikut penjelasan setiap tool yang terdapat pada Toolbox.

1. Arrow Tool atau sering disebut selection tool berfungsi untuk memilih

atau menyeleksi suantu objek.

2. Subselection Tool berfungsi menyeleksi bagian objek lebih detail dari

pada selection tool.

3. Free Transfrom Tool berfungsi untuk mentransformasikan objek yang

terseleksi.

4. Lasso Tool berfungsi untuk memotong gambar secara manual.

5. Pent Tool digunakan untuk menggambar garis dengan bentuan titik-

tikik bantu seperti dalam pembuatan garis, kurva atau gambar.

6. Text Tool digunakan untuk membuat objek teks.

7. Line Tool digunakan untuk membuat atau menggambar garis.

8. Oval Tool digunakan untuk menggambar bentuk lingkaran atau elips.

9. Pencil Tool digunakan untuk membuat garis.

10. Brush Tool digunakan untuk menggambar bantuk garis-garis dan

bentuk-bentuk bebas.

11. Ink Bottle tool digunakan untuk mengisi/mengganti Strok(garis luar)

suatu objek.
 7

12. Paintbucket Tool digunakan untuk mengisi area-area kosong atau

digunakan untuk mengubah warna area sebuah objek yang telah

diwarnai.

13. Eye Dropper Tool digunakan untuk mengambil sampel warna.

14. Erase Tool digunakan untuk menghapus objek.

15. Hand Tool digunakan untuk menggeser tampilan stage tanpa

mengubah pembesaran.

16. Zoom Tool digunakan untuk memperbesar atau memperkecil tampilan

stage.

17. Stroke Color digunakan memilih atau memberi warna pada suatu garis.

18. Fill Color digunakan untuk memilih atau memberi warna pada

suatu projek.

19. Swap Color digunakan untuk menukar warna fill dan stroke atau

sebaliknya dari suatu gambar atau objek.

 8

E. LANGKAH-LANGKAH KERJA

Untuk memulai perkerjaan diawali dengan membuka Aplikasi Adobe

Flash CS3, dan ikuti langkah-langkah berikut:

1. Pada tampilan dibawah silakah pilih Flash File (ActionScript 2.0)

Gambar 1. Tampilan Awal

2. Pada propertis klik pada size pada dimensions ubah menjadi 800 px dan

650 px bisa dilihat pada gambar dibawah, dan klik tombol OK .

Gambar 2. Ukuran Kertas

3. Tekan CTRL+R untuk mengimprot backgroundnya, untuk

backgroundnya sudah ada di wa grub, klik background dan klik

Open
 9

Gambar 3. Improt Background

4. Pilih pada tool, Free Transfrom tool untuk memperbesar dan

memperkecil background sehingga menjadi seperti gambar dibawah

Gambar 4. Menyesuaikan Bakground

5. Pada Layer 1 klik dua kali edit namanya menjadi Background

Gambar 5. Edit Nama Layer1

6. Setalah itu kita akan membuat Langit dengan cara tambah Layer baru

klikInsert Layer, lalu edit Layer 2 menjadi Langit seperti gambar

dibawah
 10

Gambar 6. Menambah Layar Langit

7. Lalu klik Restangle tool pada tool lalu buat segi empat pada Layer

sepertigambar berikut

Gambar 7. Membuat Segi Empat

8. Lalu ganti pada Type ke Linear dan sesuaikan warnanya seperti gambar

dibawah

Gambar 8. Menyesuaikan Warna

 11

9. Setelah itu putar segi empat tersebut sampai 90 derajat dan sesuaikan

pada Layer seperti gambar dibawah

Gambar 9. Menyesuaikan Segi Empat

10. Pada Layer Langit pindahkan kebawah dengan cara klik dua kali tahan

dan tarik kebawah sampai seperti gambar dibawah

Gambar 10. Memindahkan Layer Langit

11. Setelah Langitnya selesai selanjutnya kita membuat Matahari, untuk

pembuatan matahari kita harus menambahkan Layernya terlebih dahulu

seperti gambar dibawah

Gambar 11. Layer Matahari

 12

12. Lalu klik pada tool Rectangle tool lalu tekan O pada keyboard maka

akan otomatis berubah menjadi Oval tool setelah itu ubah Fill Colornya

menjadi warna kuning dan buat lingkaran kecil pada Layer Langit

sepertigambar berikut

Gambar 12. Oval Tool

13. Setelah itu klik pada Matahari lalu klik kanan dan pilih covert to symbol

Gambar 13. Cover to Symbol

14. Setelah itu Namenya edit menjadi matahari dan pastikan typenya Movie

Clip dan klik OK seperti gambar dibawah

 13

Gambar 14. Movie Clip

15. Lalu pada Filters Klik add filter dan pilih Blur dan atur menjadi 16

seperti gambar berikut

Gambar 15. Filters

16. Selesai pembuat matahari selanjutnya kita akan mengatur seberapa lama

durasi pergantian siang dan malam disini kita akan membuatnya menjadi

60 frame, pada frame 60 blok ke bawah lalu tekan F5 pada keyboard,

seperti gambar dibawah

Gambar 16. Membuat Frame

 14

17. Setelah itu kita akan membuat jalur berjalannya matahari dengan cara

mengklik add Motion Giude di sebelah insert Layer seperti gambar

dibawah

Gambar 17. Add Motion Giude

18. Lalu klik pada Oval tool dan hilangkan warna pada Fill Color dan pada

Stroke Color ubah menjadi warna hitam dan buat bulat seperti gambar

dibawah
 15
Gambar 18. Jalur Matahari

19. Pada oval tool yang berlebih silakan di hapus dengan cara pada tool pilih

Eraser tool supaya lebih mudah klik gambar mata pada Layer

background seperti gambar beriku

Gambar 19. Eraser Tool

20. Selanjutnya Matahari letakkan ke ujung garis dan pada frame matahari di

angka 60 klik kanan lalu pilih Insert Keyframe dan seperti gambar

dibawah

Gambar 20. Insert Keyframe

 16

21. Dan selanjutnya matahari di pidahkan ke ujuang garis yang satu lagi dan

ditenggah frame matahari di frame 30 klik kanan dan pilih Create

MotionTween seperti gambar berikut

Gambar 21. Create Motion Tween

22. Setelah itu tekan CTRL+Shift+ Enter pada keyboard untuk melihat

Hasilnya

Gambar 22. Percobaan

23. Untuk pergantian siang dan malam kita akan membagi frame langit

menjadi 3 frame Siang, Sore dan Malam dengan cara mengkli pada frame

langit pada angka 20 dan 40 klik kanan Insert KeyFrame

 17

Gambar 23. Membagi Frame Langit

24. Setelah itu klik pada frame 10 langit edit Fill Colornya seperti di

gambar dibawah

Gambar 24. Langit Pagi

25. Dan untuk frame 30 pada langit ubah warnanya seperti gambar dibawah

Gambar 25. Langit Siang

26. Dan untuk frame 55 pada langit ubah warnanya seperti gambar dibawah
 18

Gambar 26. Langit Malam

27. Pada Frame langit 10, 25, 45, klik kanan Create Shape Tween

Gambar 27. Create Shape Tween

28. Maka Projek Siap dijalan

 BAB III
EVALUASI

1. Masing-masing peserta didik wajib membuat laporan tentang teori dan

langka-langkah pembuatan pergantiang siang dan malam

menggunakan Adobe Flash CS3 sampai dengan hasil akhir pekerjaan

untuk memenuhi standar penilain tugas akhir !

19
 BAB IV

PENUTUP

Demikian modul pembelajaran pembuatan pergantian siang dan malam

menggunakan Adobe Flash CS3. Materi yang dibahas dalam modul ini masih

sangat sedikit. Hanya sebagai dasar saja bagi peserta didik untuk belajar lebih

lanjut. Diharapkan peserta didik memanfaatkan modul ini sebagai motivasi untuk

menguasai pembuatan pergantian siang dan malam menggunakan Adobe Flash

CS3. Sehingga lebih dapat menguasi software Adobe Flash CS3.

Setelah menyelesaikan modul ini dan mengerjakan semua tugas serta

evaluasi maka berdasarkan kriteria penilai, peserta didik dapat dinyatakan lulus

atau tidak lulus. Apabila dinyatakan lulus maka dapat melanjutkan ke modul

selanjutnya, sedangka yang tidak lulus maka peserta didik tersebut harus

mengulang modul ini dan harus memahami lagi lebih mendalam danbelum boleh

melanjutkan modul selanjutnya.

20
 DAFTAR PENILAIAN
HASIL PENILAIN SISWA MMK KELAS 1X

NO NO.BP NAMA SISWA LATIHAN TUGAS NILAI KET. KET.

EVALUASI NILAI

1 Anggun Utami Berhasil Ada 90 A HADIR

2 Dhelia Rahmanda Tidak berhasil 80 B HADIR

Ada
3 Indria Larasati HADIR
Tidak berhasil Ada 80 B
4 Khairul Mustofa HADIR
Tidak berhasil Ada 80 B
5 Maya Netra Rosa HADIR
Tidak berhasil Ada 80 B
6 M. Arif Akbar ALFA
Tidak berhasil Ada 78 B
7 Ovan S. Efendi ALFA
Tidak berhasil Ada 78 B
8 Revaniken Fanesa HADIR
Tidak berhasil Ada 80 B
9 Salwa Rahmadini Berhasil HADIR
Ada 90 A
10 Sri Utari HADIR
Tidak berhasil Ada 80 B
11 Trinanda Hidayat HADIR
Tidak berhasil Ada 80 B

Keterangan :

A = 85 - 100 yaitu, Sangat Baik

B = 74 – 84 yaitu, Baik

C = 60 – 74 yaitu, Cukup

D = 40 – 59 yaitu, kurang

E = 0 -39 yaitu, Sangat Kurang

21
 TENTANG PENULIS

Rindi, lahir pada tanggal 04 Januari 2002. Saya merupakan anak ke-3 dari

3 bersaudara. Sewaktu kecil dan remajanya dihabiskan di kampung halaman yaitu

di desa Surantie Kec. Sutera, Kab. Pesisir Selatan.

Rindi pernah menjadi siswi di SDN 11 Rawang, SMPN 4 Sutera, dan

SMKN 1 Sutera. Pada tahun 2020 saya melanjutkan pendidikan ke

UNIVERSITAS PUTRA INDONESIA “YPTK” PADANG. Disini saya

mengambil S1 Jurusan Pendidikan Teknik Informatika ( PTI ), Fakultas Keguruan

dan Ilmu Pendidikan UPI “YPTK” Padang.

Rindi memiliki kontak yang aktif yang menghubungkan saya dengan teman-

teman saya yang lain, yaitu sebagai berikut :

No. Hp : 081277834047

E_Mail : ajarindi165@gmail.com

di macromedia. Adobe Flash CS3 termasuk salah satu Aplikasi untuk proses pembuatan
animasi yang berbasis interaktif Adobe Flash CS3 sering digunakan untuk membuat
animasi seperti kartun, demostrasi, film pendek, hiburan dan sebagainyaain itu Adobe
Flash CS3 juga mempunyai keunikan dan kelebihan Adobe Flash CS3 ini adalah mampu
membuat animasi vector dan interaktivitas yang menarik. Adapun dalam memudahkan
didalam membuat sebuah animasi.

22