본문 바로가기

최신 글

    애프터이펙트 강좌]#16 익스프레션(표현식) 추가로 BOUNCE 효과 주기 - 모션그래픽 기초에서 중급으로 업그레이드

    빠르크의3분강좌 2015. 11. 18.
    반응형

    안녕하세요 빠르크 입니다.


    모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고 있습니다.


    오늘은 익스프레션(표현식) 추가로 BOUNCE (통통 튀는) 효과를 주도록 하겠습니다.







    동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.







    #1 예제 영상에서 쓰인 기본적인 레이어 배치



    예제 영상에서 쓰인 레이어는


    1. 솔리드 (마스크 추가) - 비네팅 효과

    2. 텍스트 레이어 - Gradient ramp , 포지션에 표현식(익스프레션)을 걸어줍니다.

    3. 솔리드 (배경으로 쓰임)




    ▲레이어가 배치된 모습입니다.






    ▲ 비네팅 효과는 솔리드 추가 후 도형 버튼 더블 클릭하면 마스크로 생성됩니다.





    ▲텍스트 레이어에는 Gradient Ramp 이펙트를 추가하여 글자색을 만들어줍니다.








    #2 익스프레션(표현식) 추가하기 



    익스프레션 종류는 무궁무진 합니다.

    오늘은 bounce 효과를 주는 익스프레션을 보겠습니다.


    우선 텍스트레이어에 포지션 부분을 클릭하여 활성화 해준 상태로 두세요.




    ▲ 텍스트 레이어의 position을 선택해주세요.




    ▲ 표현식을 추가하는 방법에는 여러 가지가 있는데


    첫 번째 방법은 위의 그림과 같이 Animation - Add Expression

    두 번째 방법은 단축키 Shift + Alt(맥은 option) + "=" 키 입니다.

    세 번째 방법은 Alt (맥은 option) 키를 누른 상태에서 키프레임 추가 버튼(스톱워치) 클릭.




    ▲ 표현식을 다음과 같이 입력해줍니다. 


    처음 나오는 부분은 지워주신 후 아래 내용을 복사한 후에 붙여넣기 하셔도 됩니다.



    //

    n = 0;

    if(numKeys > 0){

    n = nearestKey(time).index;

    if(key(n).time > time){

    n--;

    }

    }

    if (n==0){

    t =0;

    }else{

    t=time-key(n).time;

    }

    if(n>0 && t <1){

    v = velocityAtTime(key(n).time - thisComp.frameDuration/10);

    amp = .5;

    freq = 4.0;

    decay=4.0;

    value+v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);

    }else{

    value;

    }

    //




    파란색 글씨로 표시된 amp, freq, decay 부분의 숫자를 바꿔주시면 

    다양한 연출이 가능합니다.



    amp는 범위, 크기 값을 설정해줍니다. 

    이 항목을 이용해 바운스를 크게 혹은 작게 할 수 있습니다.


    freq는 주기(cycle) 값입니다. 

    이 항목을 이용해 바운스를 높게 혹은 낮게 줄 수 있습니다.


    decay는 감쇄값 입니다.  

    이 항목의 값이 높으면 바운스를 급작스럽게 멈출 것이고, 반대로 값이 낮다면 바운스가 지속적으로 오래 이어지게 합니다.









    애프터이펙트를 이용해 멋진 영상 만드는 데 

    이 강좌가 도움이 되었다면 

    아래의 공감 버튼을 눌러주시면 감사하겠습니다.





    반응형

    댓글