260112 내일배움캠프 TIL 48일차

After Effects 기초 (1강)

모션그래픽: 움직임으로 의미를 전달하는 디자인 언어

모션그래픽은 시간, 리듬, 그리고 움직임을 중심으로 의미를 전달한다.

 

2D 모션그래픽:

평면 위에서 형태, 글자, 색상이 움직이면서 구성되는 것을로, 주로 정보 전달, 브랜딩, SNS 콘텐츠 등에서 쓰인다.

 

특징

- 단순한 구조, 빠른 제작 속도

- 색상, 형태, 텍스트 중심의 시각적 리듬 설계

- 정보 전달, 인포그래픽, 브랜딩 영상에 적합

 

장점

- 직관적이고, 이해가 빠르다.

- 가벼운 리소스로 SNS, 웹 환경에 최적화 되어있다.

- 그래픽 디자인 감각을 살리기 용이하다.

 

단점
- 깊이감 표현에 한계가 있다.

- 현실적 질감/조명 연출이 어렵다.

 

활용 분야: 인포그래픽 영상, UI 전환 모션, SNS 브랜드 캠페인

 

3D 모션그래픽: 입체 공간 안에서 오브젝트, 카메라, 조명을 활용해 깊이감 있는 장면을 구성하는 방식

 

특징

- 현실감과 깊이감 있는 시각적 연출이 가능하다.

- 공간적 구조, 질감, 조명의 설계가 중요하다.

- AE 내장 3D layer 또는 Cinema 4d Blender를 연동 활용

 

장점

- 고급스럽고 몰입감 높은 영상 제작 가능

- 실제 제품, 공강 연출에 효과적이다.

 

단점

- 높은 사양, 긴 제작 시간

- 큰 러닝커브

 

활용 분야: 브랜드 오프닝, 영화 타이틀, 제품 프로모션

 

요즘에는 2D와 3D를 병행해서 사용하는 경우가 늘고 있다.

 

모션그래픽 활용분야

 

브랜딩 / 광고영상

목적: 브랜드 아이덴티티의 시각화

특징: 로고, 컬러, 슬로건 등 브랜드 핵심 요소를 모션으로 설계해서 브랜드의 가치, 감정, 톤을 전달한다.

핵심 포인트: 브랜드의 첫인상을 결정하는 영상이므로, 움직임이나 색상, 음향이 브랜드 감정선과 일치해야 한다.

 

UI, UX 모션

목적: 디지털 인터페이스를 사용자 친화적으로 표현하는 것

특징: 터치, 클릭, 전환 등 인터랙션을 부드럽게 연결시켜서 시각적 피드백을 통해 사용성을 향상시킨다.

핵심 포인트: 모션을 '의미 있는 반응'으로 구현해야 한다.

 

SNS/숏폼 컨텐츠 

목적: 짧은 시간 내 메시지 전달

특징: 15~30초 내 완결되는 구조가 대부분이며 주로 세로비율로 구성 되어있고, 자막 및 그래픽을 강조한다. 또한 강한 색감, 트랜지션, 템포 중심의 연출이 일어난다.

핵심 포인트: 첫 3초 안에 관심을 끌어야 한다. 또한 반복 감상(루프) 구조로 되어있어 완성도가 강화된다.

 

타이틀 시퀀스

목적: 영상의 세계관과 분위기를 한 눈에 전달하는 것

특징: 폰트와 음악, 그래픽의 조합으로 테마가 확립되고, 영화나 드라마, 예능 등 서사형 콘텐츠의 오프닝에 사용된다.

핵심 포인트: 첫 인상이 영상의 몰입도를 결정하고, 시각적 콘셉트와 음악의 싱크가 중요하다.

 

미디어아트

목적: 대형 스크린/공간에서 몰입형 경험 제공하기

특징: 실사 영상과 그래픽이 결합되어 있고, 프로젝션 맵핑을 사용하며 주로 LED 미디어월에서 재생된다. 미디어아트를 만들 때는 관객의 위치, 시선, 동선을 고려해서 공간을 연출해야 한다.

핵심포인트: 해상도, 비율, 조명 등 공간 제약에 맞는 그래픽을 설계해야 한다. 그리고 loop 구조가 필수다.

 

모션그래픽의 핵심 구성 요소

형태: 움직임의 주체(예시: 도형, 선, 아이콘 등) 시각적 리듬과 균형의 기반이 되고 메시지의 구조를 형성한다.

AE에서 shape layer나 mask, path animation으로 구현이 가능하다.

 

타이포그래피: 글자의 형태와 움직임으로 정보와 감정을 전달하는 핵심요소이다.

시선 흐름에 따라 배치해야하고, 브랜드 톤과 맞는 폰트를 써야한다.

그리고 사용하는 애니메이션은 등장 타이밍, 방향, 투명도에 따라 결정된다.

AE에서 Text Animator, Tracking, Anchor Animation으로 구현할 수 있다.

 

색상: 감정을 가장 직관적으로 전달하는 요소로, 브랜드의 정체성과 분위기를 정의한다.

주로 브랜드 톤 및 팔레트 설정에 쓰이고, 명도와 채도를 통해 계층구조를 표현할 수 있으며 배경 대비로 주요 메시지를 강조하는 데 쓰인다.

AE에서 Fill, Gradient, Tint, Adjustment Layer 등에 쓰인다.

 

 

타이밍: 움직임이 발생하는 시간과 속도, '언제' 움직이고 '얼마나 빠르게' 변하는가를 설계하는 영역.

활용포인트

- Easing: 시작/끝 부드럽게 → 자연스러운 움직임

- offset: 순차적 등장 → 리듬감 강화

- hold& anticipation: 일시 정지로 포인트 강조

AE에서 graph editor, keyframe, velocity, expressions로 구현할 수 있다.

 

모션그래픽 워크플로우

 

단계	목적	주요 산출물
기획	영상의 목적, 방향 정의	콘셉트 문장, 기획서
디자인 & 스토리보드	시각적 구도, 흐름 설계	비주얼 스타일보드, 스토리보드
제작	움직임 구현, 애니메이션 작업	애프터이펙트 프로젝트 파일
합성 & 사운드	시각적, 청각적 완성도 향상	완성본 영상, 믹싱버전 파일
렌더링 & 납	출력 및 최종 결과 전	mp4, mov 등 완성파일

 

 

After Effects(AE): 움직임을 설계하고 감정을 시각화하여 메시지를 움직임으로 연계하는 도구

AE의 작업 순서

1. 컴포지션 생성 → 작업 해상도, 프레임 설정
2. 소스 가져오기(Import) → 영상, 벡터 파일, 이미지, 오디오 등

a. 혹은 소스 제작 → 텍스트, Shape Layer, 이펙트 등

3. 레이어 구성 → 요소를 배치하고 순서 정리

4. 키프레임 설정 → 위치, 회전, 투명도 등 속성 지정

5. 이징 조정 및 그래프 세밀화 → 자연스러운 움직임 구현

6. 미리보기(Preview) → 실시간 결과 확인

7. 렌더링(Rendering) → 최종 영상 파일로 출력

 

 

모션그래픽의 기본 원리

움직임의 구조: 시작 - 변화 - 정지

시작: 움직임이 예고되는 구간으로, 시선이 모이기 시작한다.

변화: 움직임이 발생하는 구간. 속도, 방향, 형태가 변한다.

정지: 움직임이 끝나는 구간. 인식이 안정되는 순간이다.

(이 세  단계가 균형 있게 배치되면, 흐름을 이해하기 쉬워진다.)

 

리듬: 한 컷이 등장하고 사라지는 간격, 속도의 변화, 반복 주기에서 만들어지는 '모션의 박자감'

리듬이 빠르면 영상에 에너지가 넘치고 긴장감이 생기지만 반면 느린 리듬은 안정적이고 집중도를 높일 수 있다.

 

움직임의 무게감: 움직임에 속도를 더하면 현실적으로 보이도록 할 수 있다.

AE에서 무게감을 easing으로 표현한다.

ease in: 가속 / ease out: 감속

 

대비(Contrast)

속도의 대비: 긴장감 조절

규모의 대비: 시선의 이동

색의 대비: 분위기 전환

AE에서 '키프레임 간 간격 조절'과 '레이어 오프셋'으로 구현할 수 있다.

 

AE에서 자주 쓰는 움직임

- Ease in / Ease out(감속 / 가속): 움직임이 시작하거나 멈출 때의 속도 변화를 조절하는 원리.

움직임 사이에 속도 변화를 줘서 자연스럽게 만든다.

- Anticipation(예비 동작): 움직이기 전 시청자의 시선을 준비시키는 동작으로, 어떤 행동 발생 전에 예고 동작을 보여주어 다음에 일어날 움직임을 강조한다.

- overlay(중첩, 오버레이): 한 요소의 움직임이 다른 요소보다 약간 늦게 반응하는 것.

예시) 글자가 한 글자씩 순서대로 튀어나오는 것, 리본 끝이 늦게 따라오는 것.

- squash & stretch (눌림, 늘어남): 사물이 압축되거나 늘어날 때 형태 변화를 줘서 생동감을 주는 방식. 이때, 형태가 변해도 부피를 유지시켜야 자연스럽다.

- Follow-through(여운): 움직임이 끝난 뒤에 남는 작은 흔들림이나 여운을 표현하는 것. 자연스러움과 완성도를 만들어준다.

 

 

디자인 감각 훈련

이번주부터는 색상과 관련된 분석이다.

오늘은 색상에 따라 달라지는 분위기에 대해 분석을 하게 되면서

전체적으로 채도높은 색이 많이 사용된 영상을 분석했는데,

그러면서 느낀 것이 영상의 색은 분위기에 영향을 많이 주기도 한다는 것과

특히 영상 도입부에서 사용되는 색상은 보는 사람들의 시선을 사로잡는데 지대한 영향을 준다는 것을 알았다.