Hyper Cinematic

3D Motion Graphics dalam After Effects

Apa yang akan anda cipta

Terowong 3D hyper-sinematik dengan volumetric lighting dan depth of field — keputusan akhir

Gambaran Keseluruhan

Pemecahan lanjutan keupayaan sinematik After Effects, dibina di sekitar adegan terowong yang dibina sepenuhnya daripada shape layers dalam ruang 3D. Tutorial ini merangkumi 3D floor, terowong segiempat berulang, tolakan kamera dolly wide-angle, pencahayaan persekitaran dengan cast shadows, god-rays volumetrik daripada Gradient Ramp dan CC Radial Fast Blur, point lights yang dianimasi dengan wiggle expressions, dan laluan depth-of-field akhir menggunakan Camera Lens Blur. Tutorial After Effects percuma ini direka untuk pereka motion di Malaysia yang ingin menguasai teknik 3D sinematik lanjutan termasuk pencahayaan volumetrik, god-rays, dan depth of field.

Apa yang akan anda pelajari

Cipta 3D floor dengan memutar solid 90° pada paksi X
Bina adegan terowong dengan segiempat berulang dalam Z-space
Gunakan kamera 20 mm dan Dolly tool untuk perasaan yang luas
Animasikan kamera dolly masuk ke dalam adegan
Tambah environment light dengan cast shadows dan mod Draft 3D
Cipta volumetric god-rays dengan Gradient Ramp + CC Radial Fast Blur
Sediakan practical point lights dengan wiggle expression
Capai depth of field menggunakan 3D Channel Extract + Camera Lens Blur
PRE

Adobe After Effects 2022 atau lebih baharu. Pengetahuan asas tentang 3D layers, cameras, dan Timeline.

01

Cipta 3D Floor dari Gray Solid

1. Pergi ke Layer › New › Solid. Pilih warna kelabu sederhana dan jadikan saiz comp. Cipta salinan (Ctrl+D) — anda memerlukan dua salinan. Aktifkan ikon kiub 3D (F4) pada satu daripada duplikat untuk menjadikannya 3D layer.

  • X Rotation 90° — memutar solid rata ke atas satah tanah
  • Y Position Turunkan ke bawah viewport composition anda
  • Scale Tingkatkan kepada ~1000% — meluaskan lantai untuk memenuhi adegan

2. Solid yang tidak diputar berfungsi sebagai layer backdrop/langit. Bersama-sama mereka mencipta persekitaran lengkap — langit di atas dan satah tanah di bawah.

Mencipta layer solid baharu — tutorial Adobe After Effects Malaysia

Solid Baharu dicipta — sedia untuk dikonfigurasi sebagai 3D floor dengan X rotation dan scale

02

Bina Adegan Terowong dengan Rectangles dalam Z-Space

3. Cipta shape layer dengan segiempat (tekan Q, lukis segiempat sempit yang tinggi). Aktifkan sebagai 3D layer dan gerakkan ke sisi kiri composition.

4. Buka susun atur Two View dengan Top view: klik kanan panel Composition → New Viewer, tetapkan dropdown kamera panel kedua kepada Top.

5. Dalam Top view, duplikasi segiempat (Ctrl+D) dan tolak ia ke belakang sebanyak 300 unit Z-position. Ulangi untuk seberapa banyak salinan yang anda mahu. Ubah kedudukan Y setiap satu untuk mencipta variasi ketinggian blok bandar — kolum yang lebih tinggi dan lebih rendah mencipta minat visual.

Susun atur two-view dengan bentuk diposisikan — tutorial Adobe After Effects Malaysia

Susun atur dua panel — Active Camera (kiri) dan Top view (kanan) untuk kedudukan Z-space

Segiempat yang diduplikasi dalam Z space — tutorial Adobe After Effects Malaysia

Bentuk diduplikasi dengan jarak 300 unit Z — Top view menunjukkan susun atur kedalaman dengan jelas

03

Duplikasi untuk Kedua-dua Sisi Terowong

6. Pilih semua layer kolum anda dan tekan Ctrl+D untuk menduplikasi keseluruhan set. Gerakkan duplikat ke sisi bertentangan composition — anda kini mempunyai dua baris menara selari, membentuk dinding terowong.

7. Pilih semua elemen, kemudian buka Layer menu › Transform dan laraskan kedudukan Z mereka secara kolektif untuk memusatkan adegan bagi framing kamera yang optimum. Ini adalah pilihan tetapi membantu dengan penempatan kamera awal.

Adegan terowong penuh kedua-dua sisi — tutorial Adobe After Effects Malaysia

Terowong penuh — dua baris menara dengan ketinggian pelbagai dan jarak Z 300 unit setiap satu

04

Cipta Wide Camera & Dolly Animation

8. Pergi ke Layer › New › Camera. Untuk perasaan yang luas dan epik, pilih preset 20 mm — preset standard paling lebar, yang secara dramatik meluaskan skala nampak adegan anda.

9. Klik OK. Kemudian pilih Dolly Towards Cursor Tool (tahan C sehingga anda mencapainya, atau carinya dalam toolbar) dan dolly ke belakang ke kedudukan permulaan yang dikehendaki.

  • @ 0 saat Cipta keyframes untuk Camera Position dan Point of Interest
  • @ 5–10 saat Gunakan Dolly tool untuk menolak kamera ke hadapan ke dalam terowong

10. After Effects mencipta keyframes akhir secara automatik. Dolly mudah ini mencipta kesan tarikan-masuk-ke-adegan yang dramatik.

Tetapan kamera dengan preset 20mm — tutorial Adobe After Effects Malaysia

Tetapan kamera 20 mm — sudut lebar menjadikan adegan terasa luas dan sinematik

Pandangan kamera adegan terowong — tutorial Adobe After Effects Malaysia

Kamera diposisikan dalam terowong — sedia untuk keyframe animasi dolly

05

Penuhi Adegan dengan 3D Graphics Tambahan

11. Tambah kedalaman visual lebih lanjut dengan memenuhi adegan. Duplikasi beberapa layer menara dan tolak ke tepi (laraskan kedudukan X). Tingkatkan kedudukan Y mereka untuk menjadikan menara sisi kelihatan lebih tinggi, kelihatan dari sudut kamera. Letakkan beberapa grafik lebih jauh ke belakang dalam Z space dan besarkan — mencipta struktur latar belakang.

Bentuk 3D tambahan dalam adegan — tutorial Adobe After Effects Malaysia

Bentuk 3D tambahan diposisikan — pandangan kamera untuk mengesahkan penempatan elemen dalam kedalaman

TIP
Ini adalah adegan anda — tambah, buang, dan susun semula elemen dengan bebas. Tutorial menunjukkan terowong, tetapi teknik ini sama baiknya sebagai langit bandar, hutan tiang, atau mana-mana elemen seni bina berulang.
06

Environment Light dengan Cast Shadows

12. Pergi ke Layer › New › Light, pilih jenis Environment light dan aktifkan Cast Shadows. Ini mengubah adegan dari bentuk rata kepada persekitaran 3D yang diterangi dengan betul. Laraskan putaran lampu untuk mengubah arah bayang.

13. Untuk mengelak komputer anda terlalu panas semasa iterasi, klik Draft 3D dalam panel Composition, kemudian buka Renderer Options dan kurangkan:

  • Render Quality Draft semasa mengedit, naikkan kepada Best untuk eksport
  • Shadow Resolution Kurangkan untuk kelajuan, tingkatkan untuk kualiti akhir
  • Fit the Scene Klik ini supaya bayangan meliputi keseluruhan adegan, bukan hanya kawasan lalai
Dialog tetapan environment light — tutorial Adobe After Effects Malaysia

Dialog Environment Light — Cast Shadows diaktifkan, sedia untuk mengubah adegan rata kepada 3D

07

Volumetric God-Rays — Gradient Ramp & CC Radial Fast Blur

14. Pilih layer latar belakang/langit anda. Gunakan Effect › Generate › Gradient Ramp:

  • Ramp Shape Radial Ramp
  • Color 1 / 2 Dua warna hangat yang agak cerah — seperti matahari yang berkabut
  • Start Point Letakkan pusat cerah di tempat "matahari" sepatutnya berada

15. Sekarang cipta Adjustment Layer baharu (Layer › New › Adjustment Layer). Gunakan Effect › Blur & Sharpen › CC Radial Fast Blur:

  • Center Padankan dengan titik paling cerah gradient langit anda
  • Amount Tingkatkan sehingga anda melihat sinaran god-ray terpancar keluar
  • Blend Mode Tukar mod blend adjustment layer kepada Screen
Pemilihan warna hangat untuk gradient langit — tutorial Adobe After Effects Malaysia

Palet warna hangat — pilih dua warna hangat yang agak cerah untuk Gradient Ramp pada layer langit

CC Radial Fast Blur adjustment layer — tutorial Adobe After Effects Malaysia

CC Radial Fast Blur pada adjustment layer — Amount mencipta jalur god-ray

God-rays volumetrik dengan Screen blend — tutorial Adobe After Effects Malaysia

Adjustment layer ditetapkan kepada mod blend Screen — sinar kini menyebati dengan indah ke dalam adegan

TIP
Animasikan nilai Center CC Radial Fast Blur bersama-sama putaran Environment Light untuk membuat matahari kelihatan bergerak mengikut masa — kesan animasi pencahayaan sinematik tanpa persediaan tambahan.
08

Point Light & Practical Light Circle

16. Tambah lampu aksen dramatik: Layer › New › Light, pilih Point. Tetapkan warnanya kepada sesuatu yang berani seperti merah atau amber hangat. Konfigurasikan untuk mengekang percikan:

  • Fall-off Smooth
  • Radius Laraskan untuk mengekang kolam cahaya ke kawasan yang dikehendaki
  • Fall-off Distance Laraskan untuk mengawal seberapa cepat cahaya pudar
  • Intensity Tingkatkan untuk pencahayaan yang bertenaga dan jelas

17. Jadikannya practical light — cipta shape layer bulatan yang sangat kecil dalam warna yang sama seperti lampu. Aktifkan sebagai 3D layer dan kembangkan Material Optionsnya, tetapkan Accepts Lights kepada Off (supaya ia sentiasa menunjukkan warnanya sendiri, tidak terjejas oleh pencahayaan adegan).

18. Alt-klik stopwatch Position bulatan dan taip thisComp.layer("Point Light 1").transform.position untuk mengikat kedudukannya kepada lampu — memastikan titik kelihatan terkunci pada sumber cahaya.

Tetapan point light merah dalam timeline — tutorial Adobe After Effects Malaysia

Point light dengan Smooth fall-off — Light Options dikonfigurasi untuk pencahayaan aksen warna yang intensif

Bulatan practical light dalam terowong — tutorial Adobe After Effects Malaysia

Bulatan practical light kelihatan dalam terowong — bentuk oren diparenting kepada point lights

19. Tambah wiggle expression kepada sifat Position lampu (Alt-klik stopwatch, taip wiggle(2, 30)) untuk kelipan organik yang halus. Duplikasi pasangan lampu + bulatan dan tolak duplikat ke kedudukan Z berbeza untuk rentetan lampu di sepanjang terowong.

09

Pre-Compose & Gunakan 3D Channel Extract

20. Pilih semua layer 3D anda dan pergi ke Layer › Pre-compose. Namakan sesuatu yang mudah diingati (cth. "Scene_3D"). Ini meratakan adegan 3D ke dalam satu layer 2D sambil mengekalkan maklumat kedalaman Z melalui saluran 3D.

21. Dengan layer pre-comp dipilih, gunakan Effect › 3D Channel › 3D Channel Extract. Dalam Effect Controls:

  • 3D Channel Tetapkan kepada Depth — ini mengekstrak peta kedalaman grayscale

22. Peta grayscale yang terhasil menunjukkan: hitam = latar hadapan (fokus) dan putih = latar belakang (kabur). Anda akan menggunakannya sebagai blur map dalam langkah seterusnya.

Susunan layer sebelum pre-compose — tutorial Adobe After Effects Malaysia

Semua layer 3D dalam Timeline — sedia untuk di-pre-compose ke dalam satu layer

Peta kedalaman 3D Channel Extract — tutorial Adobe After Effects Malaysia

3D Channel Extract — saluran Depth menunjukkan peta kedalaman Z grayscale

10

Depth of Field dengan Camera Lens Blur

23. Duplikasi layer pre-comp. Pada duplikat, padam kesan 3D Channel Extract. Gunakan Effect › Blur & Sharpen › Camera-Lens Blur:

  • Blur Map › Layer Pilih layer pre-comp bawah (yang mempunyai 3D Channel Extract)
  • Blur Map › Channel Effects & Masks — ini membaca peta kedalaman
  • Maximum Radius Laraskan untuk mengawal jumlah kabur maksimum (~20 px)

24. Camera-Lens Blur menggunakan nilai grayscale peta kedalaman untuk menentukan kekuatan kabur setiap piksel: kawasan putih (objek jauh) mendapat kabur maksimum, kawasan hitam (objek dekat) kekal tajam. Hasilnya adalah depth of field berasaskan kanta yang realistik.

Camera Lens Blur depth of field — tutorial Adobe After Effects Malaysia

Camera-Lens Blur dengan peta kedalaman — latar hadapan tajam, latar belakang beransur kabur

11

Kemasan Terakhir — Noise, Curves & Posterize

25. Tambah satu lagi Adjustment Layer terakhir di bahagian atas Timeline. Gunakan kesan kemasan pilihan ini mengikut urutan:

  • Noise 3–6%, Color Noise dinyahtanda — menambah butiran sinematik
  • Curves Angkat titik hitam sedikit untuk cinematic crush, atau tingkatkan mid-tones untuk drama
  • Posterize Time ~14 — pilihan, untuk kemasan bergaya yang grafik

26. Tambah lebih banyak objek 3D, cuba warna lampu berbeza, atau bereksperimen dengan laluan kamera untuk tampilan yang berbeza sepenuhnya. Pipeline teras tetap sama — ini adalah rangka kerja boleh diguna semula untuk pembinaan adegan 3D sinematik dalam After Effects.

SELESAI
Tekan 0 pada numpad untuk RAM Preview. Turunkan resolusi kepada Half atau Third semasa iterasi — rendering 3D memerlukan sumber yang tinggi. Untuk eksport akhir, render pada Full Quality melalui Render Queue dengan tetapan render Best diaktifkan.

Rujukan Pantas — Pintasan Papan Kekunci

Kekunci / PintasanTindakan
QShape / Rectangle Tool
F4Togol Switches / Modes (tunjukkan ikon kiub 3D)
RDedahkan sifat Rotation
SDedahkan sifat Scale
PDedahkan sifat Position
CKitarkan Camera Tools (Orbit, Track, Dolly)
Ctrl+DDuplikasi layer yang dipilih
Alt + klik stopwatchBuka medan expression
F9Gunakan Easy Ease pada keyframes yang dipilih
UDedahkan semua sifat yang mempunyai keyframe / expression
SpacebarMain / Berhenti pratonton
0 (numpad)RAM Preview

Aliran Kerja Hyper Cinematic — Sekilas Pandang

LANTAIGray solid → 3D → X Rotation 90° → Y pos turun → Scale 1000%
TEROWONGRectangle 3D → gelincir kiri → Top view → Ctrl+D → +300 Z setiap satu
UBAHRawakkan Y position setiap menara → duplikasi untuk dinding bertentangan
KAMERAKamera 20 mm → Dolly ke belakang → keyframe position + POI
DOLLYGerak ke frame akhir → Dolly Cursor tool → tolak ke dalam terowong
LAMPUEnvironment light → Cast Shadows On → Draft 3D → Fit Scene
RAYSGradient Ramp (radial) → adj. layer CC Radial Fast Blur → Screen
POINTPoint light (merah) → Smooth fall-off → wiggle expression → duplikasi
PRAKTIKALShape bulatan → Accepts Lights Off → position diparenting kepada lampu
DOFPre-compose → 3D Channel Extract → duplikasi → Camera-Lens Blur
KEMASANAdj. Layer: Noise + Curves + Posterize mengikut citarasa
WhatsApp