본문 바로가기
애프터이펙트

[애프터이펙트] 각 부위 부분 별 모션 편집하는 방법

by 요이미야 2022. 8. 4.
728x90
반응형

애프터이펙트를 이용해 각 부위 부분 별 모션 편집하는 방법을 예시를 들어 알려드리겠습니다

 

제가 만들 최종본은 다음과 같으니 참고바랍니다

지금 만들 것 과는 외형만 다를뿐 적용되는 효과는 같을겁니다

 

 먼저 각 부위가 될 부분들을 만들어줘야 합니다

저는 아이패드의 프로크리에이트 어플을 이용해 그림을 그려서 만들었습니다

제가 만들 편집본에 들어갈 음원이 동그리코로코로라는 노래라서 각 발음별 입 모양도 그렸습니다

각 부위를 그림으로 그려 완성시켰습니다

완성시킨 부위들을 PSD파일로 노트북에 옮겨서 각 부위별 레이어를 확보했습니다

프로크리에이트에 있는 그림을 PSD파일로 바꿔 전송후 포토샵으로 확인함

포토샵에서 PNG파일로 추출하고픈 레이어를 모두 선택한 후에

CTRL + SHIFT + ' 를 누르면 바로 PNG파일로 추출할 수 있습니다

포토샵에서 레이어 선택후 PNG로 배경화면에 추출된 모습

추출한 각 부위별 PNG파일 들을 에프터이펙트로 옮겨줍니다

파일을 드래그로 옮겨도 바로 옮겨집니다

위와 같이 드래그 후 이동시켜도 옮겨집니다

뉴 컴포지션을 아래와 같이 마음에 들게 만들어 줍니다

저는 1:1 비율로 만들기 위해 2048px제곱으로 만들었습니다

뉴 컴포지션을 만드는 모습

지금보면 조금 기괴하지만 컴포지션에 각 부위를 옮겨와서 위치와 레이어 순서를 맞게 조정해줍니다

소스들을 컴포지션에 옮겨놓고 조정한 모습

그 다음 각 부위들을 기준이되는 몸통에 아래와 같이 연결해 줘야합니다

연결할때는 꼭 재생커서를 0초 지점에서 해줘야합니다

다음과 같이 연결해주지 않으면 모션이 각자 놀아 원치 않은 부자연스러운 결과가 나오게됩니다

한번쯤 직접 경험해보는것도 좋습니다

각 부위를 중심이 되는 몸통에 연결하는 모습

저같은 경우엔 모션이 들어갈 부위는

왼쪽팔, 몸통, 오른쪽팔 이렇게 세가지 입니다

각 부위를 눌러 모션을 입혀보겠습니다

 

모션을 입히기 전에 앵커포인트 툴을 이용해서 각 부위의 중심을 지정해줘야합니다

앵커포인트 툴의 단축키는 Y 입니다

표시된 앵커포인트 툴

아래는 왼쪽팔의 앵커포인트를 옮긴 모습입니다

팔이 흔들릴 때 중심이되는 곳으로 앵커포인트를 옮깁니다

(좌) 앵커포인트 옮기기 전, (우) 앵커포인트 옮긴 후

위와 같이 몸통과 오른쪽팔의 앵커포인트도 옮겨줍니다

몸통과 오른쪽팔의 앵커포인트를 흔들릴 중심으로 옮긴 모습

이제 세 부위에 각각 모션을 넣어보겠습니다

모션을 넣을 레이어를 선택 후에 R 키를 누르면 로테이션, 회전 속성이 나타납니다

레이어를 선택 후 R키를 누르면 로테이션 속성이 나타나는 모습

로테이션 속성의 우측 타이머버튼을 누르면 활성화됩니다

로테이션 속성을 활성화시킨 모습

이 후 아래와 같이 원하는 지점에 원하는 각도만큼 입력시켜줍니다

저는 0초에 왼쪽팔을 -10도 회전시켜놓고

1.06초에 왼쪽팔을 +10도 까지 회전시켰습니다

1.06초 간격인 이유는 동그리코로코로 노래가 1.06초마다 박자를 타기 때문이니

개인적으로 맞게 설정하시면 됩니다!

위와 같이 설정을 하고 아래에 빨간색으로 표시해둔 버튼을 누르면 변화하는 각도를 시각적으로 표현되어 볼 수 있습니다

그래프로 보이는 부분을 드래그해서 선택 후 복사 붙혀넣기를 반복해 원하는 시간만큼 반복하도록 해줍니다

재생커서를 움직이실때 SHIFT를 누른채로 이동하시면 각 포인트지점에 딱 맞게 이동시킬 수 있습니다

원하는 만큼 반복되도록 이어 붙혀주셨다면 전부 선택한 후 아래에 표시해둔 버튼을 누르면 모션이 부드럽게 변합니다!

버튼을 누르기 전 후의 모습을 재생을 통해 확인해 보시면 체감이 확 되실겁니다

이제 위와 같은 과정을 모션이 필요한 각 부위에 반복해줍니다

저는 왼쪽팔, 몸통, 오른쪽팔을 위와 같이 반복해 모션을 넣어줬습니다

모션이 필요한 각 부위별 모션이 들어간 모습

여기까지 해주시면 아래와 같은 결과가 완성됩니다

다음 포스팅에선

1. 입모양바꾸는법

2. 스트로크 넣는법

3. 음원에 맞게 진동하는법

4. 렌더링 방법에 대해 알아보겠습니다

 

감사합니다

728x90
반응형

댓글