-->
Cara Membuat Autoscale Text Box di After Effects
Cara Membuat Autoscale Text Box di After Effects

Cara Membuat Autoscale Text Box di After Effects

Autoscale Text Box adalah sebuah teknik dalam after effects yang merupakan kotak yang berisi text dengan penskalaan otomatis. Mari kita lihat caranya

Cara Membuat Autoscale Text Box di After Effects


Autoscale Text Box adalah sebuah teknik dalam after effects yang merupakan kotak yang berisi text dengan penskalaan otomatis. Autoscale Text Box adalah alat penghemat waktu luar biasa yang belum ada di After Effects, tetapi dapat dibuat sendiri dengan bantuan ekspresi.

Tutorial di bawah ini tidak akan menjelaskan secara persis apa yang dimaksud dengan setiap bit kode, tetapi ini akan memberi Anda informasi yang Anda butuhkan untuk menyelesaikan pekerjaan. Mari kita lihat cara menskalakan teks secara otomatis di After Effects CC.

Cara Membuat Autoscale Text Box

Langkah 1: Buat Kotak Teks

  1. Buat komposisi baru 1920x1080 dengan 29,97 fps. 
  2. Di dalam komposisi ini, buat layer Teks baru, dan ketik apa pun yang Anda inginkan. 
  3. Pergi ke Layer > New > Shape Layer. Beri nama Shape Layer baru “Text Box.”
  4. Tambahkan Rectangle ke layer Text Box, dan tambahkan Fill. 
  5. Putar ke bawah properti untuk jalur Rectangle path dan tekan tombol ALT + klik pada Stopwatch untuk properti Ukuran. 

Langkah 2: Buat Ekspresi untuk Menskalakan Otomatis Kotak Teks

  1. Sebelum Anda menulis kode apa pun di Expression Editor, tentukan variabel untuk mereferensikan layer teks dengan mudah. Ketik “s=“, dan gunakan pick whip untuk menautkan ke layer Teks, lalu tambahkan semicolon(“;”). 
  2. Tekan kembali untuk memulai baris kode baru, dan tambahkan berikut ini:

w=s.sourceRectAtTime().width;
h=s.sourceRectAtTime().height;
[w,h]

Expression penuh Anda akan terlihat seperti ini:

s=thisComp.layer(“My Text Layer”);
w=s.sourceRectAtTime().width;
h=s.sourceRectAtTime().height;
[w,h]

Kode ini mendefinisikan dua variabel baru, dan kemudian menggunakannya sebagai nilai ukuran X dan Y. "sourceRectAtTime()" mereferensikan ukuran layer teks. 

Langkah 3: Reposisi Kotak Teks 

Sekarang kotak teks akan selalu berukuran tepat, yang tersisa hanyalah memastikannya berada di posisi yang tepat. 

  1. Ambil Rectangle dekat sudut kiri atas. Tekan tombol CTRL, seret ke sudut kiri atas layer Teks. Menekan tombol CTRL akan membuatnya snap. 
  2. Sekarang akses Position dari rectangle path (bukan layer!), dan terapkan expression berikut:

s=thisComp.layer(“My Text Layer”);
w=s.sourceRectAtTime().width/2;
h=s.sourceRectAtTime().height/2;
l=s.sourceRectAtTime().left;
t=s.sourceRectAtTime().top;
[w+l,h+t]

Anda akan melihat ekspresi ini mirip dengan apa yang Anda gunakan untuk ukuran. 

Perbedaannya adalah dua variabel baru yang melihat di mana batas atas dan kiri layer teks berada. Ini membantu menempatkan kotak di tempat yang tepat. 

Langkah 4: Tambahkan Padding Antara Kotak dan Teks

Jadi sekarang pengkodean selesai, dan Anda memiliki kotak yang ukurannya sama dengan teks. Masalahnya hanya sebesar teks, jadi tidak ada padding. Dalam kebanyakan kasus, Anda pasti menginginkannya. Untuk membuat beberapa ruang bernapas: 

  1. Tambahkan Offset Paths ke layer Text Box dari menu layer shape. Dengan menyesuaikan Jumlah di Jalur Offset, Anda dapat menambah atau mengurangi padding. 
  2. Hal yang hebat tentang kotak teks ini menjadi shape layer adalah Anda juga dapat menambahkan Stroke untuk lebih banyak penyesuaian. Bermain-main dengan ini sampai Anda mendapatkan sesuatu yang Anda senangi secara visual.

Untuk menambah fleksibilitas, merupakan ide yang baik untuk mengurutkan kotak teks ke layer teks . Dengan begitu, Anda dapat memindahkan layer teks ke mana pun Anda perlukan di comp, dan kotak teks akan mengikuti. 

Ini juga berarti Anda dapat menyesuaikan skala dan rotasi layer teks, dan kotak teks akan menyesuaikannya. Lebih jelasnya, kamu bisa menontor tutorial ini pada vide berikut.



Sebaiknya luangkan waktu untuk mempelajari lebih lanjut tentang expressions, karena expressions dapat diterapkan pada banyak situasi yang berbeda. Mempelajari cara membuat kotak teks autoscale di After Effects adalah tempat yang sangat baik untuk memulai.

Ingin mendapatkan pemberitahuan posting terbaru dari blog ini? cukup klik link subscribe blog Dafi Deff ini (daftarkan email Anda) maka Anda akan mendapatkan pemberitahuan setiap kali blog ini di-update.
Follow saya di Twitter @dafideff dan Instagram @dafideff. Atau subscribe channel Youtube saya Channel Youtube Dafi Deff
Advertisement

Baca juga:

Admin
Hi! Saya Dafi Deff, Motion Graphics Designer di kota Makassar yang berasal dari Banda Naira. Saya menggunakan After Effects dan Cinema 4D dalam bekerja. Saya juga membuat dan menulis di blog makassarguide.com dan bandanaira.net

No comments:

Post a Comment