topic★★★★★난이도 · 약 12분
패럴랙스 (Parallax)
전경과 배경의 속도 차이로 깊이감을 생성한다 — 2D 화면에 3D 공간감을 부여하는 기법.
#패럴랙스#깊이감#레이어#속도 차이#3D
왜 배우는가
차창 밖을 보면 가까운 나무는 빠르게, 먼 산은 느리게 지나간다. 이 속도 차이가 뇌에게 깊이를 알려준다. 패럴랙스는 이 원리를 2D 화면에 적용하여, 레이어만으로 공간감과 몰입감을 만드는 기법이다. 타이틀 시퀀스, 인트로, 제품 소개에 강력한 효과를 발휘한다.
패럴랙스(Parallax)는 여러 레이어를 서로 다른 속도로 이동시켜 깊이감을 만드는 기법이다. 원리는 간단하다: 가까운 레이어는 빠르게, 먼 레이어는 느리게. 이 속도 비율이 뇌에게 '이것은 앞에 있고, 저것은 뒤에 있다'는 공간 정보를 전달한다.
| 레이어 | 속도 비율 | 역할 | 예시 |
|---|---|---|---|
| 전경 (Foreground) | 1.5~2x | 가장 빠름, 프레임 장식 | 먼지 파티클, 보케(bokeh) |
| 중경 (Midground) | 1x (기준) | 주요 콘텐츠 | 텍스트, 인물, 제품 |
| 원경 (Background) | 0.3~0.5x | 가장 느림, 배경 | 풍경, 그라디언트, 텍스처 |
3레이어 공식: 최소 3개 레이어(전경/중경/원경)만 있으면 패럴랙스가 작동한다. 레이어가 많을수록 깊이감이 풍부해지지만, 5개 이상이면 관리가 복잡해지고 시각적으로 산만해질 수 있다. 3~5개가 최적.
AE 구현법 2가지: ① 수동: 각 레이어의 Position 키프레임 이동 거리를 비율로 조절 (배경 50px, 중경 100px, 전경 150px). ② 카메라: 3D 레이어로 전환 후 Z축(깊이)에 배치하고, 카메라를 이동시키면 자동으로 패럴랙스가 발생. 카메라 방식이 더 현실적이지만, 수동 방식이 더 직관적이고 제어하기 쉽다.
실기 드릴 2문항
check_circle실기 드릴 · OX
패럴랙스에서 배경(원경) 레이어는 전경보다 빠르게 이동해야 깊이감이 생긴다.
edit실기 드릴 · 단답형
패럴랙스 효과에 필요한 최소 레이어 수는?