Jadikan Segalanya 3D

Seperti Pro — Tiada Plugin Diperlukan

Apa yang akan anda cipta

Ekstrusi bentuk 3D dengan pencahayaan sinematik — keputusan akhir

Gambaran Keseluruhan

Cinema 4D renderer terbina dalam After Effects membolehkan ekstrusi 3D sebenar pada mana-mana shape layer — tanpa plugin pihak ketiga, tanpa perisian 3D luaran diperlukan. Tutorial ini merangkumi aliran kerja yang lengkap: menukar renderer, mengekstrusi dan membevel shape layers, membina rig pencahayaan tiga titik sinematik, meletakkan kamera, dan menganimasi hasilnya dengan keyframes yang lancar. Teknik yang sama boleh digunakan untuk menukar mana-mana logo Illustrator kepada objek 3D yang diekstrusi sepenuhnya. Sama ada anda pelajar atau pereka motion profesional di Malaysia, tutorial After Effects percuma ini mengajar teknik serbaguna tanpa plugin untuk menjadikan mana-mana shape layer kepada objek 3D.

Apa yang akan anda pelajari

Tukar kepada Cinema 4D renderer
Cipta dan ekstrusi shape layers dalam 3D
Sediakan pencahayaan tiga titik sinematik
Tambah dan konfigurasikan kamera After Effects
Tukar logo Illustrator kepada 3D shape layers
Animasikan objek dan kamera dengan keyframes
PRE

Adobe After Effects 2022 atau lebih baharu. Kebiasaan asas dengan Timeline dan panel Composition. Fail vektor Illustrator (.ai) adalah pilihan — teknik ini berfungsi dengan mana-mana shape layer.

01

Tukar kepada Cinema 4D Renderer

1. Cipta composition baharu dan segera pergi ke tab 3D Renderer dalam Composition Settings (Ctrl+K). Ini adalah kunci untuk membuka ekstrusi 3D sebenar dalam After Effects.

  • Renderer Tukar dari Classic 3D → Cinema 4D
  • Resolusi 1920 × 1080, 24 fps atau mengikut pilihan anda

2. Klik OK. Dengan Cinema 4D renderer aktif, shape layers mendapat kumpulan Geometry Options dengan sifat Extrusion Depth — inilah semua yang anda perlukan untuk menjadikan objek benar-benar 3D.

Cinema 4D renderer dipilih dalam Composition Settings — tutorial Adobe After Effects Malaysia

Composition Settings › tab 3D Renderer — Cinema 4D dipilih

TIP
Anda juga boleh menukar renderer pada bila-bila masa melalui Composition › Composition Settings › tab 3D Renderer — walaupun pada projek sedia ada.
02

Cipta Circle Shape Layer

3. Tekan Q untuk memilih Ellipse Tool, kemudian tahan Shift dan lukis bulatan sempurna di tengah Composition. Dalam sifat Shape layer:

  • Fill None
  • Stroke Aktifkan, tetapkan lebar kepada ketebalan yang kelihatan (cth. 20–30 px)
  • Warna Putih atau kelabu cerah untuk berinteraksi baik dengan lampu berwarna

4. Pastikan bentuk itu tepat di tengah — pilih layer, tekan A dua kali untuk mendedahkan Anchor Point, dan gunakan panel Align untuk memusatkan layer dan anchor point. Ini penting untuk putaran 3D yang bersih.

Circle shape layer dengan stroke sahaja — tutorial Adobe After Effects Malaysia

Bulatan dengan stroke sahaja — tiada fill, dipusatkan dalam composition

03

Aktifkan 3D & Tetapkan Extrusion Depth

5. Klik ikon kiub 3D Layer di sebelah shape layer dalam Timeline (tekan F4 untuk mendedahkan lajur Switches). Dengan 3D diaktifkan, kembangkan layer dan buka Contents → Ellipse 1 → Geometry Options.

  • Extrusion Depth Tingkatkan untuk melihat kedalaman 3D (mulakan dengan ~100–200)
  • Bevel Style Convex — melicinkan dan membulat tepi ekstrusi
  • Bevel Depth 6–10 untuk tepi bergilap yang halus

6. Untuk melihat kesan 3D dengan lebih baik, pilih layer dan tekan R untuk mendedahkan Rotation, kemudian seret nilai X Rotation. Anda akan segera melihat kedalaman ekstrusi.

Extrusion depth digunakan pada circle shape — tutorial Adobe After Effects Malaysia

Extrusion Depth digunakan — memutar bentuk mendedahkan kedalaman 3D dan bevel yang jelas

NOTA
Geometry Options hanya muncul pada shape layers dan Illustrator/vector layers apabila renderer Cinema 4D aktif. Ia tidak akan muncul dengan Classic 3D.
04

Tambah Pencahayaan Tiga Titik Sinematik

7. Tanpa lampu, ekstrusi 3D kelihatan rata. Pergi ke Layer › New › Light (atau klik kanan Timeline dan pilih New › Light). Anda akan mencipta tiga lampu untuk persediaan sinematik profesional:

  • Key Light Point light — sumber cahaya utama, intensiti penuh, warna hangat
  • Fill Light Point light — intensiti dikurangkan (~40–60%), meningkatkan bayangan
  • Back Light Point light — diletakkan di belakang objek, mencipta rim highlight

8. Buka Top View (klik kanan panel Composition → New Viewer, tetapkan dropdown kepada Top) untuk meletakkan lampu dengan tepat. Key light perlu berada di kiri atas objek, fill light kanan atas dengan intensiti lebih rendah, dan back light tepat di belakang.

Persediaan pencahayaan tiga titik — tutorial Adobe After Effects Malaysia

Pencahayaan tiga titik digunakan — key, fill, dan back light memberikan kedalaman dan rim highlight kepada bentuk

TIP
Pilih warna merah jambu atau hangat untuk key light untuk menambah personaliti. Warna back light boleh sejuk (biru/teal) untuk mencipta kontras pelengkap terhadap cahaya hadapan yang hangat.
05

Cipta Kamera

9. Pergi ke Layer › New › Camera. Dalam dialog Camera Settings, pilih focal length. Untuk jenis pameran objek ini, kanta telephoto sedikit berfungsi dengan baik:

  • 50 mm Bidang pandang manusia semula jadi — seimbang
  • 60–80 mm Telephoto sedikit — meratakan dan menekankan objek

10. Klik OK. Tekan C untuk mengaktifkan Camera Orbit Tool dan orbit sekitar bentuk anda untuk mencari sudut yang menarik. Kedalaman ekstrusi dan pencahayaan akan kelihatan berbeza secara dramatik dari pelbagai sudut.

Dialog Camera Settings dan timeline — tutorial Adobe After Effects Malaysia

Dialog Camera Settings — preset 60 mm dipilih untuk tampilan telephoto semula jadi

06

Animasikan Objek

11. Anda boleh menganimasi sama ada objek atau kamera. Untuk putaran objek yang bersih, pilih shape layer dan tekan R untuk mendedahkan Rotation. Klik stopwatch pada Y Rotation (atau X/Z) untuk menetapkan keyframe pada frame 0, kemudian bergerak ke hujung Timeline dan ubah nilai putaran.

  • Y Rotation 0° → 360° Dedahan putaran penuh — gelung yang memuaskan
  • X + Y digabung Kesan terjungkit — lebih dinamik

12. Pilih semua keyframes, tekan F9 untuk Easy Ease, kemudian buka Graph Editor dan seret pemegang ke dalam untuk mencipta rasa perlahan-masuk / perlahan-keluar. Untuk gelung yang lancar, pastikan nilai keyframe pertama dan terakhir adalah sama.

Keyframes animasi dalam timeline — tutorial Adobe After Effects Malaysia

Keyframes putaran ditetapkan — Easy Ease digunakan untuk permulaan dan hujung yang lancar

TIP
Untuk menganimasi objek tanpa mempengaruhi kedudukan kamera, cuba tambah Null Object, jadikannya 3D, dan parenting shape layer kepada null. Menganimasi putaran null memastikan kamera kekal bebas.
07

Tukar Logo Illustrator kepada 3D Shape Layer

13. Teknik yang sama berfungsi dengan mana-mana logo. Import fail .ai (Illustrator) anda ke dalam After Effects, kemudian:

  • Langkah 1 Seret layer .ai ke dalam composition anda
  • Langkah 2 Klik kanan layer → Create → Create Shapes from Vector Layer
  • Langkah 3 Aktifkan shape layer baharu sebagai 3D layer
  • Langkah 4 Buka Geometry Options dan tingkatkan Extrusion Depth

14. Shape layer yang dicipta daripada logo anda kini boleh diekstrusi, diterangi, dan dianimasi seperti mana-mana bentuk lain. Jika anda tidak mempunyai fail vektor, gunakan Image Trace dalam Adobe Illustrator untuk menukar logo raster kepada vektor terlebih dahulu.

Menu Create Shapes from Vector Layer — tutorial Adobe After Effects Malaysia

Klik kanan › Create › Create Shapes from Vector Layer — menukar fail .ai kepada shape layer yang boleh diedit

Keputusan akhir animasi logo 3D — tutorial Adobe After Effects Malaysia

Keputusan akhir — bentuk 3D yang diekstrusi dengan pencahayaan sinematik dan animasi putaran yang lancar

NOTA
Layer .ai asal disembunyikan secara automatik selepas Create Shapes from Vector Layer. Anda boleh memadamnya atau menyimpannya sebagai rujukan. Shape layer baharu boleh diedit sepenuhnya.

Rujukan Pantas — Pintasan Papan Kekunci

Kekunci / PintasanTindakan
QEllipse / Shape Tool
F4Togol lajur Switches / Modes (tunjukkan ikon 3D)
RDedahkan sifat Rotation
SDedahkan sifat Scale
A (dua kali)Dedahkan sifat Anchor Point
CCamera Orbit Tool
F9Gunakan Easy Ease pada keyframes yang dipilih
Ctrl+KBuka Composition Settings (tukar renderer di sini)
UDedahkan semua sifat yang mempunyai keyframe
SpacebarMain / Berhenti pratonton
0 (numpad)RAM Preview jujukan penuh

Jadikan Segalanya 3D — Sekilas Pandang

RENDERERComposition Settings → 3D Renderer → Cinema 4D
BENTUKLukis bentuk → tiada fill, stroke sahaja → pusatkan anchor point
3DAktifkan 3D layer → Geometry Options → Extrusion Depth
BEVELBevel Style: Convex → Bevel Depth 6–10
LAMPUKey + Fill + Back — persediaan sinematik tiga titik
KAMERAPreset 60 mm → orbit untuk mencari sudut terbaik
ANIMASIPutar objek atau kamera → keyframes → Easy Ease
LOGOImport .ai → Create Shapes from Vector Layer → Ekstrusi
WhatsApp