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

Buat Pembuka Judul Sinematik yang Menghancurkan

by
Difficulty:IntermediateLength:MediumLanguages:

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

Dalam tutorial ini saya akan menunjukkan kepada Anda cara membuat Pembuka Logo Sinematik yang Menghancurkan hanya menggunakan After Effects. Tutorial ini didasarkan pada beberapa trik dan tips yang sangat sederhana, yang akan digabungkan untuk membuat hasil akhir besar yang mengesankan.


1. Menyiapkan Tampilan Metalik

Langkah 1

Buat Composition baru.

Cinematic_image001

Langkah 2

Membuat Composition lain.

Cinematic_image002

Langkah 3

Sebelum kita membuat efek apa pun, kita perlu memecah warna logo terlebih dahulu. Masukkan logo Anda di Composition logo dan seret 5 salinannya ke dalam Composition Gradien Logo.

Cinematic_image003

Alasan Anda ingin melakukan ini adalah membuat teks terlihat bahkan di dalam logo. Kalau tidak, itu hanya akan menjadi layer datar setelah kita menerapkan gradien untuk itu dan Anda tidak akan dapat melihat teks pada logo.

Satu hal lagi, saya menyeret di logo ActiveDen di sini karena memiliki lebih banyak warna daripada logo Aetuts+. Kita membutuhkan warna hitam, putih dan warna lainnya secara terpisah.

Langkah 4

Terapkan efek Color Range pada layer logo atas dan pilih warna hitam dan putih sehingga Anda hanya dapat melihat sisa warna.

Effect > Keying > Color Range.

Cinematic_image005

Langkah 5

Pilih layer 2 dan pilih Alpha Matte dari Track Matte Options.

Cinematic_image007

Sekarang Pre-Compose dua layer ini dan beri nama White.

Langkah 6

Ulangi Langkah 4 & 5 lagi dan terapkan efek Color Range pada layer logo berikutnya, kali ini hanya memilih white color.

Cinematic_image008

Kemudian pilih opsi Alpha Inverted Matte dari opsi Track Matte dan Pre-Compose it.

Ini hanya akan menampilkan warna putih.

Langkah 7

Sekarang menerapkan Gradient Overlay pada tiga layer yang dibuat satu per satu.

Klik kanan pada Colors Comp > Layer Styles > Bevel & Emboss & Gradient Overlay.

Cinematic_image010

Biarkan pengaturan apa adanya, lalu klik Edit Gradient.

Cinematic_image011

Terapkan pengaturan warna di atas.

Langkah 8

Ulangi Langkah 7 pada layer berikutnya dan klik kanan pada layer berikutnya yang diberi nama White. Layer Styles > Bevel & Emboss, and Gradient Overlay.

Biarkan pengaturan dan klik Edit Gradient untuk menerapkan pengaturan warna yang dapat Anda lihat dalam gambar.

Cinematic_image012

Langkah 9

Lakukan semua langkah yang disebutkan di langkah sebelumnya lagi dan terapkan pengaturan warna berikut pada lapisan logo terakhir.

Cinematic_image014

Langkah 10

Mari kita lihat bagaimana logo kita melihat saat ini.

Cinematic_image016

Sekarang Anda dapat memahami mengapa saya memisahkan warna di awal tutorial ini.

Ubah logo ke logo Aetuts+.

Cinematic_image018

Ini terlihat bagus sekarang jadi mari kita lanjutkan ke bagian selanjutnya.



2. Menghancurkan Logo

Langkah 1

Buat sebuah Composition baru.

Cinematic_image020

Langkah 2

Tambahkan kamera ke composition. Layer > New > Camera.

Masukkan Gradient Composition yang baru saja kita buat di bagian sebelumnya.

Tambahkan adjustment layer. Layer > New > Adjustment Layer.

Cinematic_image021

Langkah 3

Sekarang menerapkan empat Expression Controls pada Adjustment Layer bernama Controller.

  • 1 Checkbox Control
  • 1 Angle Control
  • 2 Position Controls

Effect > Expression Controls.

Ubah nama mereka seperti yang digambarkan pada gambar di bawah ini.

Cinematic_image023

Langkah 4

Terapkan efek Shatter pada Gradient Layer Logo dan gunakan pengaturan berikut.

Cinematic_image024

Langkah 5

Alt+klik pada Stopwatch Force 1 Position dan tempelkan ekspresi berikut:

thisComp.layer("Controller").effect("Shatter Point 1")("Point")

Cinematic_image025

Langkah 6

Alt+klik pada Stopwatch Force 2 Position dan tempelkan ekspresi berikut:

thisComp.layer("Controller").effect("Shatter Point 2")("Point")

Cinematic_image027

Langkah 7

Alt+klik pada stopwatch Gravity Direction dan tempelkan ekspresi berikut:

thisComp.layer("Controller").effect("Shatter Angle")("Angle")

Cinematic_image029

Langkah 8

Sekarang buat keyframe untuk Radius dari Force 1 & 2 dan atur nilainya menjadi 0.05.

Cinematic_image031

Langkah 9

Bergerak maju beberapa detik dan mengubah nilai radius menjadi 0.5.

Cinematic_image033

Langkah 10

Kembali dalam pengaturan Shape dan mengatur nilai Extrusion ke 0 karena kita akan membuat ekstrusi kita sendiri nanti di tutorial.

Cinematic_image035

Langkah 11

Mari kita periksa apa yang terjadi.

Cinematic_image036

Yah mereka berjalan dengan baik sampai sekarang.

Langkah 12

Alasan kita membuat controller layer adalah untuk mengontrol semua parameter dengan satu layer yang akan dibuat dalam beberapa langkah berikutnya. Mari kita mengubah Position dan Direction Shatter dan lihat apa yang terjadi.

Cinematic_image038

Lihat, ini bekerja sempurna.

Langkah 13

Duplicate layer Gradient Logo dan ubah pengaturan Pattern and Repetition di opsi Shape.

Cinematic_image040

Ini akan meningkatkan potongan dengan urutan yang lebih acak.

Langkah 14

Sekali lagi, gandakan layer dan tingkatkan Repetition Value menjadi 100.

Cinematic_image042

Semakin banyak keacakan yang Anda buat, semakin baik itu akan terlihat pada akhirnya.

Langkah 15

Sekarang masukkan comp logo normal di belakang lapisan Shatter ini sehingga tampak seolah-olah hanya lapisan atas yang pecah.

Cinematic_image044

Langkah 16

Tambahkan layer Gradient Logo di bawah semua layer tanpa efek Shatter dan pindahkan sisa layer ke depan tepat pada waktunya. Ini menciptakan ilusi logo yang hancur setelah beberapa detik.

Cinematic_image046

Langkah 17

Tambahkan Adjustment Layer dan tambahkan efek Glow untuk memberinya tampilan yang mengkilap. Cukup bermain dengan nilai-nilai sampai Anda memiliki sesuatu yang terlihat bagus.

Cinematic_image048

Langkah 18

Sekarang jika kita ingin membuat ekstrusi, kita tidak akan bisa melihatnya di logo ini sehingga kita perlu bereksperimen dengan logo normal.

Cinematic_image050

Langkah 19

Gandakan layer logo normal. Kami akan menggunakannya untuk ekstrusi. Ganti namanya menjadi Logo 001.

Cinematic_image052

Langkah 20

Terapkan Gradient Overlay di atasnya. Right Click > Layer Styles > Gradient Overlay.

Biarkan pengaturan apa adanya, ubah saja warna Gradien seperti yang ada dalam gambar.

Cinematic_image054

Langkah 21

Buat layer 3D, Alt+klik pada Stopwatch Position dan tempelkan ekspresi berikut:

offset=1;

p=thisComp.layer("Logo")

offsetInterval=Math.abs(index-thisComp.layer("Logo").index);

[p.position[0],p.position[1],p.position[2]+(offset*offsetInterval)];

Cinematic_image056

Manfaat dari ekspresi ini adalah ketika Anda menduplikasi layer logo 001, itu akan terus mendorongnya di ruang Z dan akan memalsukan efek ekstrusi.

Langkah 22

Di bawah Opacity layer ini Alt+klik pada stopwatch dan tempelkan ekspresi berikut:

c =thisComp.layer("Controller").effect("Extrude")("Checkbox")

if (c==1){

opacity=100

}else if (c==0){

opacity=0}

Cinematic_image058

Ini akan membantu Anda menghidupkan dan mematikan ekstrusi dengan satu klik dari Controller layer.

Langkah 23

Sekarang seret layer logo001 ke awal timeline dan letakkan di bawah ini di bawah semua layer lainnya. Kemudian buat sekitar 50 Duplikatnya. yang akan memberi Anda 50 layer didorong kembali dalam ruang Z dipisahkan oleh satu piksel.

Anda dapat melihat contoh ekstrusi pada gambar di bawah ini.

Cinematic_image060

Sekarang ini benar-benar mulai terlihat seperti ekstrusi logam.

Langkah 24

Untuk langkah ini saya membuat satu layer duplikat dari efek menghancurkan dan mengubah bentuk potongan untuk menunjukkan lebih banyak partikel yang hancur. Saya juga menggunakan logo yang berbeda untuk melihat apakah logo berfungsi dengan baik.

Cinematic_image062
Cinematic_image064

Kita sekarang selesai dengan bagian tutorial ini. Mari buat background untuk itu.


3. Membuat Ruang Background

Langkah 1

Membuat Composition baru.

Cinematic_image066

Langkah 2

Masukkan awan Anda BG.

Cinematic_image067

Langkah 3

Menerapkan efek Curves di atasnya. Effects > Color Correction > Curves.

Cinematic_image069

Langkah 4

Buat beberapa salinan gambar ini dan atur mode ke screen.

Cinematic_image071

Langkah 5

Ubah posisi dan rotasi lapisan untuk memberikan beberapa keacakan.

Cinematic_image073

Langkah 6

Terapkan wiggle expression ke opacity dari beberapa layer untuk menciptakan efek kilat.

Cinematic_image075

Langkah 7

Buat Adjustment Layer dan terapkan efek berikut: Tint, Photo Filter, dan Curves.

Cinematic_image077

Langkah 8

Ubah mode menjadi Add untuk lapisan-lapisan di mana Anda menerapkan ekspresi bergoyang.

Cinematic_image079

Langkah 9

Sekarang drop Space Composition ini di Main Comp yang kita buat di bagian sebelumnya dan mengaktifkan opsi Collapse Transformation.

Cinematic_image081

Langkah 10

Mari kita lihat kembali efek yang kita buat.

Cinematic_image082

Kita sudah menyelesaikan tutorialnya.

Dalam preview Anda dapat melihat beberapa gerakan kamera dan Flare Optik. Anda dapat menambahkannya sesuai pilihan Anda sendiri. File proyek di atas adalah video pratinjau, bukan yang dibuat di sini selama tutorial sehingga Anda tidak perlu khawatir tentang Kamera atau Flare.

Kesimpulan

Dalam tutorial ini, kita belajar cara memisahkan warna logo dan kemudian menerapkan gaya layer yang berbeda untuk memberikan tampilan metalik. Selain itu, kita belajar bagaimana membuat efek Shatter sinematik. Semua ini dilakukan di dalam After Effects.

Semoga Anda telah belajar sesuatu yang bermanfaat dalam tutorial ini. Jangan ragu untuk meninggalkan komentar jika Anda memiliki pertanyaan atau Anda mungkin ingin menyarankan perbaikan apa pun yang mungkin belum diketahui. Terima kasih!

Advertisement
Advertisement
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.