Hi, teman-teman. Hari ini adalah hari pertama saya menggunakan Adobe After Effect karena keperluan suatu project video competition. Berhubung ini adalah momen yang pas, maka saya ingin membagikan pengalaman saya dalam mengoperasikan software yang super cool ini. Sebagai referensi saya menggunakan video tutorial yang ada disini, yang mengajarkan saya dasar-dasar mengoperasikan Adobe After Effect.
Pada kesempatan kali ini saya ingin membuat suatu motion diagram garis yang menggambarkan pertumbuhan jumlah pariwisata yang ada di Indonesia. Saya ingin mengambil data dari tahun 2007 hingga tahun 2015.
Baiklah, langkah pertama yang harus kita lakukan adalah membuka software Adobe After Effect tersebut. Jika icon software tidak terdapat di desktop, maka teman-teman bisa mencarinya di menu pencarian windows. Setelah diklik, maka jendela Adobe After Effect muncul.
![]() |
Jendela awal adobe premiere |
Langkah kedua adalah membuat new composition. Bisa dilakukan dengan klik icon kecil di bawah project panel atau bisa dengan klik menu composition dan klik new composition atau bisa menggunakan keyboard, ctrl+N.
![]() |
Cara membuat New Composition |
Kemudian Jendela Komposisi muncul di project panel. Di jendela ini kalian bisa memberi nama, mengatur resolusi, mengatur durasi video dan lain sebagainya.
![]() |
Jendela New Composition |
Setelah itu composition panel dan beberapa toolbar aktif. Disini project kita siap untuk dibuat. Dan pada project panel terlihat Grafik..2015. Ini merupakan judul dari project yang mau dibuat. Dan pada timeline panel terlihat tulisan Shape Layer 1.
![]() |
Composition Panel |
Langkah awal dalam membuat grafik adalah dengan membuat garis lurus. Klik icon pen tool atau tekan tombol G pada keyboard, kemudian klik pada sisi kiri kemudian tekan tombol shift dan klik sisi kanan. Panjang garis bisa diatur dengan men-drag ujung garis. Setelah membuat garis, beberapa toolbar baru muncul untuk membantumu mengatur garis tersebut. Kalian bisa atur ketebalan garis atau menambahkan isian dan mengubah warna. Saya menggunakan ketebalan garis 1 px dan warna garis putih.
![]() |
Membuat garis |
Untuk melihat garis pembantu pada layar, klik panah disamping kiri icon choose grid and grid option kemudian pilih title/action safe. Kemudian klik layer dan pindahkan garis ke bawah.
![]() |
Memindahkan posisi garis |
Langkah selanjutnya adalah menggandakan garis yang telah dibuat. Pada timeline panel (tulisan - shape layer 1), klik tandah panah kecil kemudian pilih content kemudian klik tanda panah add dan pilih repeater.
![]() |
Gandakan garis |
Langkah selanjutnya adalah mengatur posisi dan jumlah garis. Pada timeline layer klik garis kecil pada repeater dan atur jumlah copy menjadi 6, dan atur posisi garis. Terdapat dua sumbu, yakni yang kiri adalah garis x dan kanan adalah garis y.
![]() |
Atur posisi garis dan gandakan |
Langkah selanjutnya adalah membuat garis ini bergerak. Pertama atur key frame pada copy. Kemudian satu titik yang berbentuk diamond muncul. Geser barus timeline ke arah yang diinginkan. Lihat baik2 satuan waktu. Pada titik pertama atur copy 0 dan pada titik kedua atur copy 6. Dan kemudian gerakkan barus pada timeline dan jumlah garis pun berganda seiring dengan barus yang berjalan.
![]() |
Membuat motion pada garis |
Langkah selanjutnya adalah memberikan angka pada sumbu y dari grafik yang kita mau buat. Klik icon teks, kemudian atur konfigurasi teks pada effects & presents panel sesuai keinginanmu. Dan atur key frame opacity agar membuat graphic yang lebih rapi.
![]() |
Membuat teks |
Langkah selanjutnya adalah menduplikasi angka yang telah dibuat untuk membuat satuan yang lain pada sumbu y. Klik text 0 pada timeline panel dan klik edit pada menu bar kemudian duplicate. Drag angka 0 yang telah diduplikasi dan edit sesuai satuan yang diinginkan. Cara lainnya adalah ctrl+D. Setelah menulis angka, maka selanjutnya menulis satuan (juta jiwa). Duplikasi angka yang telah dibuat kemudian klik rotate pada toolbar atau tekan W.
![]() |
Duplikasi teks |
![]() |
Menggunakan rotation tool (W) |
Jangan lupa untuk duplikasi lagi teks dan ketik judul graphic yang diinginkan.
Selanjutnya kita membuat data tahunan pada sumbu x. Untuk membuatnya lebih rapi, pertama-tama tampilkan ruler (penggaris). Caranya klik menu view kemudian show rulers. Ruler ini membantu kita dalam membuat spasi yang lebih baik. Klik ujung penggaris kemudian drag untuk menampilkan rulers. Ulangi langkah yang sama sehingga muncul beberapa rulers.
![]() |
Membuat multiple rulers (penggaris) untuk membuat jarak spasi yang rapi |
Setelah petunjuk penggaris muncul, maka selanjutnya adalah membuat tahun pada sumbu x dari graphic. Letakkan persis di tengah rulers agar terlihat rapi.
![]() |
Buat indikator tahun pada sumbu x |
Kemudian langkah selanjutnya adalah membuat titik koordinat setiap tahun. Untuk membuat titik koordinat tersebut gunakan ellipse tool pada toolbar atau ketik saja Q. Setelah itu atur warna bingkai dan isiannya. Lalu duplikat (ctrl+D).
![]() |
Membuat titik koordinat |
Jika seluruh koordinat telah dibuat, langkah selanjutnya adalah menyambung seluruh titik tersebut menggunakan pen tool. Pastikan setiap titik bertemu (closed loop) agar bisa ditambahkan warna. Jika tidak closed loop, maka kita tidak bisa memberikan warna.
![]() |
Buat diagram area |
Untuk mempercantik diagram area, kita atur gradient-nya. Klik tulisan fill lalu pilih linear gradient pada jendela fill yang tampil.
![]() |
Atur gradient |
Selanjutnya atur warna gradient
![]() |
Atur warna gradient |
dan.. taaadaaaa... Diagram kita udah jadi..
![]() |
Diagram kita telah jadi |
Selanjutnya teman-teman bisa duplikasi shape 1, setelah itu akan ada shape 2. Pada shape 1, klik tanda panah kemudian klik tanda mata pada stroke.
Untuk melihat hasilnya teman-teman bisa lihat di link berikut.
Tertarik untuk membuat video graphic seperti diatas? Butuh editor? Langsung DM kita aja langsung melalui instagram dibawah ini ya!
https://www.instagram.com/jasaeditvideomks/
https://www.instagram.com/jasaeditvideomks/
Comments
Post a Comment