[AE/모그] After Effects 인터페이스 완전 정복 — 패널 배치부터 단축키까지

 

들어가며

 

After Effects를 처음 켰을 때 제일 당황스러운 건 “뭘 눌러야 움직이는지”보다 “대체 어디를 봐야 하는지”였던 것 같아요. 저도 처음 외주 모션그래픽 작업을 시작했을 때는 프로젝트 패널, 컴포지션 패널, 타임라인, 이펙트 컨트롤이 전부 따로 노는 느낌이었어요. 영상은 만들어야 하는데 화면 안에 창이 너무 많아서 오히려 작업 속도가 안 났죠.

 

교대역 근처 사무실에서 IT 업무를 하다가 밤에는 외주 모션 작업을 병행하던 시절이 있었는데, 그때 가장 크게 체감한 게 “인터페이스 세팅도 실력”이라는 점이에요. 실내 클라이밍에서도 홀드를 잘 읽어야 힘을 덜 쓰듯이, After Effects도 패널과 단축키를 잘 정리해두면 불필요한 클릭이 확 줄어요.

 

오늘은 After Effects 인터페이스를 처음부터 실무 기준으로 정리해볼게요. 단순히 버튼 위치를 외우는 글이 아니라, 실제 프로젝트에서 어떤 패널을 어디에 두면 빠른지, 어떤 단축키를 먼저 익히면 좋은지까지 같이 다뤄볼게요.

 

핵심 내용

 

After Effects의 인터페이스는 크게 네 영역으로 이해하면 쉬워요.

 

• 프로젝트 패널: 소스 파일, 컴포지션, 폴더를 관리하는 곳
• 컴포지션 패널: 실제 결과 화면을 보는 곳
• 타임라인 패널: 레이어, 키프레임, 애니메이션을 조작하는 곳
• 우측 패널: 이펙트, 프리셋, 정렬, 문자, 정보 등을 다루는 곳

 

처음에는 모든 패널을 다 열어두고 싶지만, 실무에서는 자주 쓰는 패널만 고정해두는 게 훨씬 효율적이에요. 제 기준으로 기본 작업용 워크스페이스는 이렇게 잡는 편이에요.

 

1. 왼쪽: Project 패널

2. 중앙 상단: Composition 패널

3. 중앙 하단: Timeline 패널

4. 오른쪽: Effects & Presets, Align, Character, Paragraph

5. 필요할 때만 열기: Graph Editor, Tracker, Render Queue

 

특히 모션그래픽 작업에서는 Timeline과 Graph Editor를 자주 오가기 때문에, 타임라인 영역을 넓게 확보하는 게 중요해요. 초보 때는 미리보기 화면을 크게 보고 싶어서 컴포지션 패널을 크게 쓰는 경우가 많은데, 실제로 애니메이션을 다듬을 때는 키프레임 간격과 그래프 곡선을 보는 시간이 더 많아요.

 

단계별로 실사용 세팅을 해보면 이렇습니다.

 

첫 번째, 기본 워크스페이스를 정리해요. 상단 메뉴에서 Window > Workspace > Standard로 초기화한 뒤, 필요 없는 패널을 닫고 자주 쓰는 패널만 남겨요. 이후 Window > Workspace > Save as New Workspace로 저장하면 됩니다. 저는 보통 Motion_Work, Text_Animation, Render_Check처럼 작업 목적별로 저장해요.

 

두 번째, 프로젝트 패널에는 폴더 구조를 미리 잡아요. 작은 작업이라도 소스가 쌓이면 금방 헷갈려요.

 

`text

01_Comps

02_Footage

03_Images

04_Audio

05_Precomps

06_Exports

`

 

이 정도만 잡아도 나중에 수정 요청이 왔을 때 훨씬 빠르게 대응할 수 있어요. 특히 클라이언트 외주에서는 “지난번 로고 버전으로 다시 바꿔주세요” 같은 요청이 자주 오기 때문에 파일 정리가 곧 작업 속도예요.

 

세 번째, 단축키는 자주 쓰는 것부터 몸에 익히면 돼요. 처음부터 모든 단축키를 외우려고 하면 금방 지쳐요. 아래 정도만 익혀도 작업 흐름이 확 달라져요.

 

`text

P: Position

S: Scale

R: Rotation

T: Opacity

A: Anchor Point

U: 키프레임이 있는 속성만 보기

UU: 변경된 속성 모두 보기

Ctrl/Cmd + D: 레이어 복제

Ctrl/Cmd + Shift + C: Pre-compose

Space: 미리보기

N: 작업 영역 끝점 설정

B: 작업 영역 시작점 설정

F9: Easy Ease

`

 

여기서 가장 많이 쓰는 건 U와 UU예요. 레이어가 많아질수록 속성을 하나씩 펼쳐보는 건 시간이 너무 많이 걸려요. 키프레임만 확인하고 싶을 땐 U, 수정된 속성을 전부 보고 싶을 땐 UU를 누르면 됩니다.

 

실무 팁도 몇 가지 정리해볼게요.

 

첫 번째 팁은 패널을 “역할별로 고정”하는 거예요. 예를 들어 텍스트 애니메이션 작업을 많이 한다면 Character, Paragraph, Align 패널을 오른쪽에 항상 붙여두는 게 좋아요. 반대로 합성이나 트래킹 작업이 많다면 Tracker, Preview, Effects Controls를 더 잘 보이게 두는 편이 낫습니다.

 

두 번째 팁은 타임라인의 레이어 색상을 적극적으로 쓰는 거예요. 배경은 파란색, 텍스트는 노란색, 컨트롤 Null은 빨간색, 프리컴프는 보라색처럼 규칙을 정해두면 복잡한 프로젝트에서도 구조가 한눈에 들어와요.

 

세 번째 팁은 작업 영역 바를 습관적으로 조정하는 거예요. Preview가 느릴 때 전체 컴포지션을 계속 재생하지 말고, B와 N으로 필요한 구간만 지정해서 확인하면 렌더 프리뷰 시간이 줄어요.

 

자주 하는 실수도 있어요.

 

가장 흔한 실수는 패널이 사라졌다고 프로그램이 망가졌다고 생각하는 거예요. 이럴 땐 대부분 Window 메뉴에서 다시 켤 수 있어요. 그래도 꼬였다면 Window > Workspace > Reset to Saved Layout으로 복구하면 됩니다.

 

두 번째 실수는 컴포지션 패널에서 레이어를 선택했는데 타임라인에서 어디 있는지 못 찾는 경우예요. 이때는 선택한 상태에서 X를 누르면 타임라인이 해당 레이어 위치로 이동해요. 레이어 수가 많은 프로젝트에서 꽤 유용해요.

 

세 번째 실수는 모든 이펙트를 Effects Controls에서만 조정하려는 거예요. 간단한 값은 괜찮지만, 애니메이션이 들어간 속성은 타임라인에서 키프레임을 같이 보면서 조정하는 게 더 안전해요. 그래야 나중에 타이밍이 꼬였을 때 원인을 빨리 찾을 수 있어요.

 

실무 활용 예시

 

예를 들어 스타트업 서비스 소개 영상의 15초짜리 오프닝을 만든다고 해볼게요. 로고, 아이콘, UI 캡처 이미지, 짧은 카피 문구, 배경 도형 애니메이션이 들어가는 프로젝트예요.

 

이때 저는 먼저 Project 패널에 폴더를 나눠요. 로고는 02_Footage, 아이콘은 03_Images, 실제 작업 컴프는 01_Comps, 버튼이나 카드 애니메이션처럼 재사용할 요소는 05_Precomps에 넣어요.

 

그다음 타임라인에서는 레이어 색상을 정리해요. 텍스트 레이어는 노란색, UI 이미지는 초록색, Null 컨트롤러는 빨간색으로 둡니다. 이렇게 해두면 클라이언트가 “두 번째 문구만 조금 더 늦게 나오게 해주세요”라고 했을 때 바로 텍스트 레이어만 보고 수정할 수 있어요.

 

애니메이션을 잡을 때는 Position, Scale, Opacity를 P, S, T로 빠르게 열고, 키프레임을 찍은 뒤 U로 필요한 속성만 확인해요. 움직임이 너무 딱딱하면 F9로 Easy Ease를 적용하고 Graph Editor에서 속도 곡선을 다듬어요.

 

렌더 전에는 작업 영역 바를 최종 구간에 맞춰두고 Preview 패널에서 재생 품질을 확인해요. 이때 전체 15초를 매번 확인하기보다 문제가 되는 2~4초 구간만 B, N으로 잡아서 반복 확인하면 훨씬 빠릅니다.

 

실무에서는 이런 작은 인터페이스 습관이 누적돼요. 한 번에 5초 아끼는 작업이라도 하루에 수십 번 반복하면 꽤 큰 차이가 납니다.

 

마무리

 

After Effects 인터페이스는 처음엔 복잡해 보이지만, 핵심은 패널의 역할을 이해하고 내 작업 방식에 맞게 배치하는 거예요. Project 패널은 정리, Composition 패널은 확인, Timeline 패널은 조작, 우측 패널은 보조 도구라고 생각하면 훨씬 편해요.

 

먼저 익힐 단축키는 P, S, R, T, U, UU, F9, Ctrl/Cmd + D, Ctrl/Cmd + Shift + C 정도면 충분해요. 여기에 작업 영역 저장과 레이어 색상 정리까지 습관화하면 초보 티가 확 줄어듭니다.

 

다음 단계로는 Graph Editor 사용법, Pre-compose 구조 설계, Null Object와 Parenting 활용법을 이어서 공부하면 좋아요. 특히 모션그래픽 실무에서는 인터페이스를 잘 쓰는 것에서 끝나는 게 아니라, 키프레임을 어떻게 읽고 정리하느냐가 작업 퀄리티를 크게 좌우해요.

 

---

 

참고 영상

 

 

관련 YouTube 튜토리얼 보기