Motion Graphics 3D

Jadikannya Benar-benar Sinematik

Apa yang akan anda cipta

Gelang 3D sinematik dengan pencahayaan, glow dan posterize — keputusan akhir

Gambaran Keseluruhan

Aliran kerja lengkap untuk menghasilkan motion graphics 3D sinematik berkualiti tinggi menggunakan hanya shape layers natif After Effects. Adegan dibina sekitar ellips berdash yang diekstrusi dalam ruang 3D dengan pencahayaan persekitaran dan material options specular, kemudian diduplikasi dan dianimasi dengan expressions untuk memenuhi frame. Susunan post-processing Tint, Noise, Curves, Glow, dan Posterize memberikan render akhir tampilan sinematik yang tersendiri. Sesuai untuk pereka motion dan pelajar Adobe After Effects di Malaysia, tutorial percuma ini menunjukkan cara menghasilkan motion graphics 3D berkualiti penyiaran menggunakan alatan After Effects asli.

Apa yang akan anda pelajari

Cipta ellips berdash dengan anchor point berpusat
Tambah Trim Path untuk menganimasi pendedahan bentuk
Aktifkan Advanced 3D renderer dan tetapkan extrusion + bevel
Duplikasi gelang dan animasikan Z-rotation dengan expressions
Sediakan environment lighting dengan shadows
Gunakan material options — specular shininess & metal
Bina sfera dari shape layer dengan bevel penuh
Tambah Tint, Noise, Curves, Glow & Posterize sebagai kemasan
PRE

Adobe After Effects 2022 atau lebih baharu dengan Advanced 3D (Cinema 4D) renderer tersedia. Pengetahuan asas tentang shape layer dan keyframe disyorkan.

01

Sediakan Latar Gelap & Advanced 3D Renderer

1. Mulakan dengan latar belakang yang sangat gelap — hampir hitam berfungsi terbaik untuk pencahayaan sinematik. Cipta composition baharu dan buka Composition › Composition Settings › 3D Renderer. Tukar renderer dari Classic 3D kepada Advanced 3D.

2. Cipta layer solid latar belakang (Layer › New › Solid) menggunakan warna yang sangat gelap (cth. #080810). Medan gelap ini akan menjadikan cahaya dan glows kelihatan dramatik dan bertujuan.

Penciptaan kamera dalam After Effects — tutorial Adobe After Effects Malaysia

Layer › New › Camera — menambah kamera untuk melihat adegan 3D dari sudut yang dikehendaki

02

Cipta Dashed Circle Shape dengan Trim Path

3. Tekan Q dan tahan Shift untuk melukis bulatan berpusat. Dalam sifat Shape layer, tetapkan:

  • Fill None
  • Stroke Diaktifkan — lebar 25 px
  • Cap Round cap atau No Cap (mengikut pilihan anda)

4. Kembangkan Contents → Ellipse 1 → Stroke 1 dan klik + di sebelah Dashes dua kali. Laraskan gelangsar Dash dan Gap sehingga anda melihat ilusi pelbagai garis konsentrik — cuba Dash ~80, Gap ~20.

5. Pilihan tambah Trim Path (Contents → Add → Trim Paths). Animasikan End dari 0% kepada 100% dalam 1–2 saat untuk animasi pendedahan bentuk pada gelang.

Fill Ellipse ditetapkan ke None — tutorial Adobe After Effects Malaysia

Fill Options ditetapkan ke None — gelang stroke sahaja sedia untuk ekstrusi 3D

Dashes ditambah pada stroke — tutorial Adobe After Effects Malaysia

Dashes ditambah — laraskan Dash dan Gap untuk ilusi berbilang garisan

TIP
Pastikan bentuk itu tepat di tengah dan anchor point juga berpusat — ini penting untuk putaran 3D yang bersih. Gunakan Layer › Transform › Center Anchor Point in Layer Content.
03

Aktifkan 3D, Tetapkan Extrusion & Bevel

6. Klik ikon kiub 3D di sebelah shape layer (F4 untuk mendedahkan Switches). Kembangkan Contents → Ellipse 1 → Geometry Options:

  • Extrusion Depth 70 (halus — memastikan gelang nipis dan elegan)
  • Bevel Style Convex
  • Bevel Depth 6 — melicinkan tepi untuk tampilan yang berkilap

7. Cipta kamera (Layer › New › Camera) dan tekan C untuk menggunakan Camera Orbit Tool. Orbit sekitar gelang untuk mengelilingkannya — condong sedikit ke hadapan mendedahkan muka hadapan dan tepi ekstrusi serentak.

Advanced 3D renderer dipilih — tutorial Adobe After Effects Malaysia

Menukar ke Advanced 3D renderer — Geometry Options kini tersedia pada shape layers

Ekstrusi dan bevel 3D digunakan — tutorial Adobe After Effects Malaysia

Geometry Options 3D — Extrusion Depth ditetapkan, gelang kini mempunyai kedalaman 3D yang elegan

04

Duplikasi Gelang & Animasikan Z-Rotation dengan Expression

8. Tekan Ctrl+D untuk menduplikasi gelang. Dalam setiap duplikat, kurangkan saiz Ellipse Path untuk menjadikannya lebih kecil (kembangkan Contents → Ellipse 1 → Ellipse Path → Size). Cipta sehingga 3 gelang keseluruhannya, setiap satu lebih kecil dari yang sebelumnya. Laraskan Dash dan Gap untuk setiap satu supaya ia kelihatan berbeza secara visual.

9. Untuk menganimasi putaran secara berterusan, pilih gelang pertama dan tekan R. Alt-klik stopwatch Z Rotation dan taip expression ini:

time * 20

10. Untuk gelang lain, tampalkan expression yang sama tetapi gunakan time * -20 pada layer berselang supaya ia berputar berlawanan — mencipta kesan jam yang mempesonakan.

Gelang diduplikasi dengan kamera ditambah — tutorial Adobe After Effects Malaysia

Tiga gelang diduplikasi pada saiz yang semakin berkurang — Camera 1 ditambah untuk perspektif 3D

Expression Z Rotation pada gelang — tutorial Adobe After Effects Malaysia

Expression Z Rotation — gelang berputar berterusan dengan time * 20 dan time * -20

05

Cipta Environment Light dengan Shadows

11. Pergi ke Layer › New › Light. Dalam dialog Light Settings:

  • Light Type Environment
  • Cast Shadows On
  • Warna Hampir putih untuk asas pencahayaan yang neutral dan bersih

12. Environment light menerangi semua permukaan dari semua arah serentak. Ia adalah lampu asas penting untuk 3D sinematik dalam After Effects — tanpanya, bentuk anda kelihatan tidak diterangi dan rata. Setelah ditambah, gelang anda akan segera menunjukkan shading pada ekstrusi dan bevel.

Environment light dengan shadows — tutorial Adobe After Effects Malaysia

Environment Light ditambah — Cast Shadows diaktifkan, menerangi semua permukaan 3D

06

Gunakan Material Options — Specular Shininess

13. Pilih layer gelang dan kembangkan Material Options dalam Timeline. Tetapkan:

  • Specular Shininess ~15% — sorotan metalik yang halus
  • Metal Kekalkan pada lalai atau laraskan mengikut citarasa

14. Pilih semua sifat Material Options, salinnya (Ctrl+C), pilih layer gelang lain, dan tampal (Ctrl+V) untuk menggunakan material yang sama pada semua layer sekaligus.

15. Untuk kontras dramatik, tetapkan satu gelang kepada warna kelabu gelap. Kemudian dalam Material Optionsnya:

  • Specular Shininess 100% — menjadikannya sangat reflektif
  • Metal 0% — reflektans bukan metalik untuk tampilan plastik/kaca
Material Options dalam Timeline — tutorial Adobe After Effects Malaysia

Material Options dikembangkan — tetapan Specular Shininess untuk pantulan sinematik

TIP
Laraskan putaran lampu supaya sisi objek yang menghadap anda kebanyakannya berada dalam bayang. Pencahayaan bawah yang dramatik ini adalah kunci kepada tampilan sinematik — ia mencipta ilusi kedalaman dan berat.
07

Bina Sfera 3D dari Shape Layer

16. Cipta shape layer bulatan baharu (Q + Shift). Aktifkan sebagai 3D layer. Dalam Geometry Options:

  • Saiz Kecilkan saiz ellipse path kepada tepat 2 (kecil)
  • Bevel Depth 100 — bevel penuh, yang membulat bentuk menjadi sfera
  • Bevel Style Convex

17. Besarkan layer (S) kepada saiz yang dikehendaki dan letakkan semula dalam adegan. Salin dan tampal Material Options dari layer gelang, kemudian laraskan — cuba Shininess 75%, Metal 100% untuk sfera reflektif seperti krom.

18. Pilihan, animasikan Position sfera untuk jatuh ke dalam adegan (kedudukan Y dari atas ke tengah) dengan Easy Ease.

Sfera 3D ditambah ke adegan — tutorial Adobe After Effects Malaysia

Shape layer sfera ditambah — Bevel Depth 100 dengan gaya Convex mencipta sfera 3D yang bulat

08

Null Object untuk Kawalan Putaran Adegan

19. Pergi ke Layer › New › Null Object. Aktifkan sebagai 3D layer. Pilih semua shape layers anda (gelang dan sfera) dan gunakan Parent pick whip untuk menjadikan semuanya anak kepada Null.

20. Kini anda boleh memutar keseluruhan adegan dengan melaraskan X/Y/Z Rotation Null — membolehkan anda memilih sudut ideal untuk komposisi akhir anda tanpa meletakkan semula setiap layer individu.

Menu Layer New untuk null object — tutorial Adobe After Effects Malaysia

Menu Layer › New — pilih Null Object untuk mencipta pengawal induk bagi keseluruhan adegan

09

Adjustment Layer — Tint, Noise & Curves

21. Pergi ke Layer › New › Adjustment Layer dan letakkan di bahagian paling atas susunan Timeline. Gunakan kesan-kesan ini mengikut urutan:

  • Tint Memetakan kepada Hitam & Putih (pilihan — untuk estetika monokrom)
  • Noise 6%, nyahtanda Color Noise — menambah butiran filem yang halus
  • Curves Gelincirkan titik hitam sedikit ke kanan untuk menghancurkan hitam dan meningkatkan kontras
Adjustment layer ditambah — tutorial Adobe After Effects Malaysia

Adjustment Layer di bahagian paling atas susunan — sedia untuk kesan post-processing

Color Tint digunakan pada komposisi — tutorial Adobe After Effects Malaysia

Color Tint digunakan — memetakan hitam dan putih untuk tampilan monokrom sinematik

NOTA
Kesan Tint adalah pilihan. Tanpanya, anda boleh menukar warna layer individu untuk mencipta versi berwarna-warni persediaan sinematik yang sama — pencahayaan dan material options masih terpakai.
10

Glow & Posterize — Kemasan Terakhir

22. Masih pada Adjustment Layer, tambah dua lagi kesan selepas Curves:

  • Glow (contoh 1) Threshold 100%, Glow Radius ~600
  • Glow (contoh 2) Duplikasi Glow — tetapkan radius kepada ~1000 untuk aura luar yang lembut
  • Posterize Time Nilai ~14 — mengurangkan julat tonal untuk tampilan bergaya dan grafik

23. Laraskan setiap nilai mengikut estetika anda. Glow berganda mencipta halo dalam yang ketat dan aura luar yang meresap luas — bersama-sama ia memberikan karya perasaan logam bercahaya dan sinematik.

Tetapan kesan Glow — tutorial Adobe After Effects Malaysia

Kesan Glow digunakan — laraskan threshold dan radius untuk halo dalam dan luar sinematik

Kesan Posterize Time — tutorial Adobe After Effects Malaysia

Posterize Time pada ~14 — kemasan bergaya dan grafik pada komposisi sinematik

11

Tetapan Render & Variasi Gaya

24. Sebelum mengeksport, maksimumkan kualiti render. Pergi ke Composition › Composition Settings › 3D Renderer dan klik Renderer Options. Tingkatkan Shadow Map Resolution dan Render Quality untuk output akhir.

25. Dengan teknik-teknik ini, anda boleh mencipta variasi yang tidak terhad:

  • Segi Empat Gantikan bulatan dengan segiempat — stroke sahaja, persediaan extrusion yang sama
  • Segiempat Panjang Satu segiempat panjang 3D yang diekstrusi — menakjubkan dengan pencahayaan yang baik
  • Warna Buang kesan Tint dan gunakan bentuk berwarna untuk versi yang lebih ceria
Render komposisi akhir — tutorial Adobe After Effects Malaysia

Render komposisi akhir — Cinema 4D (Advanced 3D) renderer sedia untuk eksport kualiti

Gambaran keseluruhan komposisi gelang — tutorial Adobe After Effects Malaysia

Komposisi gelang dengan environment lighting — cuba saiz, warna, dan susunan berbeza untuk variasi gaya

SELESAI
Tekan 0 pada numpad untuk RAM Preview. Jika pratonton perlahan, tetapkan resolusi penonton kepada Half atau Third — bekerja dalam 3D memerlukan sumber yang tinggi. Eksport pada Full Quality untuk render akhir.

Rujukan Pantas — Pintasan Papan Kekunci

Kekunci / PintasanTindakan
QEllipse / Shape Tool
F4Togol Switches / Modes (tunjukkan ikon kiub 3D)
RDedahkan sifat Rotation
SDedahkan sifat Scale
CCamera Orbit Tool
Alt + klik stopwatchBuka medan expression
F9Gunakan Easy Ease pada keyframes yang dipilih
Ctrl+DDuplikasi layer
UDedahkan semua sifat yang mempunyai keyframe / expression
SpacebarMain / Berhenti pratonton
0 (numpad)RAM Preview
Ctrl+KComposition Settings (tukar renderer)

Motion Graphics 3D Sinematik — Sekilas Pandang

LATARSolid sangat gelap → Advanced 3D renderer diaktifkan
BENTUKEllipse → stroke sahaja → berpusat → Dashes × 2 → Trim Path
3DAktifkan 3D → Extrusion 70 → Bevel Convex, depth 6
KAMERACipta kamera → Orbit tool untuk mengelilingkan adegan
DUPEDuplikasi gelang → kurangkan saiz → laraskan dash/gap setiap gelang
PUTARExpression Z Rotation: time*20 dan time*-20 berselang
LAMPUEnvironment light → Cast Shadows On → laraskan putaran
MATERIALSpecular Shininess ~15% → salin/tampal ke layer lain
SFERABulatan saiz 2 → Bevel Depth 100 → Convex → besarkan
NULLNull 3D → parenting semua bentuk → putar Null untuk sudut
KESANAdj. Layer: Tint + Noise 6% + Curves (hancurkan hitam)
KEMASANGlow ×2 (radius 600 + 1000) + Posterize ~14
WhatsApp