[에펙레시피] 숫자 카운트 바운스 모션 레시피

 

 

안녕하세요 에펙레시피입니다!
이번 레시피는 "숫자 카운트 바운스 모션" 레시피입니다.

 

이번 레시피는 숫자가 카운팅 될 때마다 바운스가 되는 텍스트 모션이에요

익스프레션을 사용하지만 간단합니다 :)

 

 

 

[Ctrl+N]로 1920*1080 크기 컴프창을 만들어 주세요.

 

 

 

[Ctrl+Y]로 마음에 드는 색의 솔리드 레이어를 만들어 배경으로 사용합니다.

 

 

 

컴프창을 선택하고 [Ctrl+T]로 숫자를 입력합니다.

Align(상단 메뉴 중 window > Align)를 사용하여 중앙으로 맞춰주세요.

 

 

텍스트 마우스 오른쪽 클릭,  Layer Styles > Stroke를 선택합니다.

 

 

 

>Stroke 옵션에서 Color 색을 검은색으로 바꿔주세요.

그리고 Size를 늘려서 외곽선의 두께를 만들어 줍니다.

텍스트 설정에서 직업 외각선을 줄 수 있지만, 서로 간섭이 생겨 이렇게 작업했습니다.

 

 

 

[Ctrl+5] Effects & Presets 창을 열고 Slider Control 검색해서

 

 

 

 

 텍스트에 적용합니다.

 

 

텍스트 옵션을 열고 Source Text 시계 아이콘을 [Alt+클릭] 익스프레션 창을 열어주세요.

 

그리고 아래 스크립트를 입력합니다.

 

Math.round(effect("Slider Control")("Slider"))

 

 

이제 Slider Control을 이용해서 숫자를 설정할 수 있습니다.

 

 

 

사용할 숫자를 입력하는데, 숫자가 올라가는 속도가 너무 빠르면 바운스가 안됩니다.

저는 적당히 970을 입력하고 0초에 애니메이션 키를 주겠습니다.

 

적당히 2초 중반쯤에 작업 바를 옮겨, 숫자가 천천히 늘어나게 하고

적당히 4초 초반쯤에 작업바를 옮겨, 숫자가 급하게 늘어나는 연출을 만들어 봅니다.

 

 

 

바운스가 되는 스크립트는 아래 있는 걸 복사해 붙여 넣기 해서 사용하시면 됩니다.

 

 

slider = effect("Slider Control")("Slider");

amp = 60;      // 커지는 정도
freq = 5;    // 튕김 속도
decay = 10;     // 감쇠

cur = Math.round(slider.value);

// 최근에 숫자가 바뀐 시점 찾기
tChange = -1;
lookBack = 1; // 몇 초 전까지 검사할지

for (i = 0; i < lookBack / thisComp.frameDuration; i++){
    t = time - i * thisComp.frameDuration;
    nowVal = Math.round(slider.valueAtTime(t));
    prevVal = Math.round(slider.valueAtTime(t - thisComp.frameDuration));

    if (nowVal != prevVal){
        tChange = t;
        break;
    }
}

if (tChange >= 0){
    t = time - tChange;
    bounce = amp * Math.sin(freq * t * 2 * Math.PI) / Math.exp(decay * t);
    value + [bounce, bounce];
}else{
    value;
}

 

 

여기서 amp = 60; 은 커지는 정도. 숫자를 30, 140처럼 바꾸면 숫자 크기가 바꿔요!

freq = 5; 은 바운싱 되는 속도 입니다. 숫자가 높아질수록 빨리 튀어 오릅니다.

decay = 10; 은 감쇠, 높을수록 바운스가 약해지고 금방 끝나요.

스크립트를 전부 복사해 [Ctrl+C]로 복사해 주세요. 

 

 

 

텍스트 레이어를 선택 후 [S]를 눌러서 Scale의 [Alt+클릭]으로 익스프레션 창을 열어주세요.   

 

 

 

중심축으로 커지니 중심 위치를 옮기면 다른 느낌으로 튕겨 오를 거예요

숫자가 강조되는 이벤트에 강조하는 타이포모션으로 사용해도 좋을것 같습니다.

 

 

 

혹시 포스팅으로 알기 어려우신 분들은 아래 유튜브 영상을 참고하시면 좋으실 것 같습니다!
감사합니다!

https://youtu.be/jnaITGcmFV0