TEKS 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, Mengimplementasikan,
Mempraktekan dan Mengelola) sehingga menghasil proses kognitif, afektif dan psikomotorik yang
membentuk karakter tediri :
Menjelaskan materi yang akan di diskusikan bersama
Mempraktekan membuat dan memformat poin teks, menggunakan preset teks animasi, animasi
dengan scale keyframe, import animasi ke teks photoshop, animasi menggunakan preset path
animasi, animasi type tracking, animasi text opacity, dan menambahkan motion blur.
KATA KUNCI :
membuat dan memformat poin tek
menggunakan preset teks animasi
animasi dengan scale keyframe
import animasi ke teks photoshop
animasi menggunakan preset path animasi
animasi type tracking
animasi text opacity
menambahkan motion blur
PERSIAPAN PEMBELAJARAN
Asesement
Strategi
No Materi Tempat Alat bantu
Pembelajaran
Diagnostik Formatif Sumatif
1. Membuat Menjelaskan : Kelas Alat :
dan 1.1 Menjelaska
Lab Proyektor
memform n cara
kompute
at poin membuat Materi
teks dan
r
Laptop
memforma
t poin teks
pada
aplikasi
adobe Bahan :
after effect Modul
Membuat :
1.1. dan Vidio
memformat Pembelajaran
poin teks
pada
aplikasi
adobe after
effect
2 Menggun 1.1. Menjelaska Kelas Alat :
akan n cara Lab
penggunaan Proyektor
preset kompute
teks teks preset r Materi
animasi animasi
Laptop
pada
aplikasi
adobe after Bahan :
effect Modul
1.2. Menggunak
an teks
preset
animasi
pada
aplikasi
adobe after
effect
3 Animasi 1.1. Menjelaska Kelas Alat :
dengan n cara lab -Komputer
scale penggunaan kompute -Scanner
keyframe animasi r -flashdisk
dengan
scale Bahan :
keyframe -Jaringan
pada internet
aplikasi - video
adobe after
pembelajaran
effect
1.2. Menggu
nakan
animasi
dengan
scale
keyframe
pada
aplikasi
adobe after
effect
4 Impor 1.1. Menjelaska Kelas Alat :
animasi n cara -Komputer
ke teks mengimpor -Scanner
photosho animasi ke -Flasdisk
p teks
photoshop Bahan :
1.2. Mengimple -Modul
mentasikan -
cara impor
animasi ke
teks
photoshop
a. Fase “F”
b. Rumusan Capaian Pembelajaran masing-masing elemen adalah sebagai berikut
PERTANYAAN PEMANTIK :
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 Teks Animasi
4. Asesmen Sumatif
1. Untuk membuat tulisan rata kiri menggunakan ….
A. Align left *
B. Align right
C. Align center
D. Align round
E. Align justify
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. Apa yang kalian ketahui mengenai membuat dan memformat poin teks
..............................................................................................................................
..............................................................................................................................
2. Apa yang akan kamu lakukan ketika sudah mengetahui cara menggunakan
preset teks animasi
..............................................................................................................................
..............................................................................................................................
3. Apa yang dapat kamu lakukan untuk menerapkan animasi dengan scale
keyframe
..............................................................................................................................
..............................................................................................................................
4. Apa yang kamu pikirkan ketika melihat pembuatan teks animasi menggunakan
preset path animasi
..............................................................................................................................
..............................................................................................................................
5. Apa harapan kamu saat mempelajari teks animasi
..............................................................................................................................
BAHAN BACAAN UNTUK GURU DAN
Teks Animasi PESERTADIDIK
CATATAN
Jika Anda menekan Enter atau Return pada keyboard biasa alih-alih pada keypad
numerik, Anda akan memulai paragraf baru.
2. Klik di mana saja di panel Komposisi, dan ketik Road Trip . Kemudian tekan Enter
pada keypad numerik untuk keluar dari mode pengeditan teks dan untuk memilih
lapisan teks di panel Komposisi. Atau, Anda dapat memilih nama layer untuk keluar
dari mode pengeditan teks.
Panel Karakter menyediakan opsi untuk memformat karakter. Jika teks disorot, perubahan
yang Anda buat di panel Karakter hanya memengaruhi teks yang disorot. Jika tidak ada teks
yang disorot, perubahan yang Anda buat di panel Karakter akan memengaruhi lapisan teks
yang dipilih dan bingkai utama Teks Sumber yang dipilih oleh lapisan teks, jika ada. Jika
tidak ada teks yang disorot dan tidak ada lapisan teks yang dipilih, perubahan yang Anda buat
di panel Karakter menjadi default baru untuk entri teks berikutnya.
1. Pilih Window > Workspace > Text untuk menampilkan hanya panel yang Anda
butuhkan saat bekerja dengan teks.
TIP
Untuk membuka panel satu per satu, pilih Window > Character atau Window >
Paragraph. Untuk membuka kedua panel, pilih alat Horizontal Type, lalu klik tombol
Toggle The Character And Paragraph Panels di panel Tools.
Untuk memilih font dengan cepat, mulailah mengetik namanya di kotak Keluarga
Font. Menu Keluarga Font melompat ke font pertama di sistem Anda yang cocok
dengan huruf yang Anda ketik. Jika lapisan jenis dipilih, teks di panel Komposisi
mengambil font yang baru dipilih.
Gunakan panel Paragraf untuk mengatur opsi yang berlaku untuk seluruh paragraf, seperti
perataan, indentasi, dan awalan. Untuk teks titik, setiap baris adalah paragraf terpisah. Anda
dapat menggunakan panel Paragraph untuk mengatur opsi pemformatan untuk satu paragraf,
beberapa paragraf, atau semua paragraf dalam lapisan teks. Anda hanya perlu membuat satu
penyesuaian di panel Paragraph untuk teks judul komposisi ini.
1. Di panel Paragraph, klik tombol Center Text ( ). Ini menyelaraskan teks horizontal
ke tengah layer, bukan ke tengah komposisi.
Memposisikan jenis
Untuk memposisikan lapisan secara tepat, seperti lapisan teks yang sedang Anda kerjakan
sekarang, Anda dapat menampilkan penggaris, panduan, dan kisi di panel Komposisi. Alat
referensi visual ini tidak muncul di film yang dirender akhir.
1. Pastikan layer teks Road Trip dipilih di panel Timeline.
2. Pilih Layer > Transform > Fit To Comp Width. Ini menskalakan lapisan agar sesuai
dengan lebar komposisi.
3. Pilih View > Show Grid dan kemudian View > Snap To Grid.
4. Menggunakan alat Seleksi ( ), seret teks ke atas di panel Komposisi hingga dasar
huruf berada di garis kisi horizontal di tengah komposisi. Tekan Shift setelah Anda
mulai menyeret untuk membatasi gerakan dan membantu Anda memposisikan teks.
5. Saat layer berada di posisinya, pilih View > Show Grid lagi untuk menyembunyikan
grid.
Proyek ini tidak ditujukan untuk siaran TV, jadi tidak apa-apa jika judulnya
melampaui area judul-aman dan aman-aksi dari komposisi di awal animasi.
6. Pilih Standar dari menu Ruang Kerja di bagian atas jendela aplikasi untuk kembali ke
ruang kerja Standar, lalu pilih File > Simpan untuk menyimpan proyek Anda.
Jelajahi dan terapkan preset animasi teks seperti yang Anda lakukan pada preset animasi
lainnya. Anda dapat menelusuri dan menerapkan preset animasi di After Effects
menggunakan panel Effects & Presets atau Adobe Bridge. Untuk membuka folder Presets di
Adobe Bridge, pilih Browse Presets dari menu panel Effects & Presets atau dari menu
Animation.
Lapisan teks diskalakan menjadi hampir 200% saat Anda menerapkan perintah Fit To Comp
ke dalamnya di awal pelajaran ini. Sekarang, Anda akan menganimasikan skala layer
sehingga jenisnya secara bertahap menyusut ke ukuran aslinya.
1. Pindahkan indikator waktu sekarang ke 5:10, dan tekan N untuk mengatur akhir area
kerja. Animasi skala berakhir sesaat sebelum 5:10.
2. Tonton pratinjau RAM dari animasi dari pukul 0:00 hingga 5:10. Judul film memudar
dan kemudian diskalakan ke ukuran yang lebih kecil.
TIP
Anda dapat bereksperimen dengan preset animasi skala teks yang disertakan dengan
After Effects. Mereka berada di folder Presets/Text/Scale di folder After Effects CC
di hard drive Anda.
Awal dan akhir animasi skala agak mendadak. Di alam, tidak ada yang benar-benar
berhenti. Sebaliknya, objek masuk dan keluar dari titik awal dan titik berhenti.
1. Klik kanan (Windows) atau Control-klik (Mac OS) keyframe Scale pada 3:00, dan
pilih Keyframe Assistant > Easy Ease Out. Keyframe menjadi ikon yang mengarah ke
kiri.
2. Klik kanan (Windows) atau Control-klik (Mac OS) keyframe Scale pada 5:00, dan
pilih Keyframe Assistant > Easy Ease In. Keyframe menjadi ikon yang menunjuk ke
kanan.
Beberapa teks yang tersisa untuk komposisi ini ada dalam file Photoshop berlapis, yang akan
Anda impor sekarang.
1. Klik dua kali area kosong di panel Proyek untuk membuka kotak dialog Impor File.
2. Pilih file credits.psd di folder Lessons/Lesson03/Assets. Pilih Komposisi –
Pertahankan Ukuran Lapisan dari menu Impor Sebagai, lalu klik Impor atau Buka.
3. Pada kotak dialog Credits.psd, pilih Editable Layer Styles, dan klik OK.
4. Seret komposisi kredit dari panel Proyek ke panel Timeline, letakkan di bagian atas
tumpukan lapisan.
Karena Anda mengimpor file credits.psd sebagai komposisi dengan lapisan utuh, Anda dapat
mengerjakannya di panel Timeline-nya sendiri, mengedit dan menganimasikan lapisannya
secara mandiri.
Anda telah melihat betapa serbaguna dan nyamannya preset animasi teks. Anda akan menggunakan
prasetel animasi teks jenis lain untuk menganimasikan kata-kata yang diarahkan di sepanjang jalur
gerakan. After Effects menyertakan beberapa preset animasi yang menganimasikan teks di sepanjang jalur
bawaan. Preset ini juga menyediakan teks placeholder saat Anda menerapkannya, jadi dalam latihan ini,
Anda akan memasukkan dan memformat teks Anda setelah Anda menerapkan preset animasi.
Adobe Bridge mengembalikan Anda ke After Effects, di mana preset secara otomatis membuat layer baru,
pipa, dengan jalur yang telah ditentukan yang zig-zag melintasi komposisi. Teks di jalan dikaburkan oleh
judul film. Anda akan segera memperbaikinya.
After Effects beralih ke alat Tipe Horizontal ( ) dan memilih pipa kata di panel Komposisi.
3. Ketik diarahkan oleh untuk menggantikan kata pipa . Tekan Enter pada keypad numerik atau pilih
nama layer setelah selesai. After Effects memperbarui panel Timeline dengan nama layer baru.
o Atur Keluarga Font ke Minion Pro atau jenis huruf serif lainnya.
o Atur Gaya Font menjadi Reguler.
o Atur Ukuran Font menjadi 20 piksel.
o Biarkan semua pengaturan lain pada defaultnya.
5. Seret indikator waktu saat ini melintasi penggaris waktu antara 5:00 dan 8:00 untuk melihat
bagaimana kata-kata yang diarahkan oleh bergerak di layar—lalu di luar layar.
Anda akan memperbaiki teks agar tetap berada di layar, tetapi sekarang adalah saat yang tepat
untuk menyesuaikan posisi jalur dalam komposisi sehingga tidak mengganggu judul film.
6. Menggunakan alat Seleksi ( ), klik dua kali jalur gerakan kuning di panel Komposisi.
7. Seret jalur ke bawah dan sedikit ke kiri, hingga tulisan Road Trip berada di tengah kurva atas
dan Nama Anda Di Sini berada di dalam kurva bawah. Anda mungkin merasa paling mudah
menggunakan tombol panah.
Nanti di pelajaran, Anda akan melampirkan grafik mobil ke jalan sehingga tampak
seperti menarik teks. Tapi pertama-tama, Anda akan menyelesaikan animasi kredit.
Contoh ini menunjukkan betapa mudahnya mengisolasi karakter saat melacak sebaris
teks. Menggunakan properti animator Tracking dan Line Anchor, Anda dapat dengan mudah
memindahkan semua kecuali satu atau beberapa karakter.
Menganimasikan nilai pelacakan untuk karakter 3579 (kiri dan tengah) sehingga hanya 7 di
tengah yang tersisa (kanan)
Anda akan mengambil animasi nama sutradara sedikit lebih jauh dengan membuatnya
memudar di layar saat huruf melebar. Untuk melakukan ini, Anda akan menganimasikan
properti Opacity layer.
Sekarang huruf-huruf nama sutradara akan memudar saat mereka meluas di layar.
5. Seret indikator waktu saat ini melintasi penggaris waktu antara 7:10 dan 8:10 untuk
melihat huruf-huruf nama sutradara memudar saat menyebar.
6. Klik kanan (Windows) atau Control-klik (Mac OS) keyframe Opacity akhir, dan pilih
Keyframe Assistant > Easy Ease In.
7. Pilih File > Simpan.
Untuk mengaktifkan atau menonaktifkan Motion Blur, klik sakelar lapisan Motion Blur.
Alihkan sakelar Aktifkan komposisi Motion Blur di bagian atas panel Timeline untuk
memastikan Anda dapat merender Motion Blur.vJadi, jelas After Effects memudahkan untuk
mengakses efek Motion Blur.
LAMPIRAN
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