7 days of unlimited AE and Premiere Pro templates & videos - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. 3D & Motion Graphics
  2. Motion Graphics

Transisi Teks Retak dengan Elemend 3D

Scroll to top
Read Time: 14 mins

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

Plug-in Elemen 3D Video Copilot  baru memungkinkan anda membuat beberapa desain gerakan besar seperti  teks yang larut menjadi banyak bagian kecil. Sayangnya, pematahan harus  dilakukan sebelum menggunakan Elemen 3D yang biasanya berarti  melakukannya dalam aplikasi 3D. Dalam tutorial ini saya ingin menunjukkan kepada anda teknik memecah teks untuk digunakan dengan 3D elemen Plug-in Video Copilot tanpa perlu menggunakan aplikasi 3D.


Langkah 1

Langkah pertama adalah membuka Illustrator dan menyiapkan teks yang ingin kita gunakan dalam After Effects. Dalam tutorial ini kita akan menggunakan dua set teks: yang pertama terdiri dari logo Aetuts + dengan subtitle tambahan, yang kedua berbunyi "FRACTURED TEXT". Perhatikan bahwa ada banyak jarak antar garis dan bahkan antara huruf A dan E dalam logo untuk menebus ruang yang nantinya akan kita isi menggunakan bevel dalam Elemen 3D.


Langkah 2

Gandakan masing-masing kelompok teks sehingga anda memiliki dua salinan dari setiap set. Kami akan membutuhkan dua contoh dari setiap set: satu "retak" untuk transisi dan  "statis" kedua ketika teks tidak dianimasikan.


Langkah 3

Sekarang tiba bagian "perpatahan" yang sebenarnya. Pilih salah satu grup dan gunakan alat Knife potong menjadi beberapa bagian. Perlu diingat bahwa semakin banyak potongan anda membuat model yang lebih kompleks yang akan anda buat di Elemen jadi jangan berlebihan. Setelah anda selesai dengan grup pertama, ulangi proses untuk yang kedua.


Langkah 4

Selanjutnya, kita menuju ke After Effects dan mengatur komposisi kita. Untuk tutorial ini kita akan menggunakan 1280x720, 23,976 fps dan durasi 10 detik.


Langkah 5

Saatnya untuk menyiapkan pengaturan dasar kami, buat layer baru, beri nama "Elemen" dan tambahkan satu contoh Elemen dari panel Efek dan Preset ke sana. Selanjutnya, buat kamera 24mm. Akhirnya, kita perlu membuat beberapa layer untuk jalur Illustrator kami sehingga membuat empat layer dan beri nama: T1 (untuk set "solid" pertama), T1_fractured (untuk set "retak" pertama), T2 (untuk yang kedua "solid" set) dan T2_fractured (untuk set "pecahan" kedua).


Langkah 6

Sekarang kita perlu menyalin dan menyisipkan path kita dari Illustrator ke After Effects. Kembali ke Illustrator dan pilih set "solid" pertama dan salin. Selanjutnya, kembalikan After Effects, pilih layer bernama T1 dan paste. Jalur seharusnya muncul sebagai sekelompok lapisan masker di After Effects. Ulangi proses ini untuk masing-masing set, keduanya "solid" dan "fraktur". Jika anda mengalami kesulitan melihat apa yang anda lakukan, matikan visibilitas bagi lapisan yang tidak anda kerjakan saat ini.


Langkah 7

Saatnya menyiapkan Elemen. Pertama-tama, kita perlu menetapkan jalur teks ke lapisan khusus, sehingga membuka Lapisan Kustom dan Teks Kustom dan Masker drop-down dan menetapkan lapisan teks yang sesuai.


Langkah 8

Selanjutnya kita menuju ke Skema Pengaturan Elemen untuk mengekstraksi lapisan teks. Buka Pengaturan Scene dan klik pada Extrude. anda harus melihat set teks pertama. Jangan khawatir tentang hal itu terlihat aneh (perhatikan bahwa huruf E tidak mengekstrusi dengan benar - kita akan berurusan dengan ini nanti).


Langkah 9

Sekarang kita perlu mengesampingkan lapisan lainnya. Klik pada tombol Extrude tiga kali lagi sehingga anda memiliki empat Model Ekstrusi secara total. Pergilah ke masing-masing dari mereka dan ubah Jalan Kustom untuk masing-masing. Yang pertama tidak apa-apa tetapi anda perlu mengubah Custom Path ke Custom Path 2 untuk Model kedua dan seterusnya untuk sisanya.


Langkah 10

Tetapkan kembali masing-masing Model ke grup yang berbeda. Model pertama harus di grup satu, yang kedua di grup dua dan seterusnya. anda juga dapat mengganti nama model dengan mengklik ganda pada bidang "Model Ekstrusi". Untuk tutorial ini, saya sarankan anda mengubah nama model yang mirip dengan nama yang telah kami berikan sebelumnya ke lapisan solid. Lebih mudah dengan cara ini untuk menjaga semuanya tetap teratur.


Langkah 11

Saatnya beveling. Untuk tutorial ini kita akan menggunakan preset yang disebut "Racing". Pergilah ke Materi dan Preset Browser dan temukan di preset Bevel. Seret ke setiap model. Anda akan melihat bahwa tugas grup menjadi kacau dan semua model ditugaskan ke Grup satu. Perbaiki ini dengan menetapkan ulang mereka ke grup yang tepat seperti pada langkah sebelumnya.


Langkah 12

Langkah selanjutnya adalah mengubah warna garis biru untuk set judul pertama ("AETuts + presents"). Klik pada material Glass_Tint dan gulir ke bawah jendela Edit ke pengaturan Iluminasi. Ubah warna biru ke # AE00FF. Ingat untuk melakukan ini untuk kedua model T1 (teks "statis" dan yang "retak").


Langkah 13

Sekarang kita harus memperbaiki semua gangguan ekstrusi itu. Ini adalah proses coba-coba jadi jika anda bekerja dengan jalur anda sendiri, anda perlu sedikit kesabaran dan bereksperimen untuk melihat apa yang berfungsi dan apa yang bisa "diperbaiki" di Elemen. Pertama, mari kita berkonsentrasi pada model T1. Kita harus memperbaiki huruf E di "Presents". Untuk melakukan ini kita perlu menghapus centang pada kotak centang Objek Terpisah (jangan khawatir tentang itu karena kita tidak memerlukan model ini untuk itu opsi Multi Objek) dan centang kotak Fix Holes.


Langkah 14

The T1_fractured tampaknya baik-baik saja, jadi kita hanya akan membiarkannya untuk sekarang di pengaturan default dan kembali ke sana setelah kita mulai menjiwai. Model T2 membutuhkan sedikit kerja. Sekali lagi, kita perlu memperbaiki beberapa huruf dan kita akan melakukannya kali ini dengan menghapus centang Orientasi Jalur Otomatis dan memeriksa kotak Reverse Path Winding dan Fix Holes.


Langkah 15

Model terakhir yang harus diperbaiki adalah T2_fractured. Kami melakukan ini dengan mengatur Filter Spike ke 1.00. Tutup pengaturan adegan untuk sekarang dengan mengklik OK.


Langkah 16

Sekarang saatnya bermain-main dengan animasi. Untuk melakukan ini kita perlu mengatur Mesin Animasi tetapi pertama-tama mari matikan semua layer yang tidak perlu. Pergilah ke Grup 1 dan Grup 3 (Grup tersebut untuk model T1 dan T2) dan di bawah Particle Look ubah pengaturan Force Opacity menjadi 0%.


Langkah 17

Buka Grup 2 dan 4 (Kelompok-kelompok tersebut mewakili model-model "retak") dan di bawah Tampak Partikel memungkinkan Multi-Objek untuk kedua kelompok.


Langkah 18

Selanjutnya, masuk ke pengaturan Animation Engine dan aktifkan. Kemudian ubah Mulai Grup ke Grup 2 dan Selesaikan Grup ke Grup 4. Atur Animasi ke 50% dan anda akan melihat transisi terjadi tetapi tidak ada potongan terbang. Untuk tujuan tutorial ini kami juga akan mengatur Benih 11200 hanya untuk beberapa keacakan. Itu selalu ide yang baik untuk mengubah Benih dari nilai default untuk mendapatkan beberapa variasi.


Langkah 19

Kita perlu kembali ke Pengaturan Adegan untuk membuat model "retak" pecah menjadi potongan yang lebih kecil. Masuk ke pengaturan untuk model T1_fractured dan T2_fractured dan ubah Mode Pemisahan menjadi By Geometry (Lambat) dan hapus centang Orientasi Jalur Oto dan tutup Pengaturan Adegan dengan mengklik OK. Sekarang anda harus melihat beberapa bagian dalam animasi.


Langkah 20

Saatnya menyiapkan animasi pertama yang merupakan transisi antara kumpulan judul pertama ke yang kedua. Pergi ke penanda dua detik dan satu bingkai pada garis waktu dan tempatkan bingkai utama dengan nilai 0% untuk parameter Animasi. Selanjutnya, buka penanda empat detik dan satu frame (timecode 0: 00: 04: 01) dan tambahkan keyframe 100%. Ini akan memberi Anda transisi antara dua set "terputus".


Langkah 21

Untuk menambahkan gerakan melingkar ke potongan-potongan kecil yang anda lihat pada contoh, kita kembali ke Pengaturan Scene dan memodifikasi model T2 dan T2_fractured. Di bagian Transform untuk kedua model berubah
nilai Orientasi ke 180.0° - ini akan memutar model. Klik OK. Anda akan melihat bahwa bagian belakang model menghadap ke kamera. Untuk memperbaiki putaran ini ke bagian Rotasi dalam tampilan Partikel untuk Kelompok 3 dan 4 dan ubah Partasi Rotasi Y menjadi +180,0°. Ini menghasilkan model yang menghadap sisi kanan dan juga memberi kita gerakan berputar dalam animasi.


Langkah 22

Sekarang kita dapat berkonsentrasi membuat potongan-potongan tersebut terbang dengan cara yang kurang seragam dengan menganimasikan ukuran Random, Rotation Random dan Scatter parameters di bagian Multi-Object. Untuk Kelompok 2 mengatur tiga
keyframes pada awal animasi: satu untuk Ukuran Acak, satu lagi untuk Rotasi Acak dan yang terakhir untuk Scatter Multi. Pergi ke akhir animasi (tanda empat detik) dan atur Rotasi keyframe Acak dengan nilai 1x +0,0 dan keyframe dengan nilai 10,00 untuk Multi-Scatter. Untuk Ukuran Acak buka kode waktu 0: 00: 03: 01 (tiga detik dan satu bingkai) dan tetapkan bingkai utama dengan nilai 100%.


Langkah 23

Untuk Kelompok 4 kita perlu melakukan sesuatu yang serupa tetapi sebaliknya. Pergi ke 0: 00: 02: 16 dan mengatur keyframe 100% ke Ukuran Acak dan keyframe +183.0° ke parameter Rotasi Acak. Selanjutnya, buka
0: 00: 03: 08 dan mengatur 0 bingkai utama untuk Rotasi Acak. Terakhir, tetapkan 0 bingkai utama untuk Ukuran Acak pada 0: 00: 03: 15.


Langkah 24

Hal terakhir untuk membuat transisi sedikit lebih menarik adalah mengubah dua pengaturan di Mesin Animasi. Buka Opsi Arah dan ubah Yaw menjadi 206.0° dan Pitch menjadi 122.0°. Kemudian dalam Mode Dual Animation ubah Type menjadi Random. Sekarang anda harus memiliki transisi yang bagus antara kedua perangkat yang "terputus". Sekarang adalah soal menunjukkan set "padat" ketika animasi tidak terjadi.


Langkah 25

Yang perlu kita lakukan adalah menganimasikan nilai Opacity antara set "padat" dan "terputus" sama seperti animasi mulai dan selesai. Kesepakatan pertama mari dengan permulaan animasi. Pergi ke frame pertama dari animasi (timecode 0:00: 02:01) dan mengatur keyframes untuk parameter Force Opacity untuk Grup 1 dan 2:0% untuk Grup 1 dan 100% untuk Grup 2. Selanjutnya, kembali satu frame dengan menggunakan pintasan keyboard Cmd + tombol panah Kiri dan menetapkan 100% Force Opacity untuk Grup 1 dan 0% untuk Grup 2.


Langkah 26

Kami mengulang proses yang sama untuk akhir animasi. Satu-satunya perbedaan adalah bahwa kita perlu menunjukkan set "padat" sedikit lebih awal untuk menipu mata pemirsa. Pertama, masuk ke frame terakhir dari animasi dan tetapkan keyframe untuk Force Opacity pada 0% untuk Group 4. Kedua, kembali satu frame dan tambahkan keyframe lain untuk Force Opacity dari Grup 4 kali ini membuatnya menjadi 0%. Selanjutnya, pergi ke 0:00:03:22 dan tambahkan keyframe untuk Force Opacity untuk Grup 3 dengan nilai 100%. Akhirnya, kembali satu frame dan tambahkan 0% keyframe untuk parameter Force Opacity Group 3.


Langkah 27

Untuk membuat animasi terlihat lebih baik, anda dapat mengaktifkan Motion Blur untuk Elemen dan seluruh komp. Namun, untuk tujuan tutorial ini kita akan menambahkan layer Adjustment baru dengan filter CC Force Motion Blur yang diterapkan padanya. Alasannya adalah karena menurut saya ini lebih baik untuk contoh khusus ini. Pertama, tambahkan layer Adjustment baru di atas layer Element dengan menekan Cmd + Y dan menerapkan filter CC Force Motion Blur ke atasnya. Pengaturan default tidak masalah. Selanjutnya kita perlu menyesuaikan titik awal dan akhir untuk lapisan Penyesuaian sehingga blur hanya terlihat ketika animasi terjadi (jika blur terlihat selama transisi Opacity anda akan mendapatkan tampilan yang aneh jadi ingatlah itu). Atur titik awal dari layer Adjustment pada awal animasi (shortcut keyboard Option + {) dan atur titik akhir tepat setelah Grup 3 mendapatkan Opacity 100% (timecode 0:00:03:23).


Langkah 28

Setelah berurusan dengan transisi pertama mari kita lanjutkan ke yang kedua yang merupakan kumpulan judul kedua yang melebur menjadi serpihan kecil dan menghilang saat mereka terbang. Sekali lagi kami akan menggunakan Mesin Animasi tetapi kali ini bukan transisi antara dua kumpulan partikel, kami hanya akan mentransisikan Grup 4 ke Grup 5 kosong - ini adalah cara yang baik untuk membawa masuk / keluar partikel ke dalam adegan anda. Sekali lagi, kita akan menggunakan trik opacity untuk menunjukkan set "fraktur" setelah animasi dimulai, tetapi pertama-tama kita perlu membuat beberapa perubahan dalam  Animation Engine. Kami ingin animasi kedua dimulai pada delapan detik dan satu bingkai sehingga kami perlu menyesuaikan beberapa pengaturan sebelumnya. Pergi ke 0:00:07:5 dan tambahkan keyframes berikut:

  • Force Opacity untuk Grup 2 pada 100% (kita perlu menyembunyikan Grup 2 karena Animation Engine tidak akan lagi mempengaruhinya)
  • Mulai bingkai utama Grup dalam Pemilihan Grup Mesin Animasi untuk Grup 2
  • Selesaikan bingkai utama Grup untuk Grup 4

Langkah 29

Maju satu frame dan ubah Force Opacity untuk Grup 2 menjadi 0%, Mulai Grup dari Grup 2 ke Grup 4 dan atur Grup Selesai ke Grup 5.


Langkah 30

Satu-satunya hal lain yang perlu kita atur ulang di Animation Engine adalah parameter Animasi. Pergi ke 0:00:07:23 dan mengatur keyframe (itu harus 100%) dan kemudian maju satu frame dan menambahkan keyframe lain kali ini dengan nilai 0%. Terakhir, pergilah ke akhir komposisi (penanda sepuluh detik) dan tetapkan bingkai utama untuk Animasi dengan nilai 100%. Ini mengurus Mesin Animasi.


Langkah 31

Selanjutnya, kita perlu menyembunyikan set "padat" dan menunjukkan "retak" satu setelah animasi dimulai. Seperti sebelumnya kita akan menggunakan parameter Force Opacity untuk Grup 3 dan 4. Pergi ke 0:00:08:00 dan mengatur bingkai utama untuk Force Opacity untuk Grup 3 dan Grup 4 (masing-masing harus berada pada 100% dan 0%). Selanjutnya, maju satu frame dan ubah Force Opacity Group 3 menjadi 0% dan Group 4 menjadi 100%. Anda harus melihat efek yang sama dengan yang kami capai pada langkah 25.


Langkah 32

Saatnya untuk menambahkan lebih banyak gerakan ke partikel. Setelah penanda waktu anda ditempatkan pada 0:00:08:01 mengatur keyframes nilai 0 berikut:

  • Ukuran acak
  • Rotasi acak
  • Scatter Multi

Langkah 33

Pergi ke 0:00:08:16 dan mengatur keyframe 100% untuk ukuran acak dan +180.0 ° keyframe untuk Rotasi Acak. Lalu pergi ke 0:00:09:16 dan atur Scatter Multi menjadi 4.34.


Langkah 34

Sekarang kita akan menambahkan sedikit lebih banyak putaran ke gerakan dan juga menyeret potongan-potongan terbang ke bawah untuk meniru gerakan jatuh. Kami melakukan ini dengan bermain-main dengan pengaturan Grup 5. Karena grup ini kosong dan hanya berfungsi sebagai alat transisi, Anda bisa menjadi gila. Untuk tujuan tutorial ini, kami akan menggunakan posisi Y Grup dan nilai rotasi X. Pertama, pergi ke penanda delapan detik dan tempatkan bingkai utama untuk Posisi XY di Pengaturan Replicator Partikel. Selanjutnya, pergi ke 0:00:08:05 dan mengatur bingkai utama untuk X Rotation. Ketiga, buka tanda sembilan detik dan tambahkan bingkai utama untuk X Rotasi kali ini dengan nilai +159,0 °. Akhirnya, pergi ke 0:00:09:16 dan atur posisi Y pada nilai Posisi XY ke 592.0. Pada dasarnya, apa yang terjadi adalah bahwa ketika animasi bergerak, partikel bergerak turun dan mendapatkan rotasi tambahan dari pengaturan tersebut.


Langkah 35

Hal terakhir yang harus dilakukan dengan animasi adalah menambahkan beberapa gerakan kabur. Untuk keperluan tutorial ini kami menggunakan layer Adjustment dengan CC Force Motion Blur (lihat Langkah 27) sehingga kita dapat menduplikat layer itu (pintas keyboard Cmd + D) dan menempatkannya sesuai. Cukup ingat untuk memulai lapisan Penyesuaian tidak lebih cepat dari transisi Opacity antara grup selesai.


Langkah 36

Saatnya untuk menambahkan latar belakang, kamera bergerak dan beberapa lampu ke TKP. Pertama, mari kita atasi latar belakangnya. Tambahkan Solid baru dan isi dengan # 643712, ganti namanya menjadi "bg" dan letakkan di bawah lapisan Elemen. Kemudian, tambahkan Solid lain kali ini membuatnya putih, ganti namanya menjadi "spot", letakkan di atas layer bg dan ubah Blending mode menjadi Add. Setelah layer "spot" dipilih, ambil alat Ellipse dan klik dua kali di atasnya. Ini akan menambahkan topeng elips ke lapisan ini. Ubah pengaturan bulu masker menjadi 213.0. Akhirnya drop down Opacity layer ini menjadi 52%. Ini menciptakan hot spot yang bagus dengan beberapa vignetting di sekitar tepi.


Langkah 37

Selanjutnya, kami menambahkan tiga pengaturan dasar cahaya yang akan membantu kami menambahkan beberapa Cahaya nanti. Dalam tutorial ini kami akan menggunakan lampu Spot tetapi terserah anda untuk bereksperimen dengan berbagai jenis lampu dan pengaturannya terutama mencoba penempatan cahaya yang berbeda dan melihat bagaimana itu mempengaruhi tampilan adegan. Pertama, mari kita buat lampu Kunci dengan nilai warna #F7E7CD Anda dapat melihat sisa pengaturan di screenshot di bawah ini.


Langkah 38

Kedua, mari tambahkan lampu Rim dengan nilai warna #CDEFF7. Lihat sisa pengaturan di screenshot di bawah ini.


Langkah 39

Akhirnya, kami menambahkan lampu Overhead. Atur warnanya ke #F7ECCD dan sisa parameter seperti di screenshot.


Langkah 40

Sekarang mari kita hidupkan kamera. Pada dasarnya kita ingin mengorbit sekitar dua set judul dengan beberapa zoom. Untuk animasi kedua (set kedua yang larut) kami ingin memindahkan kamera di atas potongan-potongan terbang untuk menambahkan beberapa variasi ke gerakan chunks. Lihat screenshot di bawah ini untuk pengaturan keyframe terperinci.


Langkah 41

Mari kita kembali ke lapisan Elemen dan menambahkan Oklusi dan Cahaya Ambient. Pertama, buka bagian Render Settings pada Element dan di Amati Oklusi (SSAO) centang Aktifkan AO. Kedua, buka bagian Cahaya dan lakukan hal berikut:

  • Centang Aktifkan Glow
  • Set Glow From to Luminance
  • Ubah Glow Threshold menjadi 0,80
  • Atur warna Glow Tint ke #FFAD37 Terakhir, masuk ke modul Output dan di Sampling & Aliasing, atur Supersampling ke 2 untuk menyingkirkan tepi bergerigi yang mungkin anda dapatkan.

Langkah 42

Hal terakhir yang harus dilakukan adalah menambahkan beberapa koreksi warna. Tambahkan layer Adjustment baru, ubah namanya menjadi "cc" (untuk koreksi warna) dan tambahkan adjustment Curves. Untuk tujuan tutorial ini gunakan pengaturan dari tangkapan layar.


Langkah 43

Pada titik ini saya memutuskan untuk menambahkan penyesuaian kurva lain ke lapisan yang sama dengan pengaturan berikut.


Selesai

Dan begitulah. Saya ingin mendorong anda untuk bereksperimen dengan teknik ini. Ingatlah bahwa mungkin perlu waktu untuk menemukan kombinasi font yang tepat, ukuran potongan, opsi bevel dan hal-hal lain yang akan bekerja dengan adegan anda. Selain teks teknik ini juga harus bekerja untuk objek sederhana seperti persegi panjang yang dapat diekstrusi untuk membentuk kotak. Anda selalu dapat memasukkan lebih banyak judul ke dalam adegan anda dengan menggunakan lebih banyak contoh Elemen. Selamat bersenang-senang!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new 3D & Motion Graphics tutorials. Never miss out on learning about the next big thing.
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.