MODUL AJAR 6 Motion Grafis
MODUL AJAR 6 Motion Grafis
LAYER ANIMASI
SMK MA’ARIF JAKARTA
JAKARTA BARAT
Penyusun :
Ahmad Baihaqi, S.Kom
SMK
FASE F
KELAS
X
IDENTITAS MATA PELAJARAN
Sumber Belajar :
Ruang Kelas
Lab Multimedia
Alat :
Jaringan Internet
Daftar pertanyaan
Link Youtube
Video Pembelajaran
MODA PEMBELAJARAN
Model Pembelajaran :
Moda Pembelajaran :
Tatap Muka
Metode Pembelajaran :
Pengamatan
Praktek Langsung
Tanya jawab
Diskusi
Pengelolaan
KETERSEDIAAN MATERI :
Materi disajikan dalam bentuk aktivitas pembelajaran (Menjelaskan, Mengidentifikasi,
Mempraktekan dan Mengelola) sehingga menghasil proses kognitif, afektif dan psikomotorik yang
membentuk karakter tediri :
Menjelaskan materi yang akan di diskusikan bersama
Mengimplementasikan cara Mensimulasikan Perubahaan Cahaya, Menduplikasi animasi
menggunakan pick whip, Menganimasikan Bayangan, Menambahkan lens flare effect,
menganimasikan jam dan mengatur ulang komposisi.
KATA KUNCI :
Mensimulasikan Perubahaan Cahaya
Menduplikasi animasi menggunakan pick whip
Menganimasikan Bayangan
Menambahkan lens flare effect
Menganimasikan jam
Mengatur ulang komposisi
PERSIAPAN PEMBELAJARAN
Asesement
Strategi
No Materi Tempat Alat bantu
Pembelajaran
Diagnostik Formatif Sumatif
1. Mensimul 1.1. Menjelaska Kelas Alat :
asikan n cara
Perubaha Proyektor
Mensimulas
an
ikan Materi
Cahaya
Perubahaan Laptop
Cahaya
pada
aplikasi
adobe after Bahan :
effect Modul
1.2. Menjelaska Vidio
n fungsi dari Pembelajaran
Mensimulas
ikan
Perubahaan
Cahaya
pada
aplikasi
adobe after
effect
1.3. Mengimple
mentasikan
cara
Mensimulas
ikan
Perubahaan
Cahaya
pada
aplikasi
adobe after
effect
2 Mendupli 1.1. Menjelaska Kelas Alat :
kasi n cara
Menduplika Proyektor
animasi
menggun si animasi Materi
akan pick menggunak
Laptop
an pick whip
whip
pada
aplikasi Bahan :
adobe after Modul
effect
1.2. Menjelaska
n fungsi dari
Menduplika
si animasi
menggunak
an pick whip
pada
aplikasi
adobe after
effect
1.3. Mengimple
mentasikan
cara
Menduplika
si animasi
menggunak
an pick whip
pada
aplikasi
adobe after
effect
3 Mengani 1.1. Menjelaska Kelas Alat :
masikan n cara -Komputer
Bayangan Menganima -Scanner
sikan -flashdisk
Bayangan
pada
Bahan :
aplikasi
adobe after -Jaringan
effect internet
1.2. Menjelaska - video
n fungsi dari pembelajaran
Menganima
sikan
Bayangan
pada
aplikasi
adobe after
effect
1.3. Mengimple
mentasikan
cara
Menganima
sikan
Bayangan
pada
aplikasi
adobe after
effect
4 Menamba 1.1. Menjelaska Kelas Alat :
hkan lens n cara -Komputer
flare Menambah -Scanner
effect kan lens -Flasdisk
flare effect
pada
Bahan :
aplikasi
adobe after -Modul
effect -
1.2. Menjelaska
n fungsi dari
Menambah
kan lens
flare effect
pada
aplikasi
adobe after
effect
1.3. Mengimple
mentasikan
cara
Menambah
kan lens
flare effect
pada
aplikasi
adobe after
effect
5 Mengani 1.1. Menjelaska Kelas Alat :
masikan n cara
Proyektor
Jam Menganima
sikan Jam Materi
pada Laptop
aplikasi
adobe after Bahan :
effect Modul
1.2. Menjelaska
n fungsi dari
Menganima
sikan Jam
pada
aplikasi
adobe after
effect
1.3. Mengim
plementasik
an cara
Menganima
sikan Jam
pada
aplikasi
adobe after
effect
6 Mengatur 1.1. Menjelaska Kelas Alat :
ulang n cara
Mengatur Proyektor
komposisi
ulang Materi
komposisi
Laptop
pada
aplikasi
adobe after Bahan :
effect Modul
1.2. Menjelaska
n fungsi dari
Mengatur
ulang
komposisi
pada
aplikasi
adobe after
effect
1.3. Mengimple
mentasikan
cara
Mengatur
ulang
komposisi
pada
aplikasi
adobe after
effect
KOMPETENSI AWAL
TUJUAN PEMBELAJARAN :
a. Fase “F”
b. Rumusan Capaian Pembelajaran masing-masing elemen adalah sebagai berikut
Perhatikan dan berikan pendapat kamu terhadap gambar yang kamu cermati !
…………………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
….......…………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
….......…………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
…………………………………………….
….......…………………………………….
……………………………………………...
......................................................................
……………………………………………...
.....................................................................
…………………………………………….
KEGIATAN PEMBELAJARAN :
Pertemuan 1 : 8 JP x 45 Menit
PENDAHULUAN
1. Guru memasuki kelas memberi salam.
2. Guru menunjuk siswa untuk memimpin doa di depan kelas, mengabsensi
kehadiran siswa serta menanyakan kabar siswa
3. Guru memancing pertanyaan mengenai penjelasan materi minggu lalu
4. Guru memberikan motivasi serta reward bagi peserta didik yang mampu
menjawab dan memberikan penjelasan
INTI
1. Peserta didik mengamati penjelasan yang di sampaikan oleh guru
2. Peserta didik mengamati gambar atau video yang guru tayangkan sebagai
bahan materi
3. Peserta didik memberikan tanggapan atas pengamatan tersebut
4. Guru memberikan umpan pertanyaan kepada peserta didik
5. Diskusi kelas
PENUTUP
1. Refleksi : Guru meminta siswa untuk memberikan kesimpulan dari
pembahasan
2. Guru memberikan reward bagi siswa yang berani memberikan tanggapan
Asesmen Diagnostik 1.
1. Asesmen Diagnostik Non-Kognitif Gaya belajar, karakter dan minat peserta didik Berilah
skor 1 bila jawabanmu “YA” dan 0 bila “TIDAK” pada kotak dibawah ini!
2. Asesmen Diagnostik Kognitif Untuk memperjelas pemahaman terhadap Dokumen berbasis
digital maka perlu lakukan terlebih dahulu asesmen mandiri sebagai berikut : Menjawab
dengan jujur dari pernyataan berikut dengan memberi tanda ceklis pada kolom benar atau
salah
No Pertanyaan Ya Tidak
Asesmen Formatif Menilai lembar kerja peserta didik (melalui diskusi)
dan observasi saat diskusi
a. LKPD 1 Layer Animasi
4. Asesmen Sumatif
1. Untuk menduplikat layer pada aplikasi adobe after effect menggunakan tombol ….
A. CTRL + D *
B. CTRL + A
C. CTRL + B
D. CTRL + C
E. CTRL + F
2. Untuk memilih seluruh layer pada aplikasi adobe after effect menggunakan tombol
….
A. CTRL + D
B. CTRL + A *
C. CTRL + B
D. CTRL + C
E. CTRL + F
3. Untuk melakukan pencarian pada aplikasi adobe after effect menggunakan tombol ….
A. CTRL + D
B. CTRL + A
C. CTRL + B
D. CTRL + C
E. CTRL + F *
4. Untuk menyalin objek pada aplikasi adobe after effect menggunakan tombol ….
A. CTRL + D
B. CTRL + A
C. CTRL + B
D. CTRL + C *
E. CTRL + F
REFLEKSI
a. Refleksi Guru Refleksi adalah kegiatan yang dilakukan dalam proses belajar mengajar dalam
bentuk penilaian tertulis dan lisan oleh guru untuk peserta didik dan mengekspresikan kesan
konstruktif, pesan, harapan dan kritik terhadap pembelajaran yang diterima, Guru dapat
mengajukan pertanyaan kepada peserta didik, dengan minta pendapat tentang cara mengajar,
suasana pembelajaran,pemahaman pembelajaran.ataupun meminta kritik dan saran kepada
peserta didik terhadap pembelajaran dan dirinya.hal ini dapat dilakukan menjelang
pembelajaran berakhir sehingga tidak menggangu pembelajaran.
Setelah mempelajari materi diatas deskripsikan apa yang telah Kalian dapatkan dengan
panduan pertanyaan berikut:
1. Di panel Timeline, klik tombol Solo untuk layer Background Lit dan
Background. Mengosongkan lapisan mengisolasinya untuk mempercepat animasi,
pratinjau, dan rendering.
Saat ini, latar belakang yang menyala berada di atas latar belakang biasa (lebih gelap),
mengaburkannya dan membuat bingkai awal animasi menjadi ringan. Namun, kami
ingin animasi mulai gelap, lalu terang. Untuk mencapai ini, Anda akan membuat layer
Background Lit awalnya transparan, dan membuatnya "memudar" dan tampak
mencerahkan latar belakang dari waktu ke waktu.
2. Pergi ke 5:00.
3. Pilih layer Background Lit di panel Timeline dan tekan T untuk membuka properti
Opacity-nya.
4. Klik ikon stopwatch untuk mengatur keyframe Opacity . Perhatikan bahwa nilai
Opacity adalah 100%.
5. Tekan tombol Home untuk menuju ke 0:00, lalu atur Opacity untuk layer Background
Lit ke 0%. After Effects menambahkan bingkai utama. Sekarang, ketika animasi
dimulai, layer Background Lit menjadi transparan, yang memungkinkan layer
Background gelap untuk terlihat .
6. Klik sakelar Solo untuk layer Background Lit dan Background untuk mengembalikan
tampilan layer lainnya, termasuk Window dan Window Lit. Pastikan untuk
membiarkan properti Opacity untuk layer Background Lit terlihat.
7. Perluas properti Transform layer Window Pane. Lapisan Window Pane memiliki gaya
lapisan Photoshop yang menciptakan sebuah bevel pada jendela.
8. Pergi ke 2:00 dan klik stopwatch di sebelah properti Opacity untuk layer Window
Pane untuk membuat keyframe pada nilai saat ini, 30%.
9. Tekan tombol Home untuk menuju ke awal penggaris waktu, dan ubah properti
Opacity menjadi 0%.
10. Sembunyikan properti Window Pane.
11. Untuk mempratinjau animasi, klik tombol Putar/Jeda di panel Kontrol Waktu, atau
tekan bilah spasi. Interior ruangan bertransisi dengan lembut dari remang-remang ke
terang.
12. Kapan pun setelah pukul 5:00, tekan bilah spasi untuk menghentikan pemutaran.
13. Pilih File > Simpan.
Menduplikasi Animasi dengan Menggunakan Pick Whip
Sekarang, Anda perlu meringankan tampilan melalui jendela. Untuk melakukan ini, Anda
akan menggunakan cambuk pick untuk menduplikasi animasi yang baru saja Anda
buat. Anda dapat menggunakan pick whip untuk membuat ekspresi yang menghubungkan
nilai dari satu properti atau efek ke properti lainnya.
Tentang Ekspresi
Saat Anda perlu membuat dan menautkan animasi kompleks, seperti beberapa roda mobil
yang berputar, tetapi Anda ingin menghindari pembuatan puluhan atau ratusan bingkai utama
dengan tangan, Anda dapat menggunakan ekspresi sebagai gantinya. Dengan ekspresi, Anda
dapat membuat hubungan antara properti lapisan dan menggunakan bingkai utama satu
properti untuk menganimasikan lapisan lain secara dinamis. Misalnya, jika Anda mengatur
keyframe rotasi untuk layer dan kemudian menerapkan efek Drop Shadow, Anda dapat
menggunakan ekspresi untuk menautkan nilai properti Rotation dengan nilai Direction efek
Drop Shadow; dengan cara itu, drop shadow berubah sesuai dengan rotasi layer.
Ekspresi didasarkan pada bahasa JavaScript, tetapi Anda tidak perlu mengetahui JavaScript
untuk menggunakannya. Anda dapat membuat ekspresi dengan menggunakan contoh
sederhana dan memodifikasinya agar sesuai dengan kebutuhan Anda, atau dengan merangkai
objek dan metode bersama-sama.
Anda bekerja dengan ekspresi di panel Timeline atau panel Effect Controls. Anda dapat
menggunakan pick whip untuk membuat ekspresi, atau Anda dapat memasukkan dan
mengedit ekspresi secara manual di bidang ekspresi, bidang teks dalam grafik waktu di
bawah properti.
layer("Background Lit").transform.opacity
Artinya nilai Opacity untuk layer Background Lit (0%) menggantikan nilai Opacity
sebelumnya (100%) untuk layer Window Lit.
5. Seret indikator waktu saat ini dari 0:00 ke 5:00. Perhatikan bahwa nilai Opacity untuk
dua lapisan cocok.
6. Tekan tombol Home dan kemudian spasi untuk melihat animasi lagi. Perhatikan
bahwa langit di luar jendela cerah seperti ruangan di dalam jendela.
7. Tekan spasi untuk menghentikan pemutaran.
8. Sembunyikan properti layer Window Lit dan Background Lit untuk menjaga panel
Timeline tetap rapi untuk tugas Anda berikutnya.
9. Pilih File > Simpan untuk menyimpan proyek Anda.
Agar efek bayangan dan cahaya bekerja, kita perlu membuat layer kita menjadi layer
3D. Untuk melakukan ini, pastikan untuk mencentang kotak Lapisan 3D di sebelah setiap
lapisan.
Langkah 2
Langkah 4
Langkah 5
Gunakan opsi Posisi dan ubah nilai vertikal sehingga bayangan muncul di bawah
lapisan Karakter . Coba dan pindah ke posisi di garis waktu di mana kaki karakter Anda
bertemu dengan lantai. Anda kemudian dapat menyelaraskan kedua kaki sehingga
menyentuh.
Langkah 6
Langkah 7
Buka panel Effects & Presets dan ketik " fill " di bilah pencarian di bagian atas. Pilih
efek Fill dan terapkan ke layer Character Shadow . Anda dapat melakukan ini dengan
mengklik dua kali pada efek isian (sementara lapisan bayangan karakter dipilih) atau dengan
mengklik dan menyeretnya ke lapisan itu sendiri.
Setelah efek diterapkan, buka panel Effect Controls dan pastikan warnanya diatur ke hitam.
Langkah 8
Buka panel Efek & Preset dan ketik " gaussian blur " di bilah pencarian di bagian
atas. Pilih efek Guassian Blur dan terapkan pada layer Character Shadow .
Langkah 9
Pastikan bahwa layer Character Shadow berada dalam urutan yang benar sehingga tidak
terlihat tidak pada tempatnya di dalam animasi. Dalam contoh ini kita telah memindahkan
layer Machine Overlay di atas layer Character Shadow .
Langkah 11
Anda dapat terus menyesuaikan dan mengubah tampilan bayangan sesuai keinginan Anda
dengan menggunakan opsi Transform . Pada contoh di bawah ini kami telah
menyesuaikan Rotasi X untuk memberikan bayangan perspektif.
Menambahkan Efek Suar Lensa
Dalam fotografi, ketika cahaya terang (seperti sinar matahari) memantul dari lensa kamera,
hal itu menyebabkan efek suar. Suar lensa dapat berupa lingkaran dan lingkaran warna-warni
yang cerah, tergantung pada jenis lensa di kamera. After Effects menawarkan beberapa efek
suar lensa. Anda akan menambahkan satu sekarang untuk meningkatkan realisme komposisi
fotografi selang waktu ini.
TIP
Anda juga dapat memasukkan nilai Flare Center secara langsung di panel Effect
Controls.
7. Di panel Effect Controls, ubah Lens Type menjadi 35mm Prime, efek flare yang lebih
menyebar
8. Pastikan Anda masih di 5:10. Di panel Effect Controls, klik ikon stopwatch untuk
properti Flare Brightness untuk mengatur keyframe pada nilai default 100%.
9. Sekarang, sesuaikan kecerahan lensa suar ke puncak saat matahari paling tinggi:
o Pergi ke 3:27 dan atur nilai Flare Brightness ke 0%.
o Pergi ke 6:27 dan atur nilai Flare Brightness ke 0%.
o Pergi ke 6:00 dan atur Flare Brightness menjadi 100%.
10. Terakhir, dengan memilih layer Lens Flare di panel Timeline, pilih Layer > Blending
Mode > Screen untuk mengubah blending mode menjadi screen.
TIP
Anda juga dapat memilih Layar dari menu pop-up Mode di panel Timeline.
11. Tekan tombol Home dan kemudian spasi untuk melihat efek lensa suar. Setelah
selesai, tekan bilah spasi lagi.
12. Pilih File > Simpan untuk menyimpan proyek Anda.
Sejauh ini, Anda telah membuat simulasi selang waktu langsung. Tidak apa-apa, tetapi After
Effects menawarkan lebih banyak cara untuk bermain dengan waktu dengan menggunakan
fitur pemetaan ulang waktu. Pemetaan ulang waktu memungkinkan Anda mempercepat,
memperlambat, menghentikan, atau membalikkan rekaman secara dinamis. Anda juga dapat
menggunakannya untuk melakukan hal-hal seperti membuat hasil bingkai beku. Editor Grafik
dan panel Lapisan sangat membantu saat memetakan ulang waktu, seperti yang akan Anda
lihat dalam latihan berikut saat Anda mengatur ulang waktu proyek sehingga kecepatan
selang waktu berubah secara dinamis.
Untuk latihan ini, Anda akan menggunakan film yang baru saja Anda render sebagai dasar
komposisi baru, yang akan lebih mudah untuk dipetakan ulang.
Menggunakan Editor Grafik, Anda dapat melihat dan memanipulasi semua aspek efek dan
animasi, termasuk nilai properti efek, bingkai utama, dan interpolasi. Ini mewakili perubahan
efek dan animasi sebagai grafik dua dimensi, dengan waktu pemutaran diwakili secara
horizontal dari kiri ke kanan. Sebaliknya, dalam mode bilah lapisan, penggaris waktu hanya
mewakili elemen waktu horizontal, tanpa menunjukkan representasi visual dari nilai yang
berubah.
1. Pastikan bahwa properti Time Remap dipilih untuk layer Lesson06_retime di panel
Timeline.
Graph Editor.Graph Editor menampilkan grafik time-remap yang menunjukkan garis putih
yang menghubungkan keyframe pada 0:00, 4:00, dan 10:00. Sudut garisnya dangkal hingga
4:00, dan kemudian menjadi lebih curam. Semakin curam garisnya, semakin cepat waktu
pemutarannya.
Saat memetakan ulang waktu, Anda dapat menggunakan nilai dalam grafik peta ulang waktu
untuk menentukan dan mengontrol bingkai film mana yang diputar pada titik waktu
tertentu. Setiap keyframe Time Remap memiliki nilai waktu yang terkait dengannya yang
sesuai dengan frame tertentu di lapisan; nilai ini direpresentasikan secara vertikal pada grafik
time-remap. Saat Anda mengaktifkan pemetaan ulang waktu untuk sebuah lapisan, After
Effects menambahkan bingkai utama Time Remap di titik awal dan akhir lapisan. Keyframe
Time Remap awal ini memiliki nilai waktu vertikal yang sama dengan posisi horizontalnya.
Dengan menyetel bingkai utama Time Remap tambahan, Anda dapat membuat efek gerakan
yang kompleks. Setiap kali Anda menambahkan bingkai utama Time Remap, Anda membuat
titik lain di mana Anda dapat mengubah kecepatan atau arah pemutaran. Saat Anda
memindahkan bingkai utama ke atas atau ke bawah dalam grafik peta-waktu, Anda
menyesuaikan bingkai video mana yang diatur untuk diputar pada waktu saat ini. Bersenang-
senanglah dengan waktu proyek ini.
1. Dalam grafik peta-waktu, seret bingkai utama tengah secara vertikal dari 4:00 hingga
10 detik.
TIP
Menonton panel Info saat Anda menyeret dapat membantu Anda menentukan dengan
tepat nilai bingkai utama.
2. Seret bingkai utama terakhir ke 0 detik.
3. Tekan tombol Home untuk pergi ke 0:00 dan kemudian tekan spasi untuk melihat
hasilnya. Perhatikan penggaris waktu dan penggaris Waktu Sumber di panel Lapisan
untuk melihat bingkai mana yang diputar pada titik waktu tertentu. Sekarang animasi
berkembang pesat selama empat detik pertama komposisi dan kemudian diputar
secara terbalik untuk sisa komposisi.
4. Tekan bilah spasi untuk menghentikan pratinjau.
CATATAN
Menekan Ctrl (Mac OS: Command) untuk sementara mengaktifkan alat Add Vertex.
8. Ctrl-klik (Mac OS: Command-klik) pada pukul 10:00 untuk menambahkan bingkai
utama lainnya, lalu seret ke 0 detik. Sekarang animasi berkembang pesat, bertahan
selama dua detik pada frame terakhir, dan kemudian berjalan secara terbalik.
9. Tekan tombol Beranda dan kemudian bilah spasi untuk melihat pratinjau
perubahan. Tekan bilah spasi lagi setelah selesai.
Selanjutnya, Anda akan melunakkan pergeseran waktu yang terjadi pada enam detik,
menggunakan Easy Ease Out.
TIP
Anda dapat lebih menyempurnakan jumlah kemudahan pada transisi ini dengan menyeret
pegangan Bezier keluar dari sisi kanan bingkai utama pada pukul 6:00. Jika Anda
menyeretnya ke kanan, transisinya lebih lembut; jika Anda menyeretnya ke bawah atau ke
kiri , transisi lebih jelas.
1. Klik nama properti Time Remap di panel Timeline untuk memilih semua keyframe
Time Remap.
2. Pastikan tombol Show Transform Box di bagian bawah Graph Editor aktif; kotak
pilihan transformasi bebas harus terlihat di sekitar semua bingkai utama.
3. Seret salah satu tuas transformasi atas dari 10 detik menjadi 5 detik untuk mengurangi
nilai bingkai utama atas dan memperlambat pemutaran.
TIP
Jika Anda menekan Ctrl (Mac OS: Command) saat Anda menyeret, seluruh kotak
transformasi gratis akan diskalakan di sekitar titik tengah, yang juga dapat Anda seret
untuk mengimbangi. Jika Anda menekan Alt (Mac OS: Option) dan menyeret salah
satu sudut kotak transformasi gratis, animasi akan miring di sudut itu saat Anda
menyeret. Anda juga dapat menyeret salah satu tuas transformasi kanan ke kiri untuk
menskalakan seluruh animasi sehingga terjadi lebih cepat.
4. Tekan tombol Beranda dan kemudian bilah spasi untuk melihat pratinjau
perubahan. Tekan bilah spasi lagi setelah selesai.
5. Pilih File > Simpan.
LEMBAR KERJA
PESERTA DIDIK
(LKPD) 1
NILAI PARAF
Nama :
Kelas :
CATATAN GURU
LEMBAR KERJA PRAKTIK KELOMPOK
DOKUMENTASI
1. 2.
3. 4.
KESIMPULAN
LEMBAR KERJA PROJEK
Mata pelajaran :
1.
2.
3.
Guru yang mengawasi :
1.
2.
3.
dst
DOKUMENTASI
1. 3.
2. 4.
KESIMPULAN