Ae 8편. 모션그래픽의 그래프(Ease In/Out), 텐션(Tension)

자동차가 시속 110km에서 50km로 속도를 줄일 때 급격히 멈추는 것이 아니라 점차 속도를 줄인 점진적인 감속이 'Ease In'의 원리입니다.  모션그래픽에서는 초반에 텍스트나 오브젝트가 정해진 위치에 등장하는 장면에 이지인(Ease In)을 적용해야 '텐션감을 줬다'라고 합니다.

반대로 자동차나 비행기가 시동켜고 출발해서 시속 0km에서 110km로 속도를 높이려면, 갑자기 속도를 올리는 것이 아니라 점진적으로 가속해야 합니다. 즉, 일정한 시간 동안 점차 속도를 증가시키는 과정이 필요하며, 이것이 바로 'Ease Out'의 개념입니다.  

모션그래픽에서 움직는 균등한 속도감을 리니어(Linear)라고 합니다.  Ease는  '편안함. 서서히 완화하다' 라는 사전적인 의미를 갖고 있습니다.  급정지하는 버스를 탄 승객들의  그 차이를 줄여주는 뜻의 이지(Ease)로 시작하면 '점차적으로....' 이렇게 이해하면 좋겠네요.  연결되는 In/Out은 무대에 일정한 위치에배우를 들어오게한 개념으로 In이라 하고, Out은 퇴장이라는 개념이 섞여서 Ease In, Ease Out이라는 용어로 합성해서 불리게 되었습니다.   롤러코스트의 '긴장감, 속도의 변화'를 텐션(Tension)준다라고 합니다.

 

 

 

프리미어(Premiere pro) - 우클릭 Temporal Interpolation...

모션그래픽에서는 Ease In은 서서히 속도가 주는 개념으로, Ease Out은 서서히 속도가 증가하는 개념으로 사용합니다. 둘다 Bezier라는 곡선형태가 되어 속도의 증감을 확인 할 수 있습니다.

예제에는 총 4개의 키프레임이 적용되어 있습니다.  1-2 도착,  잠시 정보를 보이며 쉬다가, 3~4 퇴장하는 장면을 연출하고 있습니다.

 

Ease In은 2번째, Ease Out은 3번째 키프레임에 적용해야 합니다.

등장하는 두번째 키프레임에서 오른클릭 후 Temporal Interpolation(시공간적 보간) - Ease In을 누르면 (첫번째 키프레임에서는 빨리 출발하는 것처럼 보이고)서서히 멈추는 장면이 연출됩니다.  무대밖으로 사라질 세번째 키프레임에는 Ease Out을 누르면 세번째 키프레임에서 점차 빨라져서 네번째 키프레임에서는 무난한 도착을 볼 수 있습니다.

 

---

애프터 이펙트 (After Effects)  + 단축키로 텐션을 간편하게!

애프터이펙트에서는 단축키가 발달되어  있는데, 3번째 키프레임에 Ease In을  Shift+F9의 단축키로,  4번째 키프레임에 Ease Out을  Ctril+Shift+F9의 단축키로 쉽게 표현할 수 있습니다.

애프터이펙트에서는 단축키가 발달되어  있는데, 3번째 키프레임에 Ease In을  Shift+F9의 단축키로,  3번째 키프레임에 Ease Out을  Ctril+Shift+F9의 단축키로 쉽게 표현할 수 있습니다.

애프터이펙트에서 3번째 키프레임에 Ease Out을  Ctril+Shift+F9로 쉽게 표현할 수 있습니다.

 

애프터이펙트에는 별도의  3,4번째 키프레임을 선택후 그래프 에디터를 통하 아래 그림과 같이 프리미어프로의  유사한 그래프 유형을 볼 수 있습니다.

그래프에디터에서 텐션감있는 표현을 위해서 보면 두 번째 S+F9를 누르고 Ease In이 적용된 속도를 보기에서 Edit Speed Graph로 간단히 보고,  두 번째 키프레임을 선택 한 후에 안쪽의 핸들을 시작지점으로 당겨줄 수 있습니다.

위 두 번째 오렌지색 박스의 둥근 안쪽의 핸들을 시작지점으로 당겼을 때 처음은 빠르게 가다가 키프레임 시점에는 속도를 줄이는 자연스러운 연출을 할 수 있습니다.

 

---

 

3D그래픽에서도 그래프  점차 속도가 주는 Ease In/  점차 속도가 증가하는 Ease Out 라는 개념은  블랜더에서 그래픽에디터의 구현장면이다.