[AF/애프터 이펙트] 왜 Expression을 사용할까.

Adobe After Effects에서 Expression(표현식)은 레이어 속성에 적용할 수 있는 JavaScript로, 레이어의 속성에 적용하여 동적 애니메이션을 생성하거나 프로젝트의 특정 작업을 자동화할 수 있게 합니다. 속성을 연결하거나 계산을 수행하거나, 키프레임을 일일이 설정하지 않고도 절차적인 효과를 만들 수 있습니다.

---

Expression 

time * value

After Effects의 표현식(Expression)은 자바스크립트와 유사한 코드로, 매번 수작업으로 키프레임을 설정하지 않고도 동적 애니메이션이나 효과를 만들 수 있습니다. 표현식은 After Effects의 Expression Editor에서 작성하며, 속성을 연결하거나 작업을 자동화하거나 수학적 공식이나 외부 데이터를 기반으로 절차적 효과를 생성할 수 있습니다.

 

표현식의 작동 원리

• 특정 속성(예: 위치, 크기, 불투명도, 회전)에 적용됩니다.

• 속성 옆의 스톱워치 아이콘을 Alt+클릭(Windows) 또는 Option+클릭(Mac)하여 Expression Editor에 액세스합니다.

• 활성화된 상태에서 표현식을 작성하거나 pick-whip 도구를 사용해 동적으로 속성을 연결할 수 있습니다.

 

자주 사용하는 표현식 예시

Wiggle (random motion)

wiggle(frequency, amplitude)

wiggle(3, 50)
#초당 3번, 50 단위의 진폭으로 랜덤하게 움직입니다.

 

Time-based Animation

 

time * value

time * 30
속성(예: 회전)이 초당 30 단위씩 증가합니다.

 

Looping (Cycle)

loopOut("cycle")

 

Connecting Properties

thisComp.layer("Other Layer").transform.position

 

Bounce Effect (for animations like dropping objects)

amp = 50;
freq = 2;
decay = 2;
t = time - key(1).time;
amp * Math.sin(freq * t * Math.PI * 2) / Math.exp(decay * t)

 

표현식을 사용하는 이유

• 효율성: 반복적인 키프레임 작업을 줄일 수 있습니다.

• 유연성: 다른 속성이나 레이어의 변화에 애니메이션을 쉽게 적응시킬 수 있습니다.

• 정확성: 수작업으로 키프레임을 설정하기 어려운 복잡한 계산이나 효과를 구현할 수 있습니다.

• 상호작용성: 오디오 레벨이나 외부 JSON 파일과 같은 외부 데이터에 애니메이션을 동적으로 연결할 수 있습니다.

 

표현식은 프로젝트의 필요에 따라 간단한 것부터 매우 복잡한 것까지 다양하게 사용할 수 있습니다. 기본적인 자바스크립트와 After Effects 개념에 익숙하다면 표현식을 훨씬 쉽게 다룰 수 있습니다.