MOTION//CORE
✨ INTERACTIVE MOTION GRAPHICS SHOWCASE

DESIGN IN
TIME & SPACE

그래픽 디자인 요소에 시간과 공간, 완급 조절의 생동감을 결합한 시각 예술.
실시간 인터랙티브 샌드박스로 모션 그래픽스의 원칙과 기술을 경험하세요.

60 FPS
REALTIME CANVAS
12 PRINCIPLES
DISNEY & MOTION
4D DIMENSION
TIME + SPACE
0 MS
RENDER TIME
SCROLL DOWN
01 // CONCEPT

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

캐릭터 중심의 전통적 서사와 달리, **정보 디자인(Information Design)**과 **브랜드 감성(Branding)**에 시각적 리듬을 불어넣는 4차원 시각 예술 기법입니다.

T

Typography

움직이는 텍스트를 통해 메시지의 강약 조절 및 서사적 감정을 직접 전달합니다.

KINETIC TEXT
S

Shapes & Vectors

도형의 유기적인 변형(Morphing)을 통해 명확한 개념 시각화와 브랜딩을 구축합니다.

VECTOR MORPH
A

Sound Sync

비각적인 사운드 트랙과 프레임 단위로 동기화되어 사용자의 감각 몰입을 극대화합니다.

AUDIO SYNC
E

Easing & Spacing

자연스러운 가속과 감속(Bezier Easing)을 통해 물체에 무게감과 현실감을 부여합니다.

PHYSICS RHYTHM
02 // EVOLUTION

모션 그래픽스의 역사와 메커니즘의 진화

아날로그 타이틀 롤 시퀀스에서부터 PC 디지털 혁명, 그리고 현재의 웹 인터랙티브 실시간 벡터 기술까지의 타임라인입니다.

1950s - 1960s GENERATION

솔 바스(Saul Bass)와 영화 타이틀 롤의 혁명

기존의 정적인 케스트 카드가 차지하던 영화 오프닝을 모션 그래픽 예술의 영역으로 끌어올렸습니다. 히치콕 감독의 Vertigo, Psycho 등에서 그래픽 도형과 오디오의 조합으로 독자적인 긴장감을 연출했습니다.

KEY FIGURES: Saul Bass, Pablo Ferro, Maurice Binder
TECH STACK: Optical Printers & Cel Cutouts
03 // INTERACTIVE LAB

모션 원칙 실시간 샌드박스

슬라이더와 컨트롤러를 조작하여 가속도, Easing 곡선, Squash & Stretch 물리 효과를 실시간으로 테스트해 보세요.

Squash & Stretch (찌그러짐/늘어남)

PHYSICS

물체가 지면에 충돌하거나 급가속할 때 질량을 유지하면서 형태가 변화하는 모션 원칙입니다.

Elasticity (탄성 수치) 0.45
Gravity Strength (중력 속도) 0.80
Bounciness (반발력 계수) 0.75
CANVAS CONTROLLER READY
04 // SOFTWARE STACK

제작 파이프라인 및 주요 에셋 툴

2D 합성, 3D 공간 연출, 그리고 웹 기반 벡터 모션 파이프라인에 활용되는 주요 소프트웨어 эко시스템입니다.

Ae
2D / COMPOSITING

Adobe After Effects

업계 표준 2D 합성 및 키프레임 모션 그래픽스 툴. 강력한 이펙트 플러그인과 비디오 합성을 지원합니다.

KEY FRAME CONTROL98%
C4D
3D / MOGRAPH

Cinema 4D & Blender

MoGraph 모듈을 활용한 3D 모션 디자인 및 브로드캐스트 그래픽 시뮬레이션의 핵심 툴입니다.

3D PROCEDURAL95%
Rv
REALTIME / VECTOR

Rive & Lottie

웹과 모바일 앱 UI/UX 상에서 용량 손실 없이 60FPS 실시간 벡터 모션을 렌더링하는 차세대 인터랙티브 엔진입니다.

INTERACTIVE UI99%