8 Expression After Effects Untuk Motion Designer

8 Expression After Effects Untuk Motion Designer
Designed by Freepik.com/stories | Modify by Rahadyan Hendrasta

Expression After Effects adalah sebuah kode program Java Script yang digunakan untuk menciptakan efek animasi tertentu di Aplikasi After Effect. Bisa dibilang ini adalah senjata rahasianya seorang Motion Designer.

Jika Kamu pernah belajar di Kelas Animasi Logo, pada Modul #5 ada sebuah materi tentang sebuah teknik animasi yaitu Morphing.

Didalam teknik itu, Kamu akan mempelajari bagaimana cara membuat sebuah animasi perubahan bentuk objek A menjadi objek B dengan sangat smooth.

Tentunya teknik morphing ini menggunakan kode expression, silahkan download gratis di member area ya.

Nah, apakah Kamu sudah pernah menggunakan kode expression sebelumnya? Jika belum, yuk ikutin panduannya di pembahasan kali ini.

 

Loop Expression After Effects

Loop Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek pengulangan animasi dari frame awal ke frame akhir, frame awal ke frame akhir, begitu seterusnya.

Loop Expression After Effects
Loop Expression | Credit: astadigital.net

 

Pada studi kasus kali ini, Saya akan mencontohkan dengan animasi posisi. Kamu bisa sesuaikan dengan animasi yang Kamu buat ya.

Loop expression bisa digunakan untuk animasi apapun, misal: posisi, rotasi, skala, opacity dan lainnya.

Berikut cara menggunakan loop expression after effect:

 

1. Download Kode Expression

Silahkan download kode Loop Expression After EffectsKLIK DISINI

Loop Expression After Effects
Kode Loop Expression | Credit: astadigital.net

 

2. Buat Keyframe Animasi

a. Tekan P (Position) di keyboard untuk memunculkan menu animasi posisi.

b. Buat keyframe animasi dengan durasi tertentu.

Loop Expression After Effects
Buat Keyframe Animasi | Credit: astadigital.net

 

3. Masukkan Kode Expression

a. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Position, maka akan muncul menu Expression.

b. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Loop Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

Pingpong Expression After Effects

Pingpong Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek pengulangan animasi dari frame awal ke frame akhir dan kembali ke frame awal lagi. Hal ini akan berulang seterusnya, mirip dengan pantulan bola pingpong.

Pingpong Expression After Effects
Pingpong Expression | Credit: astadigital.net

 

Pada studi kasus kali ini, Saya akan mencontohkan dengan animasi rotasi. Kamu bisa sesuaikan dengan animasi yang Kamu buat ya.

Pingpong expression bisa digunakan untuk animasi apapun, misal: posisi, rotasi, skala, opacity dan lainnya.

Berikut cara menggunakan pingpong expression after effect:

 

1. Download Kode Expression

Silahkan download kode Pingpong Expression After Effects – KLIK DISINI

Pingpong Expression After Effects
Kode Pingpong Expression | Credit: astadigital.net

 

2. Buat Keyframe Animasi

a. Tekan R (Rotation) di keyboard untuk memunculkan menu animasi rotasi.

b. Buat keyframe animasi dengan durasi tertentu.

Pingpong Expression After Effects
Buat Keyframe Animasi | Credit: astadigital.net

 

3. Masukkan Kode Expression

a. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Rotation, maka akan muncul menu Expression.

b. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Pingpong Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

Wiggle Expression After Effects

Wiggle Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek pergerakan acak tanpa menggunakan keyframe animasi.

Wiggle Expression After Effects
Wiggle Expression | Credit: astadigital.net

 

Pada studi kasus kali ini, Saya akan mencontohkan dengan animasi posisi. Kamu bisa sesuaikan dengan animasi yang Kamu buat ya.

Wiggle expression bisa digunakan untuk animasi apapun, misal: posisi, rotasi, skala, opacity dan lainnya.

Berikut cara menggunakan wiggle expression after effect:

 

1. Download Kode Expression

Silahkan download kode Wiggle Expression After Effects – KLIK DISINI

Wiggle Expression After Effects
Kode Wiggle Expression | Credit: astadigital.net

 

2. Masukkan Kode Expression

a. Tekan P (Position) di keyboard untuk memunculkan menu animasi posisi.

Wiggle Expression After Effects
Tekan P (Position) | Credit: astadigital.net

 

b. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Position, maka akan muncul menu Expression.

c. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Wiggle Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

3. Setting Nilai Expression

Pada kode wiggle expression memiliki struktur setting seperti ini,

wiggle(freq,amp);

Yang artinya:

  • freq adalah cepat atau lambatnya pergerakan sebuah objek. Semakin besar nilainya, maka objek akan bergerak semakin cepat.
  • amp adalah banyaknya variasi gerakan acak sebuah objek, Semakin besar nilainya, maka variasi gerakan acak objek akan semakin bertambah.

 

Bounce Expression After Effects

Bounce Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek memantul pada sebuah objek. Efek ini banyak digunakan untuk memunculkan objek dalam sebuah scene animasi.

Bounce Expression After Effects
Bounce Expression | Credit: astadigital.net

 

Pada studi kasus kali ini, Saya akan mencontohkan dengan animasi skala. Kamu bisa sesuaikan dengan animasi yang Kamu buat ya.

Bounce expression bisa digunakan untuk animasi apapun, misal: posisi, rotasi, skala, opacity dan lainnya.

Berikut cara menggunakan bounce expression after effect:

 

1. Download Kode Expression

Silahkan download kode Bounce Expression After Effects – KLIK DISINI

Bounce Expression After Effects
Kode Bounce Expression | Credit: astadigital.net

 

2. Buat Keyframe Animasi

a. Tekan S (Scale) di keyboard untuk memunculkan menu animasi skala.

b. Buat keyframe animasi dengan durasi tertentu.

Bounce Expression After Effects
Buat Keyframe Animasi | Credit: astadigital.net

 

3. Masukkan Kode Expression

a. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Scale, maka akan muncul menu Expression.

b. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Bounce Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

4. Setting Nilai Expression

Pada kode bounce expression memiliki struktur setting seperti ini,

amp = 0.1;

freq = 2.0;

decay = 5.0;

Yang artinya:

  • amp adalah besar kecilnya skala pantulan. Semakin besar nilainya, maka skala pantulan akan semakin besar.
  • freq adalah kecepatan objek memantul. Semakin besar nilainya, maka pantulan akan bergerak semakin cepat.
  • decay adalah jumlah pengulangan efek pantulan. Semakin kecil nilainya, maka pengulangan efek pantulan semakin banyak.

 

Time Rotation Expression After Effects

Time Rotation Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek putaran konstan tanpa menggunakan keyframe animasi. Efek ini banyak digunakan untuk membuat gerakan roda berputar, putaran jarum jam dan lainnya.

Time Rotation Expression After Effects
Time Rotation Expression | Credit: astadigital.net

 

Time rotation expression hanya bisa digunakan untuk animasi rotasi.

Berikut cara menggunakan time rotation expression after effect:

 

1. Download Kode Expression

Silahkan download kode Time Rotation Expression After Effects – KLIK DISINI

Time Rotation Expression After Effects
Kode Time Rotation Expression | Credit: astadigital.net

 

2. Masukkan Kode Expression

a. Tekan R (Rotation) di keyboard untuk memunculkan menu animasi rotasi.

Time Rotation Expression After Effects
Tekan R (Rotation) | Credit: astadigital.net

 

b. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Rotation, maka akan muncul menu Expression.

c. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Time Rotation Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

3. Setting Nilai Expression

Pada kode time rotation expression memiliki struktur setting seperti ini,

time*speed;

Yang artinya:

  • speed adalah cepat atau lambatnya putaran sebuah objek. Semakin besar nilainya, maka objek akan berputar semakin cepat.

 

Blink Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek berkedip tanpa menggunakan keyframe animasi. Efek ini banyak digunakan untuk membuat bintang berkedip, cahaya lampu berkedip, lampu sein mobil berkedip dan lainnya.

Blink Expression After Effects
Blink Expression | Credit: astadigital.net

 

Blink expression hanya bisa digunakan untuk animasi opacity.

Berikut cara menggunakan blink expression after effect:

 

1. Download Kode Expression

Silahkan download kode Blink Expression After Effects – KLIK DISINI

Blink Expression After Effects
Kode Blink Expression | Credit: astadigital.net

 

2. Masukkan Kode Expression

a. Tekan T (Opacity) di keyboard untuk memunculkan menu animasi opacity / transparansi.

Blink Expression After Effects
Tekan T (Opacity) | Credit: astadigital.net

 

b. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Opacity, maka akan muncul menu Expression.

c. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Blink Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

3. Setting Nilai Expression

Pada kode blink expression memiliki struktur setting seperti ini,

blinkRate=10;

Yang artinya:

  • blinkRate adalah cepat atau lambatnya efek kedipan. Semakin besar nilainya, maka efek kedipan akan semakin cepat.

 

Floating Expression After Effects

Floating Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek melayang atau mengapung tanpa menggunakan keyframe animasi. Efek ini banyak digunakan untuk membuat perahu mengapung, pesawat melayang, kendaraan berjalan dan lainnya.

Floating Expression After Effects
Floating Expression | Credit: astadigital.net

 

Floating expression hanya bisa digunakan untuk animasi posisi.

Berikut cara menggunakan floating expression after effect:

 

1. Download Kode Expression

Silahkan download kode Floating Expression After Effects – KLIK DISINI

Floating Expression After Effects
Kode Floating Expression | Credit: astadigital.net

 

2. Masukkan Kode Expression

a. Tekan P (Position) di keyboard untuk memunculkan menu animasi posisi.

Floating Expression After Effects
Tekan P (Position) | Credit: astadigital.net

 

b. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Position, maka akan muncul menu Expression.

c. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Floating Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

3. Setting Nilai Expression

Pada kode floating expression memiliki struktur setting seperti ini,

amp = 20;

freq = 1;

Yang artinya:

  • amp adalah tinggi rendahnya objek melayang atau mengapung. Semakin besar nilainya, maka objek akan melayang atau mengapung akan semakin tinggi.
  • freq adalah kecepatan objek melayang atau mengapung. Semakin besar nilainya, maka objek akan melayang atau mengapung semakin cepat.

 

Bouncing Ball Expression After Effects

Bouncing Ball Expression After Effects adalah sebuah kode expression yang akan menghasilkan efek pantulan gravitasi ketika sebuah objek dijatuhkan dari atas. Efek ini banyak digunakan untuk membuat bola jatuh, benda berjatuhan dan lainnya.

Bouncing Ball Expression After Effects
Bouncing Ball Expression | Credit: astadigital.net

 

Bouncing ball expression hanya bisa digunakan untuk animasi posisi.

Berikut cara menggunakan bouncing ball expression after effect:

 

1. Download Kode Expression

Silahkan download kode Bouncing Ball Expression After Effects – KLIK DISINI

Bouncing Ball Expression After Effects
Kode Bouncing Ball Expression | Credit: astadigital.net

 

2. Buat Keyframe Animasi

a. Tekan P (Position) di keyboard untuk memunculkan menu animasi posisi.

b. Buat keyframe animasi dengan durasi tertentu.

Bouncing Ball Expression After Effects
Buat Keyframe Animasi | Credit: astadigital.net

 

3. Masukkan Kode Expression

a. Tahan ALT di keyboard dan klik pada simbol Stopwatch pada menu animasi Position, maka akan muncul menu Expression.

b. Hapus bawaan kode expression yang muncul, lalu Copy dan Paste dengan kode expression yang sudah di download.

Bouncing Ball Expression After Effects
Masukkan Kode Expression | Credit: astadigital.net

 

4. Setting Nilai Expression

Pada kode bouncing ball expression memiliki struktur setting seperti ini,

e = .7;

g = 5000;

nMax = 9;

Yang artinya:

  • e adalah tingkat elastisitas sebuah objek. Semakin besar nilainya, maka elastisitas objek semakin tinggi.
  • g adalah berat gaya gravitasi. Semakin besar nilainya, maka tarikan gravitasi semakin besar.
  • nMax adalah jumlah pantulan objek. Semakin besar nilainya, maka pengulangan efek pantulan semakin banyak.

Blog ini adalah sarana Saya berbagi hal seputar Belajar Animasi After Effect.