Elemen Motion Graphics

Rekayasa Perangkat Lunak — Kelas XII

Pernahkah anda menyaksikan tayangan iklan melalui televisi maupun iklan pada videotron gedung pencakar langit? Tayangan iklan tersebut biasanya disajikan dalam bentuk yang sangat dinamis, penuh dengan gerakan baik teks, maupun elemen desain lainnya. Khusus pada videotron, gerakan-gerakan pada iklan tersebut memiliki dukungan efek yang menarik seperti ilusi 3D sehingga dapat menghibur dan menarik perhatian audiens.

Namun, gerakan yang terlihat pada tayangan iklan sering kali disebut animasi. Meskipun video animasi dan motion graphic sering kali dianggap serupa, keduanya memiliki perbedaan signifikan dalam hal tujuan, konten, gaya, dan penerapan. Video animasi lebih berfokus pada narasi dan karakter, sedangkan motion graphic berfokus pada penyampaian informasi melalui animasi elemen grafis yang lebih abstrak. Berikut adalah elemen yang sering digunakan dalam motion graphic.

1. Elemen Typography

Motion graphic, dalam bentuk teks merupakan aset penting dalam sebuah video. Teks yang bergerak ini tidak hanya menambah daya tarik visual, tetapi juga membantu menyampaikan pesan dengan lebih efektif. Selain itu, motion graphic dalam bentuk teks juga sering digunakan dalam berbagai media lainnya, seperti trailer film, teaser,

2. Elemen Shapes

Elemen shapes atau bentuk geometris adalah salah satu elemen dasar dalam motion graphic yang sering digunakan karena kesederhanaannya dan kemampuannya untuk menyampaikan informasi secara visual dengan cara yang jelas dan efektif. Bentuk-bentuk ini dinilai fleksibel dan mudah dimodifikasi sehingga membuatnya ideal untuk diterapkan pada animasi. Elemen shapes biasanya sering digunakan pada animasi berbentuk infografis yang banyak berisi diagram untuk memvisualisasikan data. Teknik-teknik animasi pada elemen shapes sangatlah beragam, bergantung pada tingkat kreativitas tiap-tiap animator. Namun, berikut adalah tiga contoh teknik motion yang menjadi dasar dari seluruh teknik shapes motion graphic.

a. Basic transformation

Basic transformation adalah teknik animasi yang menjadi dasar dari teknik-teknik animasi lainnya. Dengan menguasai basic transformation, kita dapat mengembangkan teknik-teknik animasi lain yang lebih menarik dan kompleks. Berikut adalah contoh basic transformation.

1) Position

Jenis animasi ini akan mengubah posisi shape berdasarkan koordinat X dan Y pada perangkat lunak animasi. Kita dapat memindahkan posisi shapes ke lokasi yang diinginkan dengan memberikan koordinat awal dan akhir pada animasi tersebut.

2) Scale

Jenis animasi transformasi ini akan mengubah ukuran shapes dari ukuran aslinya, baik itu menjadi lebih kecil, ataupun lebih besar. Anda dapat mengubah ukuran berdasarkan satuan ukuran yang tersedia, seperti pixel, percent, dan satuan pengukuran lainnya. Selain itu, kita juga dapat mengubah ukuran secara universal ataupun hanya pada sumbu X atau secara horizontal, serta hanya pada sumbu Y atau secara vertikal.

3) Rotation

Jenis animasi ini akan memutar objek atau shapes yang kita miliki dalam ukuran derajat tertentu. Perputaran dapat dilakukan searah atau berlawanan dengan jarum jam. Animasi ini memiliki poros putar akan dinamakan anchor.

4) Opacity

Jenis animasi ini akan membuat elemen yang Anda miliki terlihat lebih transparan. Kita dapat mengaturnya sesuai dengan persentase yang kita inginkan. 0% berarti kasat mata atau terlihat sepenuhnya.

5) Anchor Point

Anchor point adalah titik referensi yang digunakan oleh transformasi, seperti rotasi dan skala. Anchor point biasanya berada di tengah shapes, tetapi titik ini dapat kita pindahkan.

6) Path

Sama seperti position, animasi ini akan membuat objek atau shapes yang kita miliki berpindah tempat. perbedaannya , pada jenis animasi ini, objek akan berpindah tempat mengikuti jalur yang telah ditetapkan.

b. Morphing

Morphing shape adalah proses ketika satu bentuk (shape) berubah menjadi bentuk lain secara bertahap. Transformasi ini melibatkan perubahan bentuk, ukuran, posisi, dan aspek lainnya dari elemen grafis. Teknik ini memungkinkan animator untuk menciptakan efek yang menarik ketika dua atau lebih bentuk berbeda bisa tampak berubah satu salam lain dengan cara yang halus dan estetik.

c. Line animation

Sebelumnya, kita mengetahui yang dinamakan path. Jika sebelumnya objek akan bergerak mengikuti garis atau jalur yang telah ditentukan, pada animasi ini, path itu sendiri yang akan dianimasikan.

3. Elemen Data Graphics

Elemen ini berkaitan dengan memvisualisasikan data. Untuk memvisualisasikan data, kita perlu beberapa elemen, seperti grafis, teks, diagram, grafik batang, grafik pie, dan sebagainya. Elemen-elemen ini biasanya dikemas dalam bentuk infographic dengan animasi minimalis dan sederhana.

4. Elemen 3D

Elemen ini mirip shapes, tetapi memiliki kedalaman dimensi sehingga membuatnya lebih menonjol dan menarik. Elemen 3D biasanya memiliki perangkat lunak pengolah khusus seperti 3Ds Max, Blender, dan Maya. Jika pada shapes sebelumnya hanya memiliki dimensi pergerakan pada sumbu X dan Y, pada elemen 3D, sumbu pergerakan bertambah menjadi X, Y, dan Z.

5. Elemen Icon

Ikon adalah elemen yang sering digunakan dalam motion graphics karena kemampuannya untuk menyampaikan informasi secara cepat dan visual. Dalam dunia desain, ikon menjadi representasi visual dari ide, objek, tindakan, atau konsep yang kompleks. Dalam konteks motion graphics, ikon tidak hanya statis tetapi dapat dianimasikan untuk menambah dinamika dan interaksi yang menarik dalam sebuah proyek. Ikon yang dianimasikan bisa menjadi elemen yang membantu terbentuknya micro-interaction pada suatu aplikasi. Selain kelima elemen pelengkap motion graphic adalah audio. Namun, audio bukanlah elemen yang dianimasikan, melainkan hanya pelengkap dari motion graphic agar dapat membangun suasana dari motion yang ditampilkan.