Pembuatan Animasi Motion Graphics Model Flat Design After Effects


Sejak munculnya OS Windows 8, gaya flat design semakin populer, karena sederhana, informatif dan relatif mudah pembuatannya. Dengan After Effects, desain flat desain bisa dibuat dengan mudah, cepat dan menarik. Animasi motion graphic flat desain biasa digunakan untuk pembuatan Curiculum Vitae Pribadi atau perusahaan.

Hasil akhir Belajar Motion Graphics After Effects

File project format AEP lengkap dengan font & musik, silakan download disini

Motion Graphic Composition

Position Graph Animation https://www.youtube.com/watch?v=EZQ2t4tHoYY
– Mask Animation https://www.youtube.com/watch?v=iEjF5A02zc4
Text Presets https://www.youtube.com/watch?v=EP9IZJ-63LQ
Text Animate Vertical https://www.youtube.com/watch?v=pt6kUxgOhh8
Text Animate Horizontal https://www.youtube.com/watch?v=pp7N7-jx15k
Text Animate Blur https://www.youtube.com/watch?v=su6EPkr_Yx8
Shape Center https://www.youtube.com/watch?v=Z5j-EwhOvco
Repeater Circular https://www.youtube.com/watch?v=qM4yLHElM0Q
Path Text https://www.youtube.com/watch?v=F2omH761dPg
Open Door & Bounce https://www.youtube.com/watch?v=09to3L65PmM
Mask Animation https://www.youtube.com/watch?v=iEjF5A02zc4
Flat Shadow https://www.youtube.com/watch?v=UIFQSSW58Ec
Ball Bounce  https://www.youtube.com/watch?v=-d_eywj9AW8
Ball Bounce Graph https://www.youtube.com/watch?v=eVP8WbmhUdo
3D Link & Rotate https://www.youtube.com/watch?v=Iny_uFG5K3A
Trim Path Line https://www.youtube.com/watch?v=ew2OmfUUb8k
Trim Path Circles https://www.youtube.com/watch?v=EqTQdFtDbOQ
Track Matte Alpha https://www.youtube.com/watch?v=y6eMbwRXcNE

Hal yang perlu diperhatikan dan dipelajari untuk membuat animasi Motion Graphic Flat Design:

  1. Logika gerakan secara Fisika (Pemantul, Ayun, lentur)
  2. Percepatan & perlambatan / Easy Ease
  3. Kecepatan tinggi & rendah kontras (5 – 10 frame between keyframe)
  4. Kombinasi warna Pastel
  5. Font tipis, jenis san serif, tebal batang & cabang sama
  6. Animasi transformasi dasar (Position, Rotation, Scale, Opacity)
  7. Animasi seleksi / Masking
  8. Animasi Teks pada jalur / Text on Path
  9. Animasi pengulangan objek / Repeater
  10. Animasi Jalur yang dipotong / Trim Path
  11. Objek buram jika bergerak cepat / Motion Blur
  12. Transisi sesuai tema & objek terkait
  13. Objekt terkait dengan objek lain / Link objects
  14. Cerita berkesinambungan / Continuous

Selanjutnya silakan di praktekan dan dikembangkan lebih jauh. Never give up, never surrender!

3 pemikiran pada “Pembuatan Animasi Motion Graphics Model Flat Design After Effects

  1. Thanks Hendi !
    Sangat membantu saya dalam belajar motion graphic

  2. Aplikasi pembuat flat design apa ya?

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s