본문 바로가기

최신 글

    애프터이펙트 강좌]#15 그래프 에디터로 속도감 주기 - 모션그래픽 기초에서 중급으로 업그레이드

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

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


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


    오늘은 모션에서 중요한 속도감을 주는 방법, 그래프 에디터를 다루는 방법을 알아보겠습니다.





    ▲그래프 에디터를 이용하면 모션의 속도감이 달라집니다.


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


    ▲예제 영상입니다.





    #1 텍스트 레이어 : GRAPH EDITOR 입력 후 ramp 이펙트로 그라디에이션 넣어주기



    ▲텍스트 레이어를 입력 한 후에 이펙트 ramp 를 적용시킵니다.





    ▲ "start color"는 #FEF2D8 입니다.




    ▲ "end color"는 #6D9A93 입니다.





    #2 3D 레이어로 변경 후 포지션 z값에 키프레임 애니메이션 




    ▲ 텍스트 레이어를 3D 레이어로 변경해보겠습니다. 

    큐브모양의 아이콘을 눌러주세요.




    ▲겉으로 볼 때는 큰 변화가 없지만

    포지션을 열어보면 z축 값이 새로 생성되었습니다.


    z축 값에 애니메이션을 넣어주겠습니다.

    0 프레임에서 15819.9 정도로 아주 크게 줍니다.




    ▲5프레임 정도에서는 z축 값을 평소와 같이 0으로 두었습니다.

    글자가 정상적으로 보이는 것을 확인할 수 있습니다.





    #3 스크립트 활용(decompose_text)


    스크립트를 통해 글자를 한 글자 한 글자 분해하겠습니다.

    스크립트 다운로드 및 적용 방법 안내는 다음 포스팅을 참조해주세요.

    (#14 시간차 애니메이션 http://parkpic.tistory.com/169) 





    ▲ Decompose text 스크립트를 적용시키겠습니다.





    ▲ 키프레임을 앞에서 미리 지정해놓았기에 

    한 글자 한 글자 분해되면서 

    키프레임 적용된 채로 분해가 되었습니다.







    #4 간편하게 속도감 주는 법 (키프레임 어시스턴트)

      



    ▲모든 키프레임을 선택해보겠습니다. 드래그로 쭈욱 끌어서 선택해주세요.



    ▲ 키프레임 위에서 마우스 오른쪽 버튼 누르면

    키프레임 어시스턴트를 이용할 수 있습니다.


    Easy Ease 단축키는 F9입니다. 완만하게 적용되는 애니메이션입니다.

    Easy Ease In은 천천히 시작되다가 마지막에 빨라지는 애니메이션 입니다.

    Easy Ease out은 빠르게 시작해서 천천히 느려지는 애니메이션 입니다.




    ▲Easy Ease를 먹이면 키프레임 아이콘이 모래시계로 바뀝니다.





    #5 그래프 에디터로 키프레임 속도 편집하기




    ▲ 그래프 에디터 버튼입니다. 

    저기를 누르면 타임라인이 그래프 에디터 화면으로 변합니다.





    ▲ 화면이 이렇게 변해있습니다. 

    색깔별로 x, y, z축 그래프가 있습니다.

    현재는 값(value)을 기준으로 그래프가 있기 때문에

    우리가 앞서 애니메이션 효과를 준 z축(파란색) 그래프만 변동이 있고

    나머지 x축(빨간색), y축(연두색)은 평평한 선을 보이고 있습니다.





    ▲ 마우스 오른쪽 버튼을 눌러

    "Edit Speed Graph" 로 넘어갑니다.




    ▲ 그림과 같이 분홍색 곡선이 나옵니다.

    우리는 앞서 키프레임 어시스턴트로 easy ease를 먹인 상태라

    현재 완만한 곡선 형태로 되어 있습니다.




    ▲ 곡선이 끝나가는 부분에 클릭 한 번 해주세요.




    ▲ 노란 곡선이 뜹니다. 저기에 동그란 점을 왼쪽으로 끌어다 줍니다.




    ▲ 노란 점 클릭 후 화살표 방향으로 드래그 해주시면

    곡선이 앞으로 기울어진 형태로 변형됩니다.




    #6 pt_shiftLayer로 레이어 배치 다르게 하기 (스크립트) 



    시차를 두고 나오는 애니메이션과 같습니다.




    ▲pt_ShiftLayer 스크립트를 실행시켜 줍니다.




    ▲2프레임씩 간격을 둡니다.




    ▲각 레이어들이 2프레임씩 따로 떨어져서 실행되는 상태입니다.

    그래서 예제 영상처럼 G R A P H E D I T O R이 순서대로 나옵니다.







    정리


    1. 키프레임 어시스턴트

    - Easy Ease 단축키는 F9입니다. 완만하게 적용되는 애니메이션입니다.

    - Easy Ease In은 천천히 시작되다가 마지막에 빨라지는 애니메이션 입니다.

    - Easy Ease out은 빠르게 시작해서 천천히 느려지는 애니메이션 입니다.


    2. 그래프에디터 속도 조절

    - Edit speed graph로 넘어 간 후 조절






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

    이 강좌가 도움이 되었다면 

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





    반응형

    댓글