Cara Membuat Animasi Sederhana Menggunakan Adobe Illustrator dan After Effects

Pernahkah Anda membuat ilustrasi mengagumkan dengan Adobe Illustrator dan bertanya-tanya apa lagi yang dapat Anda lakukan dengannya? Anda dapat mengimpornya ke After Effects dan mengubahnya menjadi animasi yang fantastis. Ikuti bersama untuk melihat betapa mudahnya itu.

Membuat Ilustrasi di Adobe Illustrator

Ada berbagai cara untuk membuat ilustrasi untuk animasi masa depan. Menggunakan Adobe Illustrator menawarkan solusi ilustrasi intuitif yang dapat dengan mudah diimpor dan dipahami di After Effects. Anda juga bisa gunakan Photoshop untuk membuat komposisi untuk After Effects, tapi kita akan fokus bekerja dengan Illustrator.

Saat membuat dokumen Illustrator Anda, atur untuk ukuran video yang Anda inginkan (kami menggunakan 1920 x 1080). Untuk memulai dokumen baru, klik File baru dan pilih dimensi Anda. Klik Oke dan Anda siap untuk mulai mendesain.

Gunakan Bentuk Sederhana

Manfaat nyata menggunakan Illustrator untuk desain animasi Anda adalah opsi pathfinder. Anda dapat mendesain menggunakan bentuk sederhana, seperti elips atau persegi panjang, dan dengan menggunakan fungsi pathfinder, Anda dapat dengan mudah mengubah bentuk sederhana tersebut menjadi ilustrasi yang lebih rumit.

Menggunakan bentuk sederhana dan minimalis untuk ilustrasi Anda juga akan membantu Anda dalam hal membuat animasi. Sebuah ilustrasi sederhana lebih mudah untuk dianimasikan daripada sesuatu yang jauh lebih kompleks. Anda mungkin akan melihat bahwa sebagian besar animasi yang Anda temukan online cukup sederhana.

Palet warna minimalis akan melengkapi animasi sederhana Anda—kami telah menulis panduan untuk membuatnya palet warna otomatis di Illustrator.

Bekerja pada Lapisan Terpisah

Bekerja pada lapisan terpisah di Illustrator bukan hanya praktik yang baik, tetapi juga merupakan bagian integral untuk mengimpor ilustrasi Anda ke After Effects nanti. Lapisan akan dipertahankan, dan Anda dapat dengan mudah menganimasikan lapis demi lapis.

Setiap elemen desain Anda yang ingin Anda animasikan—atau tidak animasikan—harus berada di lapisan terpisah. Jika sebuah elemen kompleks tetapi tidak memiliki bagian individual yang dapat dianimasikan, seluruh bagian tersebut harus berada pada lapisan yang sama. Setiap lapisan harus diganti namanya sehingga Anda dapat melacak semuanya di AE. Untuk mengganti nama layer, klik dua kali pada nama saat ini.

Saat mengimpor ilustrasi Anda ke AE, tidak hanya dimensi file dan layer yang akan tetap sama—dengan demikian menjaga elemen Anda di posisi yang benar — tetapi elemen animasi semuanya akan dipisahkan dengan benar demikian juga.

Menyimpan File Illustrator Anda

Dengan ilustrasi Anda yang lengkap, buka File > Simpan Sebagai dan simpan sebagai file AI. Setelah Anda mengklik Menyimpan, sebuah popup akan muncul. Pastikan bahwa Buat File yang Kompatibel dengan PDF kotak dicentang, lalu klik Oke.

Alasan menyimpan ilustrasi Anda sebagai file AI adalah karena itu menjadi file langsung. Jika Anda membuat animasi dengan file yang sama, tetapi kemudian menyadari bahwa Anda ingin mengubah warna atau aspek ilustrasi, Anda bisa melakukannya. Setiap perubahan yang disimpan dalam file AI akan langsung tercermin dalam animasi After Effects, selama Anda menggunakan file AI.

Ini adalah opsi yang mudah-mudahan tidak Anda perlukan jika Anda telah membuat ilustrasi seperti yang Anda inginkan. Tetapi bagus untuk memiliki opsi untuk mengubah aspek di masa depan jika diperlukan.

Mengimpor Desain Anda ke Adobe After Effects

Dengan file AI Anda disimpan, saatnya untuk mengimpor ilustrasi ke After Effects. AE memiliki tiga bidang utama: Panel proyek, Garis waktu, dan Komposisi. Klik dua kali di panel Proyek dan popup akan muncul. Temukan file Illustrator Anda, pilih Impor Sebagai > Komposisi – Pertahankan Ukuran Lapisan, dan klik Impor. Yakinkan Buat Komposisi diperiksa.

Saat terbuka, Anda akan melihat dua opsi file di panel Project. Satu akan menjadi file komposisi dan yang lainnya akan menjadi folder dari lapisan yang terpisah. Anda tidak perlu menggunakan folder. Seret file komposisi ke bawah ke timeline, dan ilustrasi Anda akan muncul di area komposisi. Anda akan melihat semua lapisan Anda di timeline.

Anda dapat menyesuaikan durasi animasi dengan memperpanjang atau mengurangi rentang waktu di atas garis waktu. Ini akan menjadi panjang video Anda saat diekspor, tetapi dapat diubah kapan saja selama proses desain.

Transform di After Effects

Di timeline, setiap layer dapat dianimasikan secara individual dengan banyak opsi transisi yang berbeda. Untuk melihat transisinya, klik tombol kecil panah putih pada lapisan, lalu klik panah di sebelah Mengubah untuk melihat dan mengubah jenis animasi.

Anda akan melihat opsi Transform ini:

• Titik jangkar
• Posisi
• Skala
• Rotasi
• Kegelapan

Di sebelah masing-masing opsi akan ada satu set angka. Angka-angka ini mungkin persentase, koordinat, atau sesuatu yang lain. Mereka masing-masing berhubungan dengan opsi Transform di sebelahnya; ketika Anda mengubah bagian dari animasi Anda, angka-angka akan mencerminkan perubahan.

Mengubah opsi Transform tidak akan menghasilkan apa-apa tanpa menggunakan bingkai utama. Mereka adalah bagian terpenting dari animasi di After Effects.

Bekerja dengan Keyframe

Keyframes adalah ikon berbentuk berlian yang mewakili elemen Transform untuk indikator waktu. Sebelum Anda dapat menggunakan bingkai utama, Anda harus menekan ikon stopwatch di sebelah opsi Transform yang Anda pilih—ini berfungsi sebagai sakelar dan mengenali opsi Transform sedang digunakan.

Dengan stopwatch aktif, Anda dapat memindahkan indikator waktu—garis biru vertikal dengan tab di bagian atas—sepanjang garis waktu animasi ke tempat yang Anda inginkan agar elemen animasi terjadi. Mengubah parameter angka akan menambahkan bingkai utama. Untuk beberapa opsi Transform—seperti Skala atau Posisi—Anda juga dapat memindahkan elemen secara manual di jendela komposisi alih-alih mengubah angka.

Setiap kali Anda memindahkan indikator waktu dan kemudian mengubah parameter Transform, itu akan menambahkan keyframe. Anda dapat memindahkan bingkai utama dari posisinya dan parameter akan pindah ke tempat Anda menempatkan bingkai utama.

Anda juga dapat menyalin dan menempelkan bingkai utama untuk direfleksikan pada lapisan lain. Misalnya, jika Anda ingin beberapa lapisan bergerak pada saat yang sama, Anda dapat menyalin bingkai kunci Posisi satu lapisan dan kemudian menempelkannya ke lapisan lain. Mereka akan menempel di mana pun indikator waktu duduk. Memilih beberapa lapisan sekaligus dan menambahkan bingkai utama ke satu bingkai akan menempatkan bingkai utama yang sama pada semua lapisan yang dipilih.

Menggunakan Kemudahan Mudah

Fungsi Easy Ease umumnya digunakan, tetapi apa fungsinya? Petunjuknya ada pada namanya—itu memudahkan elemen animasi.

Menambahkan Easy Ease ke keyframe memberikan opsi Transform kemudahan yang lebih alami, daripada akhir yang tiba-tiba (atau awal). Ini adalah perbedaan yang sangat halus, tetapi itu adalah salah satu yang, bisa dibilang, menambahkan tingkat keahlian pada animasi Anda.

Untuk menggunakan Easy Ease, klik kanan pada berlian keyframe mana saja dan buka Asisten Keyframe > Kemudahan Mudah. Anda juga dapat menggunakan pintasan F9 untuk menerapkan Kemudahan Mudah. Berlian keyframe akan berubah menjadi bentuk jam pasir untuk mewakili Easy Ease.

Mengekspor Animasi Anda

Setelah Anda selesai membuat animasi di After Effects, dan Anda senang dengan tampilannya, Anda perlu menyimpan video Anda. Kamu bisa gunakan plugin seperti LottieFiles untuk membuat animasi Lottie dari video Anda, atau Anda dapat mengekspor sebagai video dengan opsi rendering yang berbeda.

Pergi ke File > Ekspor > Tambahkan ke Render Antrian. Pilih tujuan keluaran dan klik Memberikan. Anda dapat membiarkan animasi Anda dirender tanpa pengawasan; tergantung pada panjangnya dan jumlah elemennya, mungkin perlu beberapa saat. Setelah selesai rendering, Anda memiliki video animasi Anda.

Ubah Seni Illustrator Anda di After Effects

Anda dapat memaksimalkan keterampilan Adobe Illustrator Anda dengan mengubah ilustrasi sederhana menjadi animasi yang mengesankan. Dengan menggunakan alat dan lapisan pathfinder Illustrator, Anda akan menghargai alat tersebut setelah mengimpornya ke After Effects. Ikuti panduan ini dan buat animasi yang keren.

75+ Pintasan Keyboard Adobe After Effects untuk Membuat Hidup Anda Lebih Mudah

Baca Selanjutnya

Tentang Penulis