Kamera 3D Lancar

Pergerakan Sinematik dalam After Effects

Apa yang akan anda cipta

Animasi kamera 3D yang lancar dengan depth of field — keputusan akhir

Gambaran Keseluruhan

Panduan terfokus untuk animasi kamera sinematik dalam After Effects, bekerja dengan potongan watak Photoshop yang diletakkan pada kedalaman Z yang berbeza untuk mencipta adegan 3D berlapis yang meyakinkan. Tutorial ini merangkumi persediaan kamera dan animasi keyframe, penghalusan keluk halaju Graph Editor dengan pemegang Bézier untuk pergerakan yang lancar, dan kesan depth-of-field rack-focus menggunakan Camera Lens Blur untuk melengkapkan shot sinematik. Sesuai untuk pengguna After Effects di Malaysia yang ingin mencapai pergerakan kamera yang lancar dan profesional dalam projek motion graphics dan pengeluaran video mereka — tiada plugin pihak ketiga diperlukan.

Apa yang akan anda pelajari

Sediakan adegan 3D dengan lapisan latar belakang & grid
Cipta dan konfigurasikan kamera After Effects
Letakkan lapisan Photoshop dalam 3D space (kedalaman paksi Z)
Animasikan kedudukan kamera dengan keyframes
Gunakan kesan Black & White untuk tampilan sinematik
Lancarkan pergerakan menggunakan Graph Editor & Velocity
Gunakan Convert Vertex Tool untuk penghalusan laluan
Tambah Depth of Field dengan animated rack-focus
PRE

Lapisan Photoshop dengan potongan telus (PNG/PSD), Adobe After Effects 2022 atau lebih baharu. Tutorial menggunakan imej watak Breaking Bad sebagai contoh — gunakan mana-mana lapisan PNG yang anda suka.

01

Cipta Layer Background Solid

1. Mulakan dengan membina asas adegan. Pergi ke Layer › New › Solid. Dalam dialog Solid Settings, konfigurasikan:

  • Nama BG
  • Warna Hitam (#000000)
  • Saiz Klik "Make Comp Size" untuk sepadan dengan komposisi anda

2. Klik OK, kemudian seret layer BG ke bahagian paling bawah Timeline supaya ia berada di belakang semua layer lain.

Dialog Solid Settings — tutorial Adobe After Effects Malaysia

Dialog Solid Settings — namakan "BG" dan tetapkan warna kepada hitam

3. Dengan BG dipilih, gunakan warna fill: pergi ke Effect › Generate › Fill dan pilih warna latar belakang anda. Navy gelap atau arang dalam berfungsi baik untuk tampilan sinematik.

Kesan Fill digunakan pada layer BG — tutorial Adobe After Effects Malaysia

Fill effect digunakan pada layer BG solid

02

Cipta Layer Grid

4. Pilih layer BG dan tekan Ctrl+D untuk menduplikasikannya. Namakan semula salinan itu GRID.

5. Padamkan Fill effect dari GRID (pilihnya dalam Effect Controls, tekan Delete), kemudian tambah grid: Effect › Generate › Grid.

  • Size From Tetapkan melalui gelangsar kepada jarak grid yang selesa
  • Opacity Kurangkan kepada ~20–30% supaya grid kekal halus
Kesan Grid pada layer GRID — tutorial Adobe After Effects Malaysia

Grid effect pada solid GRID — laraskan saiz dan opacity

03

Aktifkan 3D Layers

6. Pilih semua layer imej Photoshop anda tambah BG dan GRID. Klik Toggle Switches / Modes di bahagian bawah Timeline (atau tekan F4) untuk mendedahkan lajur Switches, kemudian klik ikon kiub 3D Layer untuk setiap layer yang perlu berada dalam 3D space.

Aktifkan suis 3D untuk semua layer — tutorial Adobe After Effects Malaysia

Aktifkan suis 3D (ikon kiub) untuk semua layer dalam Timeline

TIP
Kunci layer BG selepas mengaktifkan 3D untuk mengelak memilihnya secara tidak sengaja semasa meletakkan layer lain.
04

Sediakan Two Views — Camera + Top

7. Klik kanan di dalam panel Composition dan pilih New Viewer. Anda kini mempunyai dua panel bersebelahan.

  • Paparan kiri Active Camera — tetapkan melalui dropdown kamera di kanan bawah panel
  • Paparan kanan Top — klik dropdown paparan dan pilih "Top"
Susun atur dua panel: Camera dan Top view — tutorial Adobe After Effects Malaysia

Susun atur dua panel: Active Camera (kiri) dan Top view (kanan)

8. Top view membolehkan anda melihat cara layers diedarkan sepanjang paksi Z, yang penting untuk meletakkan mereka pada kedalaman berbeza dalam 3D space.

05

Letakkan Layers dalam 3D Space

9. Pilih setiap layer imej, tekan P untuk mendedahkan Position, kemudian seret nilai Z untuk menolak layers ke belakang dalam kedalaman. Susun mereka supaya setiap watak berada pada jarak Z yang berbeza dari kamera.

Kedudukan kedalaman paksi Z layer — tutorial Adobe After Effects Malaysia

Top view — layers disusun bertingkat dalam kedalaman Z dengan scale dilaraskan bagi setiap watak

10. Gunakan S untuk mendedahkan Scale dan saiz semula setiap layer. Layers yang lebih jauh boleh dibesarkan untuk mengekalkan saiz nampak, atau dibiarkan lebih kecil untuk rasa kedalaman yang semula jadi.

  • Layer 01 (latar hadapan) Z ≈ 0, scale ≈ 40–60%
  • Layer 02 Z ≈ −1000 hingga −2000
  • Layers 03 / 04 Z ≈ −3000 hingga −5000
Susunan layer akhir dalam 3D — tutorial Adobe After Effects Malaysia

Susunan layer akhir — layers tersebar merentasi paksi Z, scale dilaraskan menggunakan kekunci S

06

Tambah Kesan Black & White

11. Untuk tampilan monokrom yang bergaya, cari Black & White dalam panel Effects & Presets (di bawah Color Correction). Gunakannya pada layer imej anda:

  • Langkah 1 Gunakan Black & White kepada Layer 01
  • Langkah 2 Salin kesan dari Effect Controls  Ctrl+C
  • Langkah 3 Pilih layer imej yang tinggal dan tampal  Ctrl+V
Kesan Black and White digunakan — tutorial Adobe After Effects Malaysia

Black & White (Color Correction) digunakan — layer watak ditukar kepada monokrom

TIP
Laraskan gelangsar saluran warna dalam kesan Black & White. Menaikkan saluran Red mencerahkan ton kulit untuk rasa noir yang lebih dramatik.
07

Cipta Kamera

12. Pergi ke Layer › New › Camera. Dalam dialog Camera Settings, pilih preset 50mm — ia meniru bidang pandang manusia yang semula jadi dengan tepat, sesuai untuk shot sinematik. Klik OK.

Dialog Camera Settings 50mm — tutorial Adobe After Effects Malaysia

Camera Settings — kamera Two-Node 50mm untuk sudut pandangan sinematik yang semula jadi

13. Klik kanan layer kamera, pergi ke Camera › Create Camera Orbit Null. Ini mencipta Null Object yang diparenting kepada kamera, memberikan anda titik pivot yang mudah untuk pergerakan orbit.

Camera Orbit Null dicipta — tutorial Adobe After Effects Malaysia

Camera 1 Orbit Null dicipta dan diparenting kepada Camera 1 — layer kelihatan dalam Timeline

14. Pilih Camera 1 Orbit Null, tekan P dan letakkan semula jika perlu. Tahan Ctrl dan klik dua kali Pan Behind Tool untuk memusatkan Anchor Point.

08

Muktamadkan Adegan & Tutup Top View

15. Perhalusi kedudukan X/Y dan scale setiap layer dalam Active Camera view sehingga komposisi kelihatan seimbang. Setelah berpuas hati, tutup panel Top view dan runtuhkan tetapan layer.

Adegan sedia untuk animasi — tutorial Adobe After Effects Malaysia

Adegan dimuktamadkan — kamera dibingkaikan pada watak pertama, Orbit Null ditetapkan dan sedia untuk animasi

TIP
Sebelum menganimasi, tekan Spacebar untuk pratonton komposisi statik. Pastikan kedudukan permulaan kamera mendedahkan elemen latar hadapan yang menarik.
09

Tetapkan Kedudukan Permulaan Kamera & Keyframe Pertama

16. Gerakkan playhead ke 0:00 (frame 0). Pilih Camera 1 Orbit Null dan tekan P untuk mendedahkan Position. Bingkaikan kamera pada watak pertama anda (zum masuk dekat). Klik ikon stopwatch untuk mencipta keyframe awal.

Kedudukan permulaan Orbit Null kamera — tutorial Adobe After Effects Malaysia

Position Orbit Null didedahkan pada frame 0 — stopwatch diklik untuk menetapkan keyframe kedudukan awal

17. Gerakkan playhead ke 2 saat. Seret kedudukan kamera untuk pan ke kiri (atau kanan) untuk mendedahkan watak seterusnya. After Effects mencipta keyframe kedua secara automatik.

Dua keyframe kedudukan ditetapkan — tutorial Adobe After Effects Malaysia

Dua keyframe pada Position — frame 0 (watak pertama) dan 2 saat (pendedahan watak seterusnya)

10

Gunakan Easy Ease & Buka Graph Editor

18. Pilih semua keyframes Position, kemudian tekan F9 untuk menggunakan Easy Ease. Ini memberikan pergerakan rasa perlahan-masuk / perlahan-keluar yang semula jadi.

19. Klik butang Graph Editor dalam Timeline (atau tekan Shift+F3) untuk melihat keluk halaju.

Keluk halaju Graph Editor — tutorial Adobe After Effects Malaysia

Graph Editor — keluk halaju berbentuk loceng yang lancar selepas menggunakan Easy Ease (F9)

20. Dalam Graph Editor, pilih pemegang keyframe tengah dan seret ke kanan untuk melanjutkan ramp nyahpercepatan — mencipta geluncuran yang lebih panjang dan lebih lancar antara kedudukan.

11

Laraskan Keyframe Velocity

21. Klik kanan keyframe dan pilih Keyframe Velocity. Aktifkan kotak semak Continuous dan tetapkan nilai kelajuan:

  • 100 px/saat Hanyutan perlahan yang lembut
  • 200–250 px/saat Tolakan sederhana
  • 400 px/saat Snap pantas, kemudian melambat ke berhenti
Menu klik kanan Keyframe Velocity — tutorial Adobe After Effects Malaysia

Klik kanan keyframe — pilih Keyframe Velocity untuk laraskan kelajuan dan aktifkan Continuous

NOTA
Bereksperimen dengan kelajuan berbeza pada keyframes berbeza. Kelajuan yang lebih tinggi pada keyframes tengah mencipta perasaan momentum yang semakin meningkat, kemudian beransur surut di akhir.
12

Lanjutkan Animasi & Tambah Z-Axis Dolly

22. Teruskan menambah keyframes pada 5 saat, 8 saat, dan seterusnya. Pada setiap keyframe baharu, gabungkan pan paksi X dengan sedikit pergerakan paksi Z (tahan Shift semasa menyeret dalam viewport untuk mengehadkan kepada Z). Ini menambah kesan dollying push-in atau pull-back.

23. Gerakkan keyframe terakhir lebih jauh ke kanan dalam Timeline (seret ke ~10–11 saat) untuk slow-out yang lebih panjang dan lebih beransur di akhir.

Animasi lanjutan dengan pelbagai keyframes — tutorial Adobe After Effects Malaysia

Animasi lanjutan — pelbagai keyframes tersebar merentasi timeline dengan pergerakan dolly paksi Z

TIP
Selepas setiap keyframe baharu, kembali ke Graph Editor dan tolak pemegang tengah baharu ke kanan untuk easing yang konsisten sepanjang keseluruhan jujukan.
13

Haluskan Motion Path dengan Convert Vertex Tool

24. Tahan butang Pen Tool dalam toolbar dan pilih Convert Vertex Tool. Klik pada pemegang diamond keyframe individu yang kelihatan dalam panel Composition dan seret untuk membengkok laluan ke dalam keluk Bézier yang lancar.

Motion path kamera untuk penghalusan Bezier — tutorial Adobe After Effects Malaysia

Kamera berpan melalui adegan — gunakan Convert Vertex Tool pada pemegang motion path untuk keluk Bézier

25. Selepas menukar, pratonton animasi. Kamera perlu mengalir melalui adegan tanpa perubahan arah yang tiba-tiba — pergerakan sinematik yang berterusan dan melengkung.

14

Aktifkan Depth of Field

26. Pilih Camera 1 dalam Timeline dan buka Camera Settings (klik dua kali atau tekan Enter). Beralih ke tab Camera Options:

  • Depth of Field On
  • Aperture 100 piksel (mulakan tinggi untuk melihat kesan dengan jelas)
  • Blur Level 100%
Pilihan kamera Depth of Field — tutorial Adobe After Effects Malaysia

Camera Options — Depth of Field dihidupkan, Aperture 100 px, Blur Level 100% untuk bokeh sinematik

27. Anda akan segera melihat layers di luar satah fokus kabur. Aperture mengawal kekuatan kabur dan lebar zon dalam-fokus.

15

Animasikan Focus Distance, Aperture & Blur Level

28. Kembangkan Camera 1 › Camera Options dalam Timeline. Klik stopwatch pada Focus Distance untuk memulakan keyframing. Pada setiap henti kamera utama:

  • Focus Distance Laraskan supaya watak pada skrin tajam
  • Aperture ↑ Naikkan pada saat peralihan untuk kabur rack-focus yang dramatik
  • Aperture ↓ Turunkan apabila kamera menetap pada subjek untuk bingkai yang bersih dan tajam
Keyframes Focus Distance dan Aperture — tutorial Adobe After Effects Malaysia

Keyframe Focus Distance dan Aperture — naikkan Aperture semasa peralihan untuk kabur rack-focus

29. Pilih keyframes Focus Distance / Aperture / Blur Level dan gunakan Easy Ease F9 supaya peralihan fokus adalah lancar, bukan tiba-tiba.

Keputusan akhir kamera 3D lancar — tutorial Adobe After Effects Malaysia

Keputusan akhir — animasi kamera 3D sinematik dengan easing yang lancar dan rack-focus depth of field

SELESAI
Tekan 0 pada numpad untuk RAM Preview bagi menonton animasi penuh dirender dalam masa nyata. Perhalusi sebarang nilai halaju dalam Graph Editor sehingga pergerakan terasa tepat seperti yang dikehendaki.

Rujukan Pantas — Pintasan Papan Kekunci

Kekunci / PintasanTindakan
PDedahkan sifat Position
SDedahkan sifat Scale
F9Gunakan Easy Ease pada keyframes yang dipilih
Shift+F3Togol Graph Editor
Ctrl+DDuplikasi layer yang dipilih
UDedahkan semua sifat yang mempunyai keyframe pada layer yang dipilih
F4Togol lajur Switches / Modes
SpacebarMain / Berhenti pratonton
0 (numpad)RAM Preview jujukan penuh
EnterBuka Layer Settings / Camera Settings
Ctrl+C / Ctrl+VSalin / Tampal kesan antara layers

Aliran Kerja Kamera Lancar — Sekilas Pandang

SETUPBG Solid → GRID layer → Aktifkan 3D → Two Views
KEDUDUKANKedalaman paksi Z → kedudukan X/Y → Scale layers
GAYAKesan Black & White → laraskan gelangsar saluran
KAMERAKamera 50mm → cipta Orbit Null → tetapkan kedudukan permulaan
ANIMASIKeyframes pada 0 s, 2 s, 5 s … → pergerakan dolly paksi Z
EASEF9 Easy Ease → pelarasan pemegang Graph Editor
VELOCITYKeyframe Velocity 100–400 px/s → Continuous hidup
LALUANConvert Vertex Tool → keluk laluan lancar Bézier
DOFAktifkan Depth of Field → tetapkan Aperture + Blur Level
FOKUSAnimasikan Focus Distance setiap watak → Easy Ease
WhatsApp