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

COMMENTS

Name

3D,19,Adobe Lightroom,1,Adobe Premiere Pro,15,Advertorial,5,After Effects,91,animasi,36,Aplikasi,5,Avid Media Composer,1,beginners guide,7,blogging,2,Cara,117,Catatan,102,Cinema 4D,15,Cinemagraph,1,Color Grading,7,Dasar-dasar After Effects,9,Dasar-dasar Desain Grafis,6,DaVinci Resolve,1,Desain,15,Digital Marketing,5,dokumenter,1,Download,13,Empowr,4,English,34,film,1,Final Cut Pro,1,Free Download,14,Google Web Designer,2,graphic design,13,Instagram,3,Koalisi Online Pesona Indonesia,1,KOPI,1,Logo Animasi,1,Logo Animasi Sulawesi Selatan,1,Low Poly,1,Luts,1,motion design,63,Motion Graphics,110,Notes,4,Office,4,Panduan,57,Panduan Warna,3,Perumahan,1,Photoshop,4,Powerpoint,3,Premiere Rush,2,produksi video,19,Review,2,seo,2,sinematografi,4,Sosial Media,15,Technology,2,teknologi,11,Teori Warna,3,tipografi,1,Tutorial,96,Video Editing,29,Video Pemasaran,9,Video Production,42,visual element,6,Vlog,12,Word,1,Youtube Design,2,
ltr
item
Dafi Deff Motion Graphics: 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
https://1.bp.blogspot.com/-Shj3ayKcY5Y/YN1PXyE0bxI/AAAAAAAAK_k/d_u3J56uL4s-ZgftwSwA_blIHf_IDV5igCLcBGAsYHQ/w320-h155/cara-membuat-autoscale-text-box-di-after-effects.jpg
https://1.bp.blogspot.com/-Shj3ayKcY5Y/YN1PXyE0bxI/AAAAAAAAK_k/d_u3J56uL4s-ZgftwSwA_blIHf_IDV5igCLcBGAsYHQ/s72-w320-c-h155/cara-membuat-autoscale-text-box-di-after-effects.jpg
Dafi Deff Motion Graphics
https://www.dafideff.com/2021/07/cara-membuat-autoscale-text-box-di-after-effects.html
https://www.dafideff.com/
https://www.dafideff.com/
https://www.dafideff.com/2021/07/cara-membuat-autoscale-text-box-di-after-effects.html
true
693841562448610024
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content