Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Workflow
Cgi

Pengantar Untuk Dasar-Dasar Skrip After Effects

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Hasannudin Amin (you can also view the original English article)

Untuk mengikuti tutorial terbaru kami tentang alur kerja pengembangan skrip, kami akan membahas konsep dasar dan praktik bagus yang diperlukan untuk mulai menulis skrip After Effects. Kami akan membahas tindakan After Effects yang biasa seperti: membuat proyek, membuat komposisi, membuat layer, membuat bentuk, menambahkan efek, mengubah nilai dan ekspresi, menggunakan teks dan font, menambahkan keyframes, menggunakan fungsi, dll.

Skrip After Effects di VideoHive

Jika Anda mencari solusi cepat dengan skrip After Effects, ada koleksi hebat di VideoHive. Atau, Anda bisa mempertimbangkan untuk mengajukan skrip Anda sendiri sebagai pembuat!


Menulis Skrip Pertama Anda

Seperti yang dinyatakan dalam tutorial instalasi dan penggunaan paket After Effects Sublime Text, skrip adalah berkas yang menggunakan bahasa Adobe ExtendScript. ExtendScript adalah bentuk perpanjangan dari JavaScript yang digunakan oleh beberapa aplikasi Adobe seperti Photoshop, Illustrator, dan InDesign. ExtendScript adalah cara yang baik dan efisien untuk mencapai apapun yang Anda inginkan di After Effects.

Skrip menggunakan bahasa Adobe ExtendScript, yang merupakan bentuk perpanjangan JavaScript yang digunakan oleh beberapa aplikasi Adobe seperti Photoshop, Illustrator, dan InDesign.

Tutorial ini akan membahas konsep dasar dan praktik bagus yang diperlukan untuk mulai menulis skrip After Effects.


Membuat Komposisi Pertama Kita

Kita akan memulai dengan menggunakan

metode dari

objek dan membungkusnya antara kurung kurawal.

Dari

Objek adalah akar dari hampir semuanya seperti yang terlihat pada skema ini:

Skema ini dapat ditemukan di Adobe After Effects CS6 Scripting Guide seperti kebanyakan dari apa yang akan saya jelaskan dalam tutorial ini.

Kita sekarang membuat komposisi dengan menggunakan

objek dari sub-objek

yang berisi proyek yang dibuat di baris pertama dan

sub-objek yang memberi Anda akses ke folder dan komposisi yang Anda lihat di jendela proyek Anda di After Effects.


Merapikan Kode Kita

Menulis kode yang rapi dan mudah diatur sangat penting. Kita tidak lagi menulis ekspresi cepat dan sembarangan. Karena kita ingin skrip kita mudah terukur, kita perlu mengikuti konvensi komunitas Javascript.

Jadi, kita akan mengisolasi data kunci menjadi variabel dan memberi nama sesuai dengan isinya. Selain itu, kita akan menempatkan kondisi jika sudah ada proyek atau komposisi dalam berkas After Effects kita.

Dari

kata kunci menunjukkan bahwa variabel berikut adalah variabel baru. Itu sebabnya, di baris 9, kita tidak menggunakan

lagi karena kita ingin menggunakan

yang merupakan komposisi yang baru saja kita buat

Inilah baris demi baris, apa yang kita lakukan secara sederhananya:

  • Bari 3: Membuat variabel baru

    yang akan sama dengan

    jika

    tidak terdefinisi dan jika tidak sama

    .

  • Baris 6: Membuat variabel baru

    dan

    yang keduanya sama dengan array nilai baru.

  • Baris 7: Membuat variabel baru

    yang berisi nama yang akan kita berikan pada comp kita.

  • Baris 8: Membuat variabel baru

    yang akan sama dengan

    properti dari

    objek. Jika tidak terdefinisi dan jika tidak sama dengan hasil dari

    metode dari

    sub-objek dari

    kepada siapa kita akan mengirimkan serangkaian argumen yang berisi:

    • Nama dari komposisi
    • Lebar dari komposisi
    • Tinggi dari komposisi
    • Rasio piksel dari komposisi
    • Waktu (dalam detik) dari komposisi
    • Frame rate dari komposisi
  • Baris 9: Gunakan

    metode

    yang akan dibuaka di timeline dari komposisi ini.

Ya, itu banyak metode dan propertinya. Sekali lagi, Anda harus sesekali melihat ke Adobe After Effects CS6 Scripting Guide untuk mempelajari lebih lanjut tentang objek dan metode yang tersedia dan properti. Panduan ini ditulis dengan sangat baik dan pencarian cepat untuk objek Proyek akan segera membawa Anda ke informasi yang benar.


Konsep Ringkas Javascript

  • Variabel: Dapat menyimpan nilai, array atau objek.
  • Array: Berisi beberapa nilai. Array dapat dinyatakan dalam dua cara.
  • Fungsi: Bagian dari kode yang dirancang untuk melakukan tugas tertentu.
  • Objek: Objeknya sedikit lebih rumit tapi, untuk saat ini, Anda harus tahu bahwa dia memiliki properti dan metode.
    • Properti: Semisal dengan variabel
    • Metode: Serupa dengan pemanggilan fungsi

Menambahkan Grup Undo

Karena banyak operasi akan terjadi selama eksekusi skrip Anda, Anda pasti ingin memutuskan apa yang akan terjadi saat Anda menekan

/

Melakukannya cukup mudah, kita cukup membungkus kode kita antara

dan

metode dari

objek. Metode ini mengambil satu argumen yang merupakan nama yang akan ditampilkan di After Effects

menu.


Membuat Layer Background

Untuk membuat layer background, kita akan menggunakan

sub-objek dari

. Panggil

metode dan kirimkan argumen ini:

  • Layer warna
  • Array dari angka float (antara 0 dan 1). Untuk mendapatkan nilai itu Anda harus membagi masing-masing nilai RGB Anda dengan 255 atau menggunakan jsFiddle yang saya buat: http://jsfiddle.net/seblavoie/mezGe/43/embedded/result/
  • Nama layer
  • Lebar layer
  • Tinggi layer
  • Tinggi rasio piksel

Menambahkan Efek Grid

Cara terbaik untuk membuat centered cross adalah dengan menggunakan efek Grid pada lapisan background kita. Untuk melakukan itu, kita akan menggunakan

variabel yang mengacu pada

dan kita akan menggunakan

properti.

Ada beberapa hal yang harus Anda perhatikan di sini. Pertama,

Metode ini berantai yang berarti Anda bisa memanggilnya berkali-kali untuk mencapai sub-properti yang ingin Anda dapatkan.

  • : Opacity layer

  • : Opacity efek grid.

Kedua, kita menggunakan metode

Bila kita ingin menetapkan nilai tapi tidak saat kita ingin mengatur ekspresi.


Membuat Layer Wipe

Untuk menambahkan efek wipe, kita akan membuat layer baru dan menggunakan efek Radial Wipe.

Kita menggunakan metode

untuk mengatur keyframe dan

untuk membuat pengulangan animasi (masuk akal kan?).


Menambahkan Layer Teks

Bermain dengan teks sedikit berbeda karena Anda harus mengubah properti nilai teks sumber secara langsung.

Kita akan merubah nilai properti teks dan gunakan

untuk mengirimnya kembali ke layer teks kita. Selain itu, kita menggunakan ungkapan sederhana untuk membuat hitungan mundur.

adalah fungsi Javascript yang akan menghapus bagian desimal dari sebuah angka. Setelah itu kita pusatkan titik anchor dengan menggunakan

metode.


Menambahkan Ellipses

Untuk menambahkan ellipses kita akan menggunakan

metode dan memberikannya kelompok vektor dan bentuk vektor. Kita juga akan membuat sedikit fungsi untuk menghindari pengulangan kode.

Baris 5 sangat penting karena Anda tidak dapat menemukan

properti di dokumentasi maupun di antarmuka After Effects Anda untuk saat ini, berkat Dan Ebbert atas bantuannya (http://forums.creativecow.net/thread/227/22280).

Kita menggunakan fungsi kecil khusus daripada menduplikasi ciptaan ellipses. Anda bisa menggunakan fungsi sesuai keinginan Anda.

Aturan dasar praktis: Jika Anda menyalin dan menyisipkan baris kode, pertimbangkan untuk menggunakan fungsi.

Selebihnya kita baru saja memodifikasi sifat bentuknya. Anda mungkin ingin merujuk ke Adobe After Effects CS6 Scripting Guide untuk melihat daftarnya.

Anda mungkin telah memperhatikan

line terlihat sedikit berbeda dari apa yang sudah kita tulis. Javascript mendukung chaining di beberapa baris. Hasilnya akan sama dan tidak ada cara yang baik atau buruk, ini adalah pilihan gaya pengkodean personnal yang mungkin atau mungkin tidak ingin Anda adopsi.


Kesimpulan

Kemungkinan dalam pengkodean tidak ada habisnya dan bisa membuat alat yang sangat hebat sekali dikuasai. Berikut adalah beberapa dokumentasi tentang pengkodean dan Javascript:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.