RENCANA PELAKSANAAN PEMBELAJARAN

( RPP )

Nama Sekolah : SMK NEGERI 1 JOMBANG

Mata Pelajaran : TEKNIK ANIMASI 2 DIMENSI
Komp. Keahlian : MULTIMEDIA
Kelas/Semester : XI/1
Tahun Pelajaran : 2017/2018
Alokasi Waktu : 4 JP

A. Kompetensi Inti ( KI )
KI-3. Memahami, menerapkan, menganalisis pengetahuan factual, konseptual,
procedural berdasarkan rasa ingin tahunya tentang ilmu pengetahuan,
teknologi, seni budaya, dan human iora dengan wawasan kemanusiaan,
kebangsaan, kenegaraan, dan peradaban terkait fenomena dan kejadian,
serta menerapkan pengetahuan procedural pada bidang kajian yang spesifik
sesuai dengan bakat dan minatnya untuk memecahkan masalah.
KI-4. Mengolah, menalar, menyaji, dan mencipta dalam ranah konkret dan ranah
abstrak terkait dengan pengembangan diri yang dipelajarinya di sekolah
secara mandiri, dan mampu menggunakan metoda sesuai kaidah keilmuan.

B. Kompetensi Dasar ( KD )
3.8 Memahami teknik animasi frame by frame.
4.8 Membuat animasi 2 dimensi menggunakan teknik frame by frame

C. Indikator Pencapaian Belajar

3.8.1 Mempelajari teknik animasi frame by frame
3.8.2 Menjelaskan teknik animasi frame by frame
4.8.1 Membuat animasi 2 dimensi menggunakan teknik frame by frame
4.8.2 Mendemonstrasikan animasi 2 dimensi menggunakan teknik frame by frame
(indikator yang digunakan 3.8.1 dan 3.8.2)

1
D. Tujuan Pembelajaran
1. Melalui diskusi dan menggali informasi, peserta didik dapat mempelajari teknik
animasi frame by frame dengan percaya diri
2. Melalui diskusi dan menggali informasi, peserta didik dapat menjelaskan teknik
animasi frame by frame dengan percaya diri
3. Disediakan komputer, akses internet dan kertas, peserta didik dapat
merancang animasi 2 dimensi menggunakan teknik frame by frame dengan
santun
4. Disediakan komputer, akses internet dan kertas, peserta didik dapat membuat
animasi 2 dimensi menggunakan teknik frame by frame dengan santun
(Tujuan Pembelajaran yang digunakan no 1 dan 2)

E. Materi Pembelajaran
1. Pengertian frame
frame adalah satuan terkecil dalam video sedangkan pada program flash,
frame diumpamakan seperti kertas hvs yang telah digambar, dan contoh apabila
framenya kita perpanjang sebanyak 5 frame, maka diumpamakan seperti 5
kertas hvs dengan gambar yang sama, apabila kita merubah gambar salah satu
frame, maka frame yang lain akan mengikuti perubahan gambar tersebut.
karena frame tidak dapat berdiri sendiri.
Animasi frame merupakan animasi yang paling sederhana, dimana
animasinya didapatkan dari rangkaian gambar yang bergantian ditunjukan,
pergantian gambar ini diukur dalam satuan fps (frame per second). Contoh
animasi ini adalah ketika kita membuat rangkaian gambar yang berbeda pada
tepian sebuah buku, kemudian kita buka buku tersebut sedemikian rupa
menggunakan jempol, maka gambar akan terlihat bergerak. Dalam Macromedia
Flash, animasi ini dibuat dengan teknik animasi keyframe, teknik ini sering
digunakan untuk mendapatkan animasi objek yang tidak bisa didapatkan
dengan teknik animasi tween, teknik animasi path dan teknik animasi script.
Animasi frame adalah jenis animasi yang paling banyak memakan
kapasitas file dan memori, karena itu lebih baik penggunaan animasi ini

2
 hendaknya diminimalis. Animasi frame per frame menuntut banyak gambar
yang harus dibuat. Efek animasi diciptakan dengan mengganti gambar yang
satu dengan gambar yang lain selama beberapa waktu. Semua gambar yang
bergerak dihasilkan dari gambar yang berbeda-beda tiap framenya. Karena
animasi frame per frame harus memiliki gambar yang unik tiap framenya maka
animasi frame per frame sangat ideal untuk membuat animasi yang kompleks
yang terdiri dari banyak perubahan seperti ekspresi wajah.
Keyframe adalah frame dimana Anda menentukan perubahan pada
tombol atau animasi. Pada animasi tween, Anda membuat keyframe hanya pada
titik yang penting di dalam Timeline. Keyframe ditandai oleh titik di dalam
frame. Keyframe yang tidak berisi gambar di dalam layer ditandai oleh titik
kosong.
BlankKeyframe artinya kita mempersiapkan frame kosong untuk diisi
objek baru, dan apabila kita menggambar objek, blank keyframe tersebut sudah
berisi objek. Blank keyframe dilambangkan dengan titik bulat putih pada frame.
2. Membuat animasi frame per frame
Di bawah ini akan ditunjukkan proses pembuatan animasi frame per
frame :
a. Buka file baru pada software flash atau Ctrl+N.
b. Kemudian kita pilih Rectangle Tool (R) pada toolbox dan kita mulai
membuat objek balok pada stage dengan mengklik dan drag, jangan lupa
warna fiil objek balok harus berbeda dari warna background stage.

Gambar 1 Rectagle

3
c. Kemudian klik kanan di frame ke-1, pilih Insert Keyframe atau tekan F6,
maka akan muncul frame ke-2

Gambar 2 Key Frame

d. Pada frame ke-2 kita pilih Free Transform Tool (Q), kemudian kita putar
balok sedikit ke kanan dan letaknya dirubah sedikit kebawah dengan
meneka tombol Shift + Panah bawah satu kali.

Gambar 3 Free Transform

e. Kemudian masukan kembali KeyFrame hingga menjadi tiga frame,
kemudian putar kembali balok sedikit ke kanan dan sedikit

Gambar 4 Insert Keyframe

f. Ulangi langkah di atas sampai frame 8 hingga balok tampak jatuh.
g. Kemudian tekan Enter untuk melihat hasilnya.

4
3. Macam-macan Animasi di flash yaitu: Motion Path, Animasi Margue, Animasi
Transparan, Animasi Fade, Animasi Rotasi, Animasi Blink, Animasi Shape,
Animasi Masking
a. Motion Path Anda dapat menggunakan motion path untuk membuat symbol
bergerak mengikuti bentuk lintasan yang sulit. Dengan menggunakan layer
Motion Guide untuk membuat garis untuk lintasan gerak objek. Layer Guide
ditandai oleh ikon guide disebelah nama layer.
b. Animasi Margue Animasi margue banyak dilihat pada situs web, yaitu suatu
teks yang muncul dari bagian kanan layar, lalu begerak menuju ke kiri layar
dan menghilang, begitu seterusnya.
c. Animasi Transparan Animasi transparan adalah animasi yang terlihat secara
transparan perlahan-lahan lalu menghilang. Animasi ini sering digunakan
dalam melakukan pergantian animasi dari satu animasi ke animasi lainnya,
sehingga perpindahan animasi akan terlihat halus.
d. Animasi Fade Animasi fade adalah animasi pemudaran. fade dibagi menjadi
2, yaitu fade in (pemudaran ke dalam) dan fade out (pemudaran keluar).
e. Animasi Rotasi Animasi rotasi adalah animasi objek atau teks yang
berputar, seperti jam, kincir angin, putaran roda, dan lain-lain. Kita bisa
memutarnya searah jarum jam (CW : Clock Wise) atau berlawanan dengan
arah jarum jam (CCW : Counter Clock Wise).
f. Animasi Blink Blink adalah animasi berkedip atau berkelip, seperti bintang
di langit atau lampu disco, animasi blink biasanya sangat efektif untuk
menarik perhatian, sehingga banyak digunakan untuk membuat banner.
g. Animasi Shape Animasi ini adalah perubahan bentuk dari suatu objek
menjadi objek lain atau dari suatu objek menjadi teks dan sebaliknya.
Animasi ini juga sering disebut efek Morph.
h. Animasi Masking Masking adalah animasi yang menyembunyikan atau
menutupi suatu objek dengan objek lain, sehinga objek yang menutupi
terlihat transparan dan menyatu dengan objek yang ditutupi.

5
F. Pendekatan, Model dan Metode Pembelajaran
a. Pendekatan pembelajaran : Pendekatan konstektual
b. Model pembelajaran : Direct Instruction
c. Metode pembelajaran :
a) Ceramah
b) Diskusi
c) Praktik
d) Penugasan

G. Kegiatan Pembelajaran
Langkah-langkah Pembelajaran Direct Instruction
Kegiatan Alokasi
Fase
Guru Siswa Waktu
Kegiatan Pendahuluan
Fase 1 1. Menyiapkan fisik dan 10 menit
Menyampaikan psikis peserta didik dalam
tujuan dan mengawali kegiatan
mempersiapkan pembelajaran
siswa 2. Mendiskusikan kompetensi Siswa berdiskusi tentang
yang telah dipelajari dan kompetensi sebelumnya
dikembangkan sebelumnya
terkait dengan kompetensi
yang akan dipelajari.
3. Mengaitkan materi
pembelajaran sekarang
dengan pengalaman peserta
didik
4. Mengajukan pertanyaan Siswa menjawab
yang ada keterkaitan pertanyaan yang
dengan tema yang akan diberikan oleh guru
dibelajarkan
5. Menyampaikan lingkup dan Siswa menyimak paparan
teknik penilaian yang akan yang disampaikan guru
digunakan.
Kegiatan Inti
Fase 2 1. Mengamati animasi Siswa menyimak paparan 160
Mempresentasikan sederhana frame by frame yang disampaikan guru menit
dan 2. Menjelaskan materi
mendemontrasikan pengertian frame,
pengetahuan atau membuat animasi frame
keterampilan per frame, macam-macan
Animasi di flash

6
Fase 3 1. Meminta siswa untuk Siswa menjelaskan
Membimbing menjelaskan kembali kembali materi yang
pelatihan tentang pengertian frame diberikan oleh guru
dan macam-macam
animasi di flash
2. Membimbing siswa
membuat animasi frame
by frame
Fase 4 Mengecek 1. Mengecek pemahaman Siswa menjawab
pemahaman dan siswa dengan memberikan pertanyaan yang
memberikan pertanyaan pada siswa diberikan oleh guru
umpan balik dan meminta siswa untuk
menjawabnya.
2. Memberikan umpan balik
dengan memperhatikan
jawaban siswa dan
membetulkan jika ada
kesalahan.
Fase 5 1. Membagi LKS dan Siswa mengerjakan LKS
Memberikan meminta siswa untuk yang diberikan oleh guru
kesempatan untuk mengerjakannya.
pelatihan lanjutan 2. Menjawab LKS yang
telah dikerjakan siswa.
Kegiatan Penutup
1. Melakukan refleksi dan 10 menit
mencatat hal-hal penting
dalam bentuk rangkuman
dengan melibatkan peserta
didik
2. Memberikan kuis sesuai
dengan tujuan
pembelajaran untuk
mengetahui tingkat
pemahaman siswa.
3. Menindaklanjuti
pembelajaran hari ini
dengan memberikan tugas
dan melihat hasil akhir
pekerjaan siswa sesuai
dengan materi belajar
yang baru saja di pelajari
4. Follow-up pada siswa
untuk materi minggu
depan

7
H. Media, Alat/Bahan, dan Sumber Belajar
1. Media : In Focus, TV LCD
2. Alat : Personal Computer, Speaker Aktif
3. Bahan : Lembar Kerja Siswa
4. Sumber belajar :
Wahyu Purnomo (2013). Teknik Animasi 2D. Jakarta: Kementerian Pendidikan
dan Kebudayaan
Bambi Bambang Gunawan (2012). Nganimasi Bersama Mas Be. Jakarta: PT.
Elex Media Komputindo
Preston Blair. Cartoon Animation

I. Penilaian Pembelajaran, Remedial dan Pengayaan

1. Teknik Penilaian
Mekanisme dan
No Aspek Instrumen Keterangan
Prosedur
1. Pengetahuan - Tes Tertulis - Soal Objektif
- Soal Subjektif
2. Keterampilan - Kinerja Praktek - Lembar Nilai Praktek Ada di
pertemuan
ke 2

2. Instrumen Penilaian
Pengetahuan
Kunci
I Soal Objektif Skor
Jawaban
1 Kita dapat memasukkan sebuah gambar ke dalam stage dengan B 10
menggunakan perintah ......
a. File → Import → Import to library
b. File → Import → Ctrl + R
c. File → Import → Import Video
d. File → Import → Ctrl + Shift + O
e. File → Import → Open external library
2 Layar yang digunakan untuk menyusun objek gambar, teks, A 10
animasi dan lain-lain disebut dengan ….
a. Stage
b. Properties
c. Shape
d. Timeline
e. Frame
3 Tombol F6 adalah tombol untuk …… A 10
a. Insert keyframe
b. Insert frame

8
 c. Create motion tween
d. Insert layer
e. Text tool
4 Suatu tanda yang digunakan untuk membatasi suatu gerakan D 10
animasi adalah …..
a. Layer
b. Masking
c. Timeline
d. Keyframe
e. Movie Clip
5 Time line pada adobe flash digunakan untuk C 10
a. Merupakan tempat dimana anda bekerja dalam membuat
animasi
b. Berisi alat-alat yang digunakan untuk menggambar objek
pada stage
c. Mengatur dan mengontrol isi keseluruhan movie anda
d. Merupakan window yang digunakan untuk mengatur
warna pada objek yang anda buat
e. Merupakan window yang digunakan untuk menuliskan
action script

II Soal Subjektif Kunci Jawaban Skor

1 Jelaskan pengertian dari frame adalah satuan terkecil dalam video 10
frame dalam membuat sedangkan pada program flash, frame
animasi 2D? diumpamakan seperti kertas hvs yang telah
digambar, dan contoh apabila framenya kita
perpanjang sebanyak 5 frame, maka
diumpamakan seperti 5 kertas hvs dengan
gambar yang sama, apabila kita merubah
gambar salah satu frame, maka frame yang
lain akan mengikuti perubahan gambar
tersebut. karena frame tidak dapat berdiri
sendiri.
2 Jelaskan kenapa Animasi Animasi frame per frame menuntut banyak 10
frame adalah jenis animasi gambar yang harus dibuat. Efek animasi
yang paling banyak diciptakan dengan mengganti gambar yang
memakan kapasitas file satu dengan gambar yang lain selama
dan memori ? beberapa waktu. Semua gambar yang
bergerak dihasilkan dari gambar yang
berbeda-beda tiap framenya.
3 Jelaskan pengertian dari Keyframe adalah frame dimana Anda 10
Keyframe dalam membuat menentukan perubahan pada tombol atau
animasi 2D? animasi. Keyframe ditandai oleh titik di
dalam frame. Keyframe yang tidak berisi
gambar di dalam layer ditandai oleh titik
kosong.

9
4 Jelaskan pengertian dari BlankKeyframe artinya kita mempersiapkan 10
BlankKeyframe dalam frame kosong untuk diisi objek baru, dan
membuat animasi 2D? apabila kita menggambar objek, blank
keyframe tersebut sudah berisi objek. Blank
keyframe dilambangkan dengan titik bulat
putih pada frame.
5 Sebutkan dan Jelaskan a. Motion Path 20
macam-macam animasi di Anda dapat menggunakan motion path
flash (sebutkan 2)? untuk membuat symbol bergerak mengikuti
bentuk lintasan yang sulit. Dengan
menggunakan layer Motion Guide untuk
membuat garis untuk lintasan gerak objek.
Layer Guide ditandai oleh ikon guide
disebelah nama layer.
b. Animasi Margue
Animasi margue banyak dilihat pada situs
web, yaitu suatu teks yang muncul dari
bagian kanan layar, lalu begerak menuju ke
kiri layar dan menghilang, begitu
seterusnya.
c. Animasi Transparan
Animasi transparan adalah animasi yang
terlihat secara transparan perlahan-lahan lalu
menghilang. Animasi ini sering digunakan
dalam melakukan pergantian animasi dari
satu animasi ke animasi lainnya, sehingga
perpindahan animasi akan terlihat halus.
d. Animasi Fade
Animasi fade adalah animasi pemudaran.
fade dibagi menjadi 2, yaitu fade in
(pemudaran ke dalam) dan fade out
(pemudaran keluar).
e. Animasi Rotasi
Animasi rotasi adalah animasi objek atau
teks yang berputar, seperti jam, kincir angin,
putaran roda, dan lain-lain. Kita bisa
memutarnya searah jarum jam (CW : Clock
Wise) atau berlawanan dengan arah jarum
jam (CCW : Counter Clock Wise).
f. Animasi Blink Blink
adalah animasi berkedip atau berkelip,
seperti bintang di langit atau lampu disco,
animasi blink biasanya sangat efektif untuk
menarik perhatian, sehingga banyak
digunakan untuk membuat banner.
g. Animasi Shape
Animasi ini adalah perubahan bentuk dari
suatu objek menjadi objek lain atau dari

10
 suatu objek menjadi teks dan sebaliknya.
Animasi ini juga sering disebut efek Morph.
h. Animasi Masking Masking adalah
animasi yang menyembunyikan atau
menutupi suatu objek dengan objek lain,
sehinga objek yang menutupi terlihat
transparan dan menyatu dengan objek yang
ditutupi.

Nilai = Skor yang di peroleh x 100

Skor maksimal

Surabay, 17 September 2017

Mengetahui:
Kepala SMK Negeri 1 Jombang Guru Mata Pelajaran,

Drs. SUPRIYADI, M.Kes LIN MULYATI, S.Kom

NIP. 19620610 198710 1 004 NIP. 19790125 200901 2 002

11
 LEMBAR KERJA SISWA 1
( Tugas Individu )

Mata Pelajaran : Teknik Animasi 2 Dimensi

Kelas : XI Multimedia
Kompetensi Dasar : 3.8 Memahami teknik animasi frame by frame.
4.8 Membuat animasi 2 dimensi menggunakan teknik
frame by frame
Materi Pokok : Teknik Animasi Frame by Frame

A. Tujuan
1. Melalui diskusi dan menggali informasi, peserta didik dapat mempelajari teknik
animasi frame by frame dengan percaya diri
2. Melalui diskusi dan menggali informasi, peserta didik dapat menjelaskan teknik
animasi frame by frame dengan percaya diri
3. Disediakan komputer, akses internet dan kertas, peserta didik dapat
merancang animasi 2 dimensi menggunakan teknik frame by frame dengan
santun
4. Disediakan komputer, akses internet dan kertas, peserta didik dapat membuat
animasi 2 dimensi menggunakan teknik frame by frame dengan santun

B. Indikator Pencapaian Kompetensi

3.8.1 Mempelajari teknik animasi frame by frame
3.8.2 Menjelaskan teknik animasi frame by frame
4.8.1 Membuat animasi 2 dimensi menggunakan teknik frame by frame
4.8.2 Mendemonstrasikan animasi 2 dimensi menggunakan teknik frame by frame

C. Alat/Bahan
1. Alat Tulis
2. Komputer,

12
D. Petunjuk Pengerjaan/ Langkah Kerja
Jawablah pertanyaan dibawah ini
1. Kita dapat memasukkan sebuah gambar ke dalam stage dengan menggunakan
perintah ......
a. File → Import → Import to library
b. File → Import → Ctrl + R
c. File → Import → Import Video
d. File → Import → Ctrl + Shift + O
e. File → Import → Open external library
2. Layar yang digunakan untuk menyusun objek gambar, teks, animasi dan lain-
lain disebut dengan ….
a. Stage
b. Properties
c. Shape
d. Timeline
e. Frame
3. Tombol F6 adalah tombol untuk ……
a. Insert keyframe
b. Insert frame
c. Create motion tween
d. Insert layer
e. Text tool
4. Suatu tanda yang digunakan untuk membatasi suatu gerakan animasi adalah …
a. Layer
b. Masking
c. Timeline
d. Keyframe
e. Movie Clip
5. Time line pada adobe flash digunakan untuk
a. Merupakan tempat dimana anda bekerja dalam membuat animasi
b. Berisi alat-alat yang digunakan untuk menggambar objek pada stage
c. Mengatur dan mengontrol isi keseluruhan movie anda

13
d. Merupakan window yang digunakan untuk mengatur warna pada objek yang
anda buat
e. Merupakan window yang digunakan untuk menuliskan action script
Kerjakan pertanyaan dibawah ini!
1. Jelaskan pengertian dari frame dalam membuat animasi 2D?
2. Jelaskan kenapa Animasi frame adalah jenis animasi yang paling banyak
memakan kapasitas file dan memori ?
3. Jelaskan pengertian dari Keyframe dalam membuat animasi 2D?
4. Jelaskan pengertian dari Blank Keyframe dalam membuat animasi 2D?
5. Sebutkan dan Jelaskan macam-macam animasi di flash (sebutkan 2)?

E. Hasil
Jawaban:
1.
2.
3.
4.
5.
Jawaban:
1. _______________________________________________________________
2. _______________________________________________________________
3. _______________________________________________________________
4. _______________________________________________________________
5. _______________________________________________________________

F. Penilaian
Nilai = Skor yang di peroleh x 100
Skor maksimal

14