Learning Material

Selasa, 25 Oktober 2022

Selamat siang anak-anak,

Hari ini bapak tidak bisa masuk kelas dari awal sampai akhir. Namun, bapak akan masuk sesekali
untuk mengecek hasil Latihan hari ini. Silakan kalian meniru dari beberapa Teknik efek teks yang
bersumber dari Youtube dan teks modul bapak. Masing-masing siswa mengerjakan minimal 2 efek
teks dan mengulang Kembali 2 efek teks tersebut sampai sudah hafal dan mengerti. Bapak akan
berikan link youtubenya. Teks modulnya masih yang pertemuan yang lalu bapak berikan.

Link Youtube:

1. Mask Text Reveal Animation : Mask Text Reveal Animation in After Effects - After Effects
Tutorial | Text Animation - YouTube
2. effect neon di text : Cara mengunakan Saber di adobe after effect, effect neon di text. -
YouTube
3. Teks Masking Simple Motion : Teks Masking Simple Motion | After Effects Tutorial Indonesia
- YouTube
4. Glitch text animation : CARA SIMPEL BUAT INTRO Glitch text animation - Adobe After Effect
(Indonesia) - YouTube

Silakan pilih 2 dari efek teks baik dari Youtube atau dari tutorial teks dari bapak. Simpan filenya:

⮚ LatEfekText_namasiswa_namaefek. Contoh: LatEfekText_Kanaan_MaskText

Setelah 2 efek teks dikerjakan, ulangi sampai sudah hafal atau mengerti. Simpan hasil Latihan
pengulangannya. Dengan filename sebagai berikut:

⮚ EfekText_namasiswa_ke-… .

⮚ Contoh : EfkeText_Kanaan_1

Halaman berikutnya, tutorial teks yang sudah pernah bapak berikan.

Terima kasih dan Selamat Berlatih.

 Tutorial Effect Text
Pengantar
Selamat datang kembali dalam tulisan ringan tentang tutorial After Effect. Tutorial ini akan
dituliskan ke dalam beberapa contoh effect text yang dapat digunakan pada aplikasi After
Effect. Beberapa contoh ini, bapak ambil dari buku bacaan dan tutorial dari internet. Sumber
akan bapak lampirkan di akhir tulisan.

Text merupakan kumpulan terdiri dari beberapa huruf yang menghasilkan sebuah kata,
kalimat dan paragraf. Text juga dapat berperan penting dalam animasi dan video, film,
poster dan bentuk media digital lainnya. Text mengarahkan pembaca untuk mendapatkan
pesan selain kita menggunakan gambar atau audio.

Text bisa menjadi hal yang menarik apabila: 1. Penggunaan kata atau kalimat yang tepat
sesuai dengan produk atau pesan yang diinginkan. 2. Layout atau animasi. Pembaca akan
menyukai karya kita apabila kita benar menempatkan text diantara gambar. Pemberian
animasi sangat penting agar lebih menarik dan daya tarik tersendiri.

Tulisan ini akan menjelaskan satu per satu tutorial efek text berupa effek rollercoaster,
writer,dan beberapa text lainnya. Selamat mencoba.
1. Effect Text: Roolercoaster
A. Path Text

● New Comp dengan name: Main. Setting Comp dengan durasi 7 detik &
present HDV 1080 29

● Klik New Layer > Solid > durasi sama dan background color: white.

● Klik Menu Effect > Obsolete > Path Text

● Pada box Path Text > pilih jenis text yang diinginkan ( contoh: Arial) dan style
> Black. Tuliskan text dengan nama lengkap kalian. (contoh: SMK Kristen
Kanaan)

● Panel Effect: Advanced. Centang box. Composite On Original.

● Path Options > Shape Text > Loop.

● Posisikan text di tengah stage. Kita bisa mencoba menggerakan dengan cara
klik kiri.

● Character > Size: disesuaikan dengan banyaknya huruf dan ukuran stage kita
masing-masing.

● Kita akan menggerakan seolah-olah text seperti rollercoaster yang bergerak

dari bawah ke atas... Paragrah> Left Margin. Kita mengubah left margin
disesuaikan dengan contoh masing-masing.
 ● Membuat keyframe agar text bergerak. Arahkan Text berada di kanan bawah
dan hanya terlihat satu huruf terakhir. Gunakan Left Margin. Jika sudah,
arahkan ke timeline dan klik Keyframe di frame 0.00.00.

● Keyframe 0.07.00 arahkan text berada di sisi kiri bawah dan hanya terlihat
satu huruf tertinggal. Gunakan: Left Margin.

● Preview: Spasi

● Save

B. Easy Ease & Graph Editor

● Effect ini kita akan memberikan seolah-olah bergerak seperti rollercoaster

dengan baik.

● Kita akan menambahkan dua keyframe di antara keyframe awal dan

akhir.

● Create Keyframe (contoh) di frame 0.03.23. Arahkan text berada seolah-

olah berada posisi roller coaster paling atas. Copy Keyframe. (selanjutnya

disebut Keyframe no.3)

● Paste Keyframe di frame 0.04.54. (selanjutnya disebut Keyframe no.4)

● Kita akan memberikan prinsip animasi Easy in dan Easy out pada kedua
keyframe terbaru.

● Klik Kanan Keyframe no.3 > Keyframe Assistant > Easy Ease In.

● Klik Kanan Keyframe no.4 > Keyframe Assistant > Easy Ease Out.
● Tak hanya itu saja, Kita akan memperhalus gerakan. Caranya dengan
Graphic Editor. Kita akan memberikan gerakan tambahan di Graphic
Editor.

● Timeline > create Keyframe di posisi sebelum keyframe no.3. Klik

Keyframe > Left Margin > Klik icon Graphic Editor. (Selanjutnya disebut
keyframe no.2)

● Gerakannya ialah text akan diam beberapa saat di keyframe no.2. Kita
mengatur di Graphic Editor.

● Perhatikan gambar di bawah ini!

 Lihat titik tanda panah merah. Dan perhatikan tanda panah perah pada text.
Ini posisi Awal. Kita akan mengubahnya dengan cara: menarik titik ke arah kiri
sehingga teks akan menuju ke posisi puncak. Pada tahap ini, ingat kembali
prinsip dasar animasi tentang : Ease in dan Ease Out. Buatlah graphic yang
menunjukkan gerakan prinsip tersebut.

● Preview

● Save

C. Jitter Setting

● Jitter Setting ini mengarahkan animasi berupa text akan berantakan di

posisi yang telah kita tentukan.

● Kita akan mencoba gerakan jitter sebelum kita membuat keyframenya.

● Jitter Setting: Path Text > Advanced > Jitter Setting.

● Jitter Setting terdapat : Baseline; Kerning; Rotation; Scale. Silakan dicoba

satu per satu sebelum kita berikan keyframe.
 ● Setting gerakan Jitter.

● Create keyframe di frame dimana teks berada di posisi puncak

( Keyframe no.3). Klik icon keyframe di Baseline Jitter Max > 0. Copy
keyframe.

● Paste keyframe di frame keyframe no.4.

● Create keyframe berada di tengah-tengah antara keyframe no. 3 dan no.

4. Klik Baseline Jitter Max > 500.

● Preview

● Create keyframe di frame dimana teks berada di posisi puncak

( Keyframe no.3). Klik icon keyframe di Scale Jitter Max > 0. Copy
keyframe.

● Paste keyframe di frame keyframe no.4.

● Create keyframe berada di tengah-tengah antara keyframe no. 3 dan no.

4. Klik Scale Jitter Max > 300.

● Preview

● Tambahkan effek blur agar lebih halus gerakannya.

● Klik Icon Blur di layer dan timeline.

● Preview

● Save.

D. Bevel Alpha
Gerakan animasi ini berupa pemberian stroke atau outline dan warna sehingga lebih
terasa tak hanya 2 dimensi saja.

● Menu Effect > Perspective > Bevel Alpha

● Panel Effect: Edge Thickness >> 5,0

● Light Intensity > 1,0

● Duplicate Layer Solid. CTRL+D

● Rename Layer solid yang dibawah menjadi : Layer Outline.

● Layer Outline : Panel Effect Path Text > Fill and Stroke > Options > Stroke Only.
Stroke Color > bebas (contoh: Kuning orange). Stroke Width > 30.0

● Layer Solid 1(Layer hasil duplicate. Posisi di atas) aktifkan.

● Effect > Perspective > Drop Shadow.

● Panel Effect Drop Shadow. Softness > 19.0 pada layer solid 1.

● Layer Outline > effects > Perspective > Softness > 43.0. (disesuaikan).

● Preview.

● Save.

Tutorial ini baru yang Roollercoaster. Contoh Effect Text yang lain, masih dalam
penulisan. Silakan kalian mempraktekkan dan menyimpan file latihan kalian. Ingat..
jangan hanya dicoba sekali. Ulangi sampai hafal atau bisa menemukan gerakan
berbeda dengan efek yang sama.
2. Effect Text: Retro TV
A. Old TV Screen

● New Comp dengan name: Main. Setting Comp dengan durasi 7 detik & present
PAL Square

● Klik New Layer > Solid > durasi sama dan background color: white.

● Klik Effect > Generate > Ramp

● Perhatikan gambar! Titik (Ramp) pada tanda panah merah merupakan ramp yang
bisa ubah posisi warna yang kita inginkan. Caranya Klik dan tahan dan gerakan
bebas.

● Panel Effect > Start Color > Pilih warna orange.

● Panel Effect > End Color > Pilih warna red.

● Ramp Shape > Radial Ramp.

● Arahkan Ramp warna merah ke pojok kiri bawah. Sedangkan ramp warna kuning
di posisi tengah. Tepat di anchor point. Lihat gambar!

● Kita akan menambahkan radial ramp menjadi beberapa dengan effect.

● Stylize > Postersize > Level > 9 (disesuaikan)

● Effect berikutnya membuat layar televisinya.

● Effect > Distort > Optics Compensation > Field of View > 50.8 (disesuaikan)

● Preview

● Save

B. Text Presets Animation

Tahap berikutnya kita akan memberikan tulisan yang akan tampil di layar. Pastikan
kalian sudah ada nama Channelnya.

● Klik Tool Text > Tuliskan nama siaran Anda > Semangat TV. Size Font dan
Spacing Font > disesuaikan. Jenis Font > Impact > Bold. Letakkan di tengah.

● Klik Tool Text > CHANNEL. Size Font dan Spacing Font > disesuaikan. Jenis
Font > Impact > Bold. Letakkan di tengah.

● Pemberian effect muncul pada text. Gunakan panel effect dan presets. Jika
tidak ada, klik Windows > effect and presets.

● Klik Layer Nama TV anda. Pastikan timeline berada di frame awal : 0.00.00.

● Effect Presets > Animation Presets > Text > Animate In > Rainning Character
In. Klik tahan Efek Rainning Character In dan arahkan ke text semangat tv di
 stage.

● Preview. Pastikan di frame berapa efek animasi rainning berhenti. Jika sudah
mengetahuinya, catat.

● Klik Layer Channel. Arahkan timeline layer channel di frame terakhir layer
semangat tv berhenti.

● Layer Channel. > Effect&Presets > Text > Blurs > Transporter. Klik tahan dan
arahkan ke layer Channel.

● Preview

● Save

C. Image Presets Animatio

Pada tahap ini, kita akan memberikan effect gerakan image. Artinya semua teks
dan ramp akan bergerak layak televisi lama. ( bagi kalian generasi televisi tabung
pasti tau.. hehehehe)

● Effect& Presets > Animation Presets > image-Spesial effect > Bad TV 2-Old.
Klik dan tahan, arahkan ke layaer Solid. Pastikan frame mulai dari frame
awal.

● Preview. Hasilnya ramp akan bergerak dan pinggirnya ada semacam

potongan. Kita akan hilangkan pinggiran tersebut.
● Klik Panel Effect dan pilih Wave Warp 2 > Klik icon fx sehingga icon fx
menjadi tidak ada.

● Klik Layer Semangat TV. Effect& Presets > Animation Presets > image-
Spesial effect > Bad TV 2-Old. Klik dan tahan, arahkan ke layaer Semangat
TV. Pastikan frame di tengah-tengah perpindahan.

● Panel Effect > Wave Warp > Wave Height > 15.

● Klik Layer Channel. Effect& Presets > Animation Presets > image-Spesial
effect > Bad TV 2-Old. Klik dan tahan, arahkan ke layaer CHANNEL. Pastikan
frame teks channel bergerak.

● Panel Effect > Wave Warp > Wave Height > 15.

● Preview

● Save
 ● Selesai. Lakukan Render.

3. Effect Text: Final Countdown

Tutorial ini merupakan efek teks itung mundur. Bisa dilakukan saat sebelum video
atau film dimulai. Selamat mencoba.
A. 4 Color Gradient Background
Pada tahap ini kita akan membuat background dengan cara layer solid.

● New Comp dengan name: Main. Setting Comp dengan durasi 7 detik & present
PAL Square

● Klik New Layer > Solid > durasi sama dan background color: white dan rename >
background.

● Effect > Generate > 4-color Gradient.

● Panel Effect > 4-color gradient > atur keempat warna seperti menjadi gelap dari
warna pertama. Misal dari biru menjadi biru tua. Lihat gambar!

● Effect > Style > Strobe Light. Ikutin settingan sesuai digambar!

● Preview

● Save

B. Radio Waves
Pada tahap ini kita akan membuat ring.
● Duplicate Layer background. Rename Layer > RING.

● Effect > Generate > Radio Waves.

● Preview.

● Panel Effect Radio Waves > Ubah setting seperti gambar.

● Effect > Obsolete > Fast Blur.

 ● Blurrinness > 30.

● Layer Ring > Mode > Classic Color Dodge.

● Preview

● Save

C. Radar
Kita membuat radar dari ring yang telah dibuat sebelumnya.

⮚ Duplicate Layer Background. Rename > Radar.

⮚ Effect > Generate > Gradient Ramp

⮚ Pastikan kedua titik ramp ada di kanan dan kiri.

⮚ Effect > Distort > Polar Coordinates > Interpolation > 100%

⮚ Type of Conversion > Rect to Polar.

⮚ Effect > Distort > Transform.

⮚ Scale > 175 ( disesuaikan. Jadinya menjadi kotak).

⮚ Coba klik rotation, gerakan mouse kalian sehingga radar bergerak seperti
jam ke arah jarum jam.)

⮚ Kita akan membuat 2 keyframe yakni keyframe pertama di frame awal dan
keyframe kedua di frame akhir.

⮚ Keyframe ke-1: 0.00.00 > Klik icon keyframe di panel effect transform > 0x +
0,00.

⮚ Keyframe ke-2: 0.06.00 > Klik icon keyframe di panel effect transform > 4x +
0,00.
 ⮚ Preview. Pastikan radar bergerak seperti arah jarum jam. Jika sesuai, next.

⮚ Klik Layer Radar > Klik Icon Blur > Enable Blur. Lihat gambar.

⮚ Klik Layer Radar > Mode > Classic Color Dodge.

⮚ Klik Layer Radar > Effect > Transform > opacity > 80%.

⮚ Panel Effect Ramps > Arahkan ramp end sampai keluar sedikit dari ttik
sebelah kiri. Lihat gambar.

⮚ Preview

⮚ Save.

D. Numbers
Pada tahap ini, kita akan membuat waktu hitung mundur.

● Duplicate Layer Background > rename > nomor.

● Effect > Text > Number.

● Setting seperti gambar. Letakan teks di posisi tengah. Size disesuaikan.

● Kita akan membuat waktu berjalan hitung mundur. Mari kita membuat 2
keyframe di frame awal dan akhir.

● Create Keyframe ke-1 > frame 0.00.00 > layer nomor > Numbers >
format > Value/offset/randror > 6,00.

● Create Keyframe ke-2 > frame 0.06.00 > layer nomor > Numbers >
format > Value/offset/randror > 0,00.
 ● Kita akan mempercantik angkanya. Dengan tambahkan effect di layer.
Klik Layer Nomor. Lihat gambar.

● Klik Layer Nomor > Effect > Outer Glow. Atur seperti di gambar.

dan

● Preview

● Save

E. Wiggler Blur
Tahap ini akan memberikan efek teks dengan tulisan : HITUNG MUNDUR.

● Klik Tool Text > HITUNG MUNDUR > Letakkan di tengah bawah angka.

● Effect > Blur Sharpen > Directional Blur.

● Kita akan membuat keyframe (2).

● Keyframe ke-1 di frame 0.00.00 > Blur Length > 0.0.

● Keyframe ke-2 di frame 0.06.00 > Blur Length > 0.0.

● Seleksi dua keyframe bersamaan. Tekan shift saat seleksi kedua

keyframe.

● Klik Menu Windows > Wiggler.

● Atur Wiggler seperti gambar.

● Klik Apply setelah setting wiggler.

● Preview

● Save

● Selesai. Render.