Membuat Motion Graphic

Perkembangan teknologi sekarang telah mendukung perkembangan dari seni graphic design yaitu motion design yang bisa disebut juga motion graphic yang dapat digunakan untuk komponen film, video atau animasi komputer.Lantas apakah sebenarnya motion graphic (motion grafik) itu? Adalah karya  grafis yang menggunakan teknologi animasi untuk menciptakan ilusi gerak atau rotasi, dan biasanya dikombinasikan dengan audio atau sejenisnya  untuk digunakan dalam  multimedia.

Membuat Motion Graphic

Komponen yang terkandung di dalamnya adalah tipografi dan grafis yang bisa dilihat sebagai judul untuk film, pembuka program televisi, bumper dan elemen-elemen grafis yang muncul di media elektronik misalnya televisi atau bahkan internet.Tetapi perkembangan dunia motion design ternyata sangatlah pesat diimbangi dengan pesatnya teknologi pendukung hardware nya. Jika banyak menonton televisi atau menonton film maka akan terlihat bahwa tipografi, visual efek di media ini semakin menarik karena terus berkembang.  Lalu bagaimana cara membuat motion graphic itu ?

Dalam tutorial kali ini saya akan berbagi tentang step by step pembuatan motion graphic dengan Adobe After Effects CS 6, mari kita simak dan praktikkan tutorial berikut :

  1. Pertama buka after effects dan kita buat composition baru dengan tekan Ctrl +N lalu atur kurang lebih seperti ini Membuat Motion Graphic
  2. Selanjutnya kita membuat backgroundnya dengan menggunakan rectangle tool rectangle
  3. Membuat Motion GraphicLalu kita ubah fill typenya menjadi radial gradient dengan klik icon tulisan fill nya filltypeMembuat Motion Graphic
  4. Lalu kita ubah warnanya menjadi gradasi dari putih ke abu abu dengan klik icon ini Membuat Motion Graphic
  5. Lalu kita tarik handle gradasinya menuju ke pojok atas agar warna gradientnya menyebar
  6. Membuat Motion GraphicLalu kita buat lingkaran dengan menggunakan ellipse tool yang biasa ada di dalam icon rectangle tool. Kita gambar lingkaran di tengah sambil menekan tombol shift agar bentuk lingkaran sempurna. Ubah type fillnya menjadi solid color , kita ganti warna merah dengan klik icon fill.Membuat Motion Graphic
  7. Kita animasikan lingkaran tersebut dengan position dengan klik layer lingkaran tadi lalu klik P pada keyboard. Kita atur posisinya dari frame 0 (lingkaran tidak terlihat) beri keyframe dengan klik timer ini timer lalu beri keyframe lagi dengan klik icon ini keyframe ke frame 20 misalnya (kembali ke tempat semula)
  8. Membuat Motion GraphicBeri easy ease agar gerak animasi halus, dengan klik kanan lalu keyframe assistant lalu easy ease atau dengan F9. Atur grafiknya dengan klik icon grafik ini untuk mengatur gerak detail animasi.
  9. Membuat Motion GraphicLalu kita beri animasi scale, dengan klik layer + S. Jangan lupa menempatkan anchor pointnya di tengah dengan klik icon ini anchor tool lalu drag ke tengah. Atur keyframenya dari ukuran normal ke besar lalu menghilang. Sehingga akan terdapat 3 titik keyframe. lalu beri easy ease.
  10. Membuat Motion GraphicLalu duplicate layer tersebut dengan Ctrl + D lalu hilangkan keyframe position pada layer duplicate tadi. Kita ganti scalenya dari hilang , besar , lalu hilang lagi seperti ini, lalu atur letaknya.
  11. Membuat Motion GraphicKita duplicate layer tersebut menjadi 2 kali sehingga terdapat 4 layer animasi lingkaran, beri jeda / formasi pada setiap layer , lalu ubah masing masing warnanya seperti ini
  12. Membuat Motion GraphicLalu kita tinggal memberi teks lalu menganimasikannya, disini saya menggunakan font “Bebas” lalu atur scale dari hilang , membesar, lalu mengecil maupun positionnya dari posisi normal lalu naik ke atas seperti ini :
  13. Membuat Motion Graphic Kita tambahkan tulisan misalkan Academy, lalu kita animasikan dari atas menuju ke bawah tulisan karisma. Beri easy ease. Kemudian tambahkan mask pada posisi awal dibawah tulisan Academy sehingga tulisan Academy tidak terlihat dengan klik kanan, mask, add layer mask.
  14. Membuat Motion GraphicLalu kita buat shape persegi panjang tipis sebagai eraser lalu animasikan melewati tulisan karisma academy
  15. Membuat Motion GraphicLalu buat shape persegi panjang lagi, usahakan ukurannya dapat menutup penuh backgroundnya. kita taruh samping lalu parentkan shape persegi panjang besar tadi ke eraser (yang kecil) tadi. Membuat Motion Graphic
  16. Lalu geser layer persegi panjang tipis (eraser) ke bagian layer paling atas. Munculkan mode setiap layer dengan klik Toggle Switches / Mode. Ubah mode layer composition tulisan karisma academy menjadi Alpha Inverted Mate pada layer persegi panjang besar tadi :
  17. Membuat Motion Graphic Kita pilih kedua layer tulisan Karisma dan Academy tadi lalu kita buat composition baru. Nah, Motion Graphic sudah jadi !Membuat Motion Graphic Demikian tutorial dari saya semoga bermanfaat. Jika masih mengalami kesulitan , anda bisa menyaksikan video tutorial saya di link karismaacademy. Terimakasih
Advertisements
This entry was posted in Adobe After Effects and tagged , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s