dalam After Effects — Tiada Plugin
Apa yang akan anda cipta
Animasi logo 3D dengan putaran, light sweep dan text reveal — keputusan akhir
Kaedah bebas plugin untuk mencipta animasi logo 3D yang berkualiti tinggi terus dalam After Effects. Teknik ini menindih lapisan pre-comp yang diduplikasi sepanjang paksi Z, menggunakan index expression tunggal untuk mengautomasikan offset dan mensimulasikan kedalaman ekstrusi yang realistik. Tutorial ini juga merangkumi CC Light Sweep untuk kilauan permukaan, animasi kamera dikawal Null Object untuk pendedahan yang lancar, dan animasi teks berasaskan keyframe untuk melengkapkan jujukan. Tutorial After Effects percuma ini sesuai untuk pereka motion dan pelajar di Malaysia yang ingin mempelajari teknik animasi logo 3D profesional tanpa sebarang plugin berbayar.
Apa yang akan anda pelajari
Adobe After Effects 2022 atau lebih baharu. Imej logo atau grafik untuk dianimasi — mana-mana PNG, JPG, atau fail Illustrator berfungsi. Kebiasaan asas timeline diperlukan.
1. Mulakan dengan struktur dua composition. Pergi ke Composition › New Composition:
2. Seret imej logo anda ke dalam Logo composition. Tekan S untuk mendedahkan Scale dan ubah saiz supaya muat dengan kemas. Kemudian kembali ke Main composition dan seret Logo comp dari panel Project ke dalam Timeline.
Main comp dengan Logo pre-comp yang disarangkan di dalamnya
3. Klik ikon kiub 3D di sebelah layer Logo comp untuk mengaktifkannya sebagai 3D layer. Jika lajur Switches tersembunyi, tekan F4 untuk mendedahkannya.
4. Cipta latar belakang: klik kanan Timeline → New › Solid. Namakan BG, pilih warna neutral cerah atau putih susu, dan seret ke bawah layer Logo comp dalam susunan Timeline.
Suis 3D diaktifkan pada layer Logo; BG solid diletakkan di bawah
5. Pilih layer Logo comp dan tekan P untuk mendedahkan Position. Klik kanan label sifat Position dan pilih Separate Dimensions. Ini memisahkan X, Y, dan Z kepada sifat individu.
6. Sekarang tahan Alt dan klik stopwatch Z Position untuk membuka medan expression. Taip satu perkataan:
index
7. Klik di tempat lain untuk mengesahkan. Expression ini secara automatik menetapkan kedudukan Z setiap layer duplikat sama dengan nombor indeks layernya — jadi apabila anda menduplikasi, setiap salinan melangkah tepat 1 piksel ke belakang dalam ruang Z.
Separate Dimensions dipilih — Z Position kini mempunyai baris sifat sendiri
Index expression digunakan pada Z Position — medan expression merah mengesahkan ia aktif
8. Sebelum menduplikasi, gunakan shading untuk mensimulasikan sisi ekstrusi yang gelap. Dengan layer Logo comp dipilih, pergi ke Effects & Presets, cari Brightness & Contrast, dan seret ke atas layer.
Kesan Brightness & Contrast ditetapkan kepada −150 dengan Use Legacy ditanda
9. Pilih layer Logo comp dan tekan Ctrl+D berulang kali — atau tahan — sehingga anda mendapat 30 salinan (30 layer keseluruhannya). Lebih banyak duplikat = ekstrusi yang lebih dalam; laraskan mengikut citarasa.
10. Untuk membersihkan Timeline, pilih semua layer tengah (semua kecuali layer logo atas dan bawah). Klik butang Shy (ikon figura kecil) pada setiap layer yang dipilih, kemudian aktifkan Shy Mode di bahagian atas Timeline. Layer tengah kini tersembunyi dari paparan tetapi masih dirender.
30 salinan layer Logo comp bertindih dalam Timeline
Shy mode menyembunyikan layer tengah — Timeline kini bersih dan terurus
11. Layer logo atas (indeks 1) adalah muka hadapan logo — ia perlu menunjukkan warna logo sebenar, bukan shading gelap. Pilihnya dan padamkan kesan Brightness & Contrast dari Effect Controls.
12. Layer logo bawah (yang ke-30) adalah muka belakang. Gunakan Drop Shadow supaya ia membayangi latar belakang:
Brightness & Contrast dibuang dari layer muka hadapan — warna logo kini kelihatan
Drop Shadow digunakan pada layer belakang — Softness ~100 untuk tampilan semula jadi
13. Pergi ke Layer › New › Camera. Pilih preset 50 mm — bidang pandang yang seimbang untuk mempamerkan logo. Klik OK.
14. Kemudian pergi ke Layer › New › Null Object. Namakan semula Cam Control dan aktifkan sebagai 3D layer. Dalam Timeline, cari Camera 1 dan gunakan Parent pick whip untuk menyeret dari kamera ke Cam Control null.
Camera 1 dicipta dengan preset 50 mm
Cam Control null diparenting kepada kamera — menganimasi null menggerakkan kamera
15. Tekan C untuk orbit dan pratonton logo 3D dari pelbagai sudut. Anda sepatutnya kini melihat layer yang bertindih mencipta kedalaman sebenar dan sisi gelap dibaca sebagai ekstrusi.
16. Pilih Cam Control. Tekan R kemudian tahan Shift dan tekan S untuk mendedahkan Rotation dan Scale serentak. Tetapkan keyframes pada frame 0 untuk ketiga-tiga paksi putaran dan scale.
17. Gerakkan playhead ke 4 saat. Tetapkan semua paksi putaran kepada 0° dan Scale kembali kepada 100%. Logo akan berputar dan mengezum keluar untuk menghadap kamera.
Keyframes Rotation dan Scale pada 0 s (miring) dan 4 s (menghadap ke hadapan)
18. Pilih semua keyframes pada Cam Control, kemudian tekan F9 untuk menggunakan Easy Ease. Buka Graph Editor (Shift+F3), klik kanan dan pastikan Edit Speed Graph dipilih.
19. Pilih pemegang sisi kanan bagi keyframes akhir dan seret ke kiri sehingga influence menunjukkan lebih kurang 75%. Lakukan perkara yang sama untuk pemegang kiri keyframe Scale — seret ke kanan hingga ~75%. Ini memberikan animasi nyahpercepatan yang kuat dan pendaratan yang memuaskan.
Easy Ease digunakan pada semua keyframes
Graph Editor — pemegang ditarik kepada ~75% influence untuk pergerakan yang lancar dan nyahpercepat
20. Pilih layer Logo atas (muka hadapan). Dalam Effects & Presets, cari CC Light Sweep dan gunakannya.
21. Gerakkan playhead ke frame 0. Klik crosshair Center dalam Effect Controls dan letakkannya di sudut kiri bawah logo. Cipta keyframe.
22. Gerak ke 4 saat. Seret pusat ke sudut kanan atas. Gunakan Easy Ease F9 dan laraskan pemegang graf seperti sebelumnya (~75% influence pada kedua-dua sisi).
CC Light Sweep — Smooth Sweep shape, Intensity 50, Edge Intensity 100
Light sweep dianimasi dari kiri bawah ke kanan atas — mencipta sheen sinematik
23. Masuk ke dalam Logo composition dengan mengklik dua kali pada ia dalam Timeline. Pilih layer imej logo di dalamnya dan tekan S untuk mendedahkan Scale.
24. Pilih kedua-dua keyframes, tekan F9, buka Graph Editor, dan seret pemegang kanan keyframe akhir sejauh mungkin ke kiri untuk scale-in yang tajam dan pantas.
Animasi scale logo dari 0% kepada 100% dalam 1 saat dengan easing yang agresif
25. Kembali ke Main composition. Pilih Type Tool (Ctrl+T) dan klik untuk mencipta text layer di bawah logo. Taip nama jenama atau URL anda. Tukar kembali ke Selection Tool dan gunakan panel Align untuk memusatkannya secara mendatar; tolak ke bawah dari logo.
26. Gerakkan playhead ke 2 saat (atau di mana anda mahu teks muncul sepenuhnya). Tekan P kemudian tahan Shift dan tekan T untuk mendedahkan Position dan Opacity. Cipta keyframes untuk kedua-duanya.
27. Pilih kedua-dua set keyframes, tekan F9, dan dalam Graph Editor seret pemegang kanan untuk kedua-duanya sejauh mungkin ke kiri untuk ketibaan yang pantas dan bertenaga.
Text layer dengan keyframes Y Position dan Opacity — pudar dan gelincir ke kedudukan akhir
Logo 3D dengan kedalaman ekstrusi dan drop shadow — teknik comp berlapis dalam tindakan
| Kekunci / Pintasan | Tindakan |
|---|---|
| P | Dedahkan sifat Position |
| S | Dedahkan sifat Scale |
| R | Dedahkan sifat Rotation |
| T | Dedahkan sifat Opacity |
| Shift + [kekunci] | Dedahkan sifat tambahan di samping sifat semasa |
| F4 | Togol lajur Switches / Modes |
| F9 | Gunakan Easy Ease pada keyframes yang dipilih |
| Shift+F3 | Togol Graph Editor |
| Ctrl+D | Duplikasi layer yang dipilih |
| U | Dedahkan semua sifat yang mempunyai keyframe |
| C | Camera Orbit Tool |
| Alt + klik stopwatch | Buka medan expression untuk sifat tersebut |
| 0 (numpad) | RAM Preview |
