애펙 텍스트에 맞춰 자동으로 박스 조절하는 법 sourceRectAtTime() / Slider Control

애펙에서 텍스트의 내용에 따라 박스 크기가 달라지게 하는 방법이 있다.

실무에서 작업을 하면서 텍스트가 바뀔 때마다 

매번 박스 크기를 하나하나 수정했는데..

이 방법을 퇴사 직전에 알게되다니

분하다..!

 

 

1.

애프터이펙트에서

adjustment layer / 텍스트 / shape layer를 생성한다.

(영문 텍스트는 문제없으나 이상하게 한글 텍스트만 쓰면 익스프레션 오류가 난다.. 이유를 찾으면 추후 업데이트하겠다.)

 

 

 

 

sourceRectAtTime()

2.

shape layer > size에 익스프레션 표현식을 써준다.

*박스의 가로 세로 길이는 텍스트 레이어에 따르겠다는 뜻!

 

w = thisComp.layer("eddddfgh").sourceRectAtTime().width;

h = thisComp.layer("eddddfgh").sourceRectAtTime().height;

[w,h]

 

위 표현식은 텍스트가 늘어나고 줄어들지만

박스의 크기가 텍스트에 딱 맞게 움직이기 때문에 

박스의 여백을 줄 필요가 있어 보인다.

 

 

sourceRectAtTime()

3. 박스의 여백을 주기 위해서 slider control을 써보자.

위에서 언급했던 식에서 여백을 나타내는 표현식을 추가한다.

 

w = thisComp.layer("eddddfgh").sourceRectAtTime().width;

h = thisComp.layer("eddddfgh").sourceRectAtTime().height;

m = thisComp.layer("Adjustment Layer 2").effect("Slider Control")("Slider");

[w+m,h+m]

 

 

애프터이펙트에서 텍스트의 수에따라

박스의 크기가 자동으로 조절되는 방법을

sourceRectAtTime() 표현식을 통해서 간단하게 사용할 수 있으며,

텍스트의 여백은 Slider Control로 간편하게 조절할 수 있다.