Tutorial Cara Membuat GIF di After Effects

GIF sudah ada sejak lama, namun seiring menurunnya konten di platform media sosial populer seperti Facebook atau Instagram, permintaan akan GIF akan terus meningkat.

Sayangnya, Anda tidak akan bisa membuat GIF di after effect secara langsung, kecuali dengan bantuan plug-in seperti GIFGun.

Sebelum melanjutkan, ingatlah bahwa menggunakan Adobe Media Encoder adalah metode yang lebih mudah untuk mengompresi ekspor Anda daripada kompresor pihak ketiga mana pun.

Pada artikel ini, Anda akan menemukan metode yang mudah diikuti untuk membuat GIF after effects dalam hitungan menit.

Bagian ke-1 Pengetahuan Umum tentang Animasi GIF

01 Pengetahuan Umum tentang Animasi GIF

Akronim GIF adalah singkatan dari Graphics Interchange Format dan file tersebut dibuat dalam format gambar bitmap. Akronim GIF dikembangkan kembali pada tahun 1987 oleh seorang pekerja di CompuServe.

Format ini sangat sukses di WEB karena manfaatnya seperti ukuran file yang lebih kecil, dukungan yang lebih luas, dan kompatibilitasnya yang mudah dengan Sistem Operasi.

Namun, GIF jauh lebih cocok sebagai grafik dan logo sederhana daripada Video Live Action dengan batasan palet 256 per gambar.

Membuat GIF sama seperti membuat looping animasi atau elemen animasi. Anda dapat menggunakan animasi GIF ini dalam spanduk untuk melibatkan audiens Anda atau bahkan membuat konten menyenangkan yang dapat dibagikan untuk halaman Facebook Anda.

Anda dapat memulai dengan membuat animasi dasar yang mudah di Photoshop dan kemudian meningkatkannya dengan menggunakan After Effects.

02Mengapa membuat GIF?

Berikut ini adalah beberapa hal yang dapat Anda perhatikan jika Anda baru mulai membuat GIF;

● Demonstrasi Produk yang Sederhana. Dengan 3 hingga 4 langkah sederhana untuk membuat GIF, Anda dapat memperkenalkan secara singkat langkah-langkah tentang cara menggunakan suatu produk.

● Anda dapat memberikan instruksi dalam waktu singkat.

● Desainer UX menggunakan GIF untuk menunjukkan fungsi pengalaman digital tertentu.

● Anda dapat memperkenalkan GIF di halaman Anda agar pengikut tetap terlibat.

● Anda dapat menampilkan beberapa hal menakjubkan di situs web Anda.

Bagian ke-2 Perbedaan Antara Membuat GIF di After Effects dan Photoshop

Membuat GIF di After Effects dan Photoshop merupakan hal yang sama, tetapi hasilnya mungkin berbeda tergantung pada pilihan alat dan fitur mana yang lebih cocok untuk Anda.

Sekarang, bagi mereka yang baru pertama kali mempelajari Photoshop dan After Effects, mari kita kenali fitur-fiturnya secara singkat untuk memahami perbedaan hasil antara kedua software ini.

01Apa Persamaannya?

Karena keduanya dirancang oleh Adobe, pasti ada kesamaan dalam alat dan antarmuka yang mereka gunakan. Kedua software ini memungkinkan Anda menggunakan pengeditan layer dari panel layer tempat Anda memisahkan blending atau mengubah beberapa layer. Anda dapat menerapkan mask ke layer ini dengan cara berbeda di kedua software.

02Groups (PS) dan Nested (AE) Composition

Di Photoshop, Anda dapat mengelompokkan layer dan menerapkan gaya, blend, dan transformasi secara bersamaan. Hal ini disebut Nesting di After Effects.

Keduanya mirip satu sama lain, tetapi Nesting Comps memberi pengguna lebih banyak fungsi karena menafsirkan kemungkinan komposisi selama proses nesting.

Smart object yang digunakan di PS juga sebanding dengan Nested Comps, karena Anda dapat menerapkan filter pada satu objek sambil menerapkan efek pada objek lainnya.

03Vektor dan Shape

Anda dapat menggunakan alat Pen atau alat Shape di PS dan AE yang membuat layer shape tanpa kehilangan integritas apa pun. Kedua aplikasi tersebut mendukung Bezier yang memungkinkan Anda mengontrol kurva antara titik jangkar di PS dan simpul di AE.

04Efek Destructive

After Effects tidak memberikan Anda efek destructive, sedangkan di Photoshop Anda dapat menerapkan filter non-destructive. Anda juga dapat menggabungkan beberapa layer untuk menerapkan perubahan atau mendistorsi gambar Anda, tetapi perubahan permanen ini tidak dapat dilakukan di After Effects.

Anda juga akan melihat bahwa meskipun ada beberapa kesamaan, ada alat dan fitur yang tidak dimiliki kedua aplikasi tersebut. Jenis kategori alat juga akan bervariasi. Dengan After Effects, Anda dapat membuat gaya paragraf dan karakter yang dapat Anda terapkan pada teks.

Bagian ke-3 Cara Membuat GIF di After Effects

After Effects memiliki kemampuan pengeditan video yang lebih baik daripada opsi animasi dasar yang dapat Anda coba di Photoshop. Dalam membuat GIF, Anda ingin menggunakan kombinasi alat yang ditawarkan pada After Effects dan Photoshop.

Pertama, mari kita pelajari bagaimana Anda dapat membuat video animasi di After Effects dan kemudian mengubahnya menjadi animasi GIF di Photoshop.

01 Animasi di After Effects

Langkah ke-1: Buka After Effects, pergi ke ‘Composition’ dan buat ‘New Composition’. Anda perlu mengisi dimensi dan spesifikasi proyek Anda di jendela yang muncul. Misalnya, 300x250 px pada 30 fps dan durasi 6 detik.

Langkah ke-2: Anda dapat mengimpor aset dengan menyeret dan melepas, atau masuk ke ‘Project Panel’ di Workspace After Effects seperti yang ditunjukkan pada gambar berikut.

Langkah ke-3: Sekarang, Anda dapat mulai menganimasikan Aset Anda. Seret dan tambahkan ke panel 'Composition' atau panel 'Timeline'. Menempatkannya di salah satu akan membuat keduanya muncul di keduanya. Sesuaikan layer sesuai dengan layer paling atas pada panel.

Turunkan skala setiap animasi menjadi 0% agar dapat dianimasikan dalam urutan yang terus bertambah. Pilih layer yang ingin Anda sesuaikan dan klik 'Transform'. Klik 'Scale' untuk memberi layer itu penanda aktif pada timeline. Atur skala menjadi 0%.

Anda sekarang dapat mulai menganimasikan item pertama dengan memindahkan indikator waktu saat ini ke 06f (frame ^ke-6 pada timeline 30fps). Skala item akan kembali menjadi 100% dan penanda akan muncul kembali.

Ulangi hal ini untuk item lainnya. Ingatlah bahwa setiap item memiliki jarak 06f di antara item tersebut untuk penyesuaian nantinya.

Equation Anda sekarang sudah selesai dan yang perlu dilakukan hanyalah menganimasikan tombol CTA Anda. Sesuaikan posisi layer atas pada CTA Anda dan atur indikator waktu saat ini menjadi waktu mulai pada tombol animasi. Klik 'position' untuk mengatur penanda di Timeline Anda. Majukan 04f, lalu dorong tombol dan reverse kembali ke posisi semula sehingga terlihat seperti animasi klik tombol.

Animasi Anda sekarang sudah selesai. Sekarang masuk ke 'Compositon' dan persingkat waktu di panel 'Durasi'.

Langkah ke-4: Buka Composition. Klik Pre-Render dan pilihan baru akan muncul. Sekarang klik 'Render'. Output Anda akan berupa file .mov.

Jika Anda merasa mengekspor GIF dari After Effects terlalu rumit, Anda juga dapat mengupload dan loop video menggunakan Wondershare Filmora Video Editor yang memiliki banyak fitur pengeditan video luar biasa lainnya yang dapat Anda lakukan dengan fitur seret dan lepas.

Wondershare Filmora - Video Editor Terbaik untuk Mac/Windows

COBA GRATIS COBA GRATIS

5.481.435 orang telah mendownloadnya.

Buat animasi kustom yang unik dengan mudah.

Fokuslah untuk membuat cerita yang epik dan serahkan detailnya pada fitur otomatis Filmora.

Mulailah petualangan kreatif Anda dengan fitur seret dan lepas, serta hal luar biasa lainnya.

Filmora menyederhanakan penggunaan fitur-fitur canggih untuk menghemat waktu dan tenaga Anda.

Filmora menghilangkan pengulangan, sehingga Anda dapat terus membuat terobosan kreatif yang baru.

02 Mengonversi Animasi ke GIF di Photoshop

Langkah ke-1: Buat file baru di Photoshop dengan spesifikasi yang sama seperti yang Anda lakukan di After Effects. Sekarang buka 'File' > 'Import' > 'Frames to Layers' dan impor file .mov yang sudah disimpan.

Langkah ke-2: Jika Anda tidak melihat timeline secara otomatis, buka Windows > Timeline.

Langkah ke-3: Putuskan berapa banyak loop yang Anda inginkan dalam animasi Anda. Setelah Anda selesai dengan GIF Anda, buka 'File' > Export. Terapkan Legacy Save for Web dan pilih format GIF Anda.

Langkah ke-4: Dalam opsi Ekspor, Anda dapat memperoleh akses ke beberapa preset untuk diterapkan pada animasi GIF Anda. Semakin banyak warna yang ditampilkan di GIF Anda, maka semakin besar ukurannya. Anda dapat menggunakan Dethering untuk menghaluskan gradien dan shade. Looping juga biasanya tidak diaktifkan di Photoshop, tetapi Anda dapat menerapkan looping dari 'Options' yang ditampilkan di bagian bawah menu.

Bagian Terakhir Kesimpulan:

● GIF adalah jenis media populer yang cukup populer dan mudah dibuat menggunakan Adobe after effects gifs atau Photoshop. Mereka disebut Graphics Interchange Format dan paling baik digunakan sebagai gambar grafik sederhana.

● Anda memerlukan kombinasi Photoshop dan After Effects, meskipun keduanya memiliki antarmuka, alat, dan efek yang serupa. Anda dapat mengelompokkan atau menyusun komposisi, menerapkan filter atau efek, dan menyesuaikan vektor dan bentuk.

● After Effects lebih baik daripada Photoshop dalam hal membuat video, jadi Anda dapat membuat proyek terlebih dahulu di AE dan kemudian mengimpor proyek tersebut ke PS setelah mengekspor after effects ke gif. Anda juga dapat menggunakan Filmora sebagai langkah pertama dari proses ini.