실감 기본편 캐릭터 애니메이션: 퍼펫 핀 도구와 익스프레션
여러분 안녕하세요 강의자 최지원입니다
이번 시간에는 캐릭터 애니메이션
퍼펫 핀 도구와 익스프레션에 대해서
다루어 보도록 하겠습니다
오늘의 학습 내용으로 먼저 퍼펫 핀 도구를 활용해
캐릭터의 세부 움직임을 만들어 보면서
애프터 이펙트에서 퍼펫 핀 도구의 개념과
활용에 대해 알아보도록 합니다
두 번째로 움직임에 익스프레션을 적용하는 실습을 통해
반복되는 움직임을 만드는 방법을 다루어 보도록 합니다
퍼펫 핀 툴과 익스프레션의 이해
먼저 퍼펫 핀 도구에 대해서 알아보도록 하겠습니다
퍼펫 핀 도구는
퍼펫이라는 의미가 꼭두각시 인형이라는 의미예요
그래서 꼭두각시 인형을 분절시켜서
핀을 꽂아서 움직일 수 있는 것처럼
그런 의미를 담고 있습니다
그래서 이 도구를 활용하면
그렇게 세세한 움직임을 만들 수 있다고 생각해주시면 되겠습니다
그리고 각 레이어에 핀을 추가해서
부분적이고 세세한 움직임을 더하는
리깅 애니메이션을 만드는 기초 단계인데요
여러분 3D 프로그램을 다뤄보신 분들도 있겠지만
블렌더나 유니티, 언리얼 등에서
3D 캐릭터가 자연스럽게 움직이는
리깅 애니메이션을 만들잖아요
애프터 이펙트는 2D와 3D 기능이 둘 다 되어있어서
3D로 가기 전 단계
2D 그래픽의 리깅 움직임을
어느 정도 구현할 수 있다는 점에서 장점이 있고
또 그것을 구현하기 위해서
퍼펫 핀 도구가 유용하게 쓰인다고 볼 수 있습니다
또 퍼펫 핀 도구는 캐릭터 애니메이션을 제작할 때
자연스러운 움직임을 만들 수 있도록 하는
기능이라고 정리해주시면 되겠습니다
그렇다면 실제로 애프터 이펙트에서
퍼펫 핀 도구를 이용할 때
도구 바에서 퍼펫 핀 아이콘을
마우스로 1-2초 정도 클릭하시면
이렇게 5가지 기능이 나오게 되는데요
이 5가지 기능을 사용해서
세부적으로 움직임을 만들 수 있습니다
먼저 첫 번째 퍼펫 위치 핀 툴을 볼 건데
Cmd + P라고 되어있죠
얘는 윈도우에서는 Ctrl + P겠죠
그렇게 단축키를 사용해 주시면 되고요
기본적인 퍼펫 핀 기능이에요
그리고 원하는 곳에 핀으로 포인트를 설정해서
위치 변화를 만들 수 있고요
레이어 위에 노란색 원으로 표시가 됩니다
각각 다른 색깔로 표시가 되는데
기본 툴은 노란색 원이라고 봐주시면 되겠습니다
아이콘도 딱 핀같이 생겼죠?
그다음에 두 번째는 퍼펫 스타치 핀 툴인데요
핀처럼 생겼죠? 끝이 동그란데
오브젝트가 왜곡되는 부분을 핀으로 고정합니다
그리고 레이어 위에 빨간색 원으로 표시가 됩니다
색깔이 다르죠
왜곡되는 부분을 고정하는 기능을 한다는 점을
기억을 해주시면 되겠습니다
빨간색 원으로 표시되고
세 번째는 퍼펫 구부리기 핀 툴인데요
아이콘이 구부러지는 느낌이 있죠
여기서 퍼펫 핀에 회전 값을 추가합니다
그리고 오브젝트를 비틀거나 구부리는 움직임을 만들 수 있고요
레이어 위에 갈색 원으로 표시가 됩니다
아이콘 잘 기억해 주시고요
그다음에 네 번째는 퍼펫 고급 핀 툴이에요
퍼펫 핀 위치랑 비율, 회전을
모두 제어할 수 있는 장점이 있어요
그리고 레이어 위에 녹색 원으로 표시가 돼요
이 고급 핀 툴은 자주 사용하겠죠
그다음에 마지막으로 퍼펫 겹치기 핀 툴이 있어요
오브젝트끼리 겹치는 부분의
앞뒤 위치를 설정해주는 기능을 합니다
그리고 레이어 위에 파란색 원으로 표시가 됩니다
색깔 각각 차이가 있으니까
잘 인지를 해주시면 구분하기가 쉽겠죠
퍼펫 핀을 많이 꽂게 되면 정말 복잡해지거든요
그래서 분류를 잘 해주시는 것이 가장 중요합니다
그렇다면 우리가 움직임을 퍼펫 핀으로 만들어 냈다면
계속 퍼펫 핀을 꽂아서 움직임을 계속해서 만드는 데에는
너무 많은 노동력이 필요하겠죠
그래서 여기에서 익스프레션 기능을 적용을 하면
별도의 노동 없이 반복적으로 움직임을 만들어 줄 수가 있어요
그래서 퍼펫 핀 도구를 이용한 후에
단축키가 포지션에 Alt 누른 채로
포지션 시계를 눌러주시면
루프아웃 핑퐁이라는 값을 넣어주시면
여기에 반복적인 움직임을 쉽게 만들어줄 수가 있습니다
그래서 아주 자주 사용할 수 있는
유익한 기능이니까 잘 알아두시고
저희가 실습할 때 퍼펫 핀 툴과
익스프레션 기능을 사용하지만
조금 더 이펙트를 추가적으로 넣어줄 예정이에요
그래서 이펙트를 소개해 드리고자 하는데
먼저 Wave wrap 파도 비틀기 이펙트예요
이거는 영어로 세팅이 되어 있으신 분들은
Wave wrap으로 효과에 쳐주시면 나오게 되고요
한글로 세팅이 되어 있는 분들은 파도 비틀기라고
효과 창에 치시면 이펙트가 나옵니다
이미지에 물결치는 왜곡 효과를 만드는 기능이고요
여러 가지 왜곡 효과 중에 많이 사용되는 기능입니다
그래서 파도 비틀기라고 치셔서
타임라인 패널에 있는 소스에
파도 비틀기를 드래그하셔서 적용하시면
적용을 하시는 순간 이펙트 컨트롤 패널에 이렇게
여러 개의 기능들이 나오게 됩니다
먼저 물결 유형 보시면 물결의 모양을 설정합니다
두 번째로 물결 높이 보시면
세로 방향의 물결을 만들어 주는 기능입니다
그다음에 물결 폭 보시면
가로 방향의 물결을 만들어 주는 거고요
그다음에 방향 부분 보시면
물결의 방향을 설정해 주는 거고요
그다음에 물결 속력 보시면
물결 치는 속도를 설정해 줍니다
속도에 따라서 웨이브의 모양과 느낌이 많이 다르겠죠
잔망스럽거나 우아하거나 이런 느낌이 들겠죠
속력을 잘 조율해 주시면
원하는 이펙트를 만들어 주실 수 있겠습니다
그래서 속도에 대해서 주의를 해주시고
그다음은 고정인데요
물결 왜곡이 생기지 않도록 고정하는 방향을 설정해 줍니다
고정하는 방향을 설정해 주는 기능
그리고 위상인데요
위상은 물결의 시작점을 설정해 줍니다
그래서 참고하시면 될 것 같고
앤티 앨리어스
안티 에일리어싱 계단 현상을 방지하는 기술이고요
품질을 설정하는 기능입니다
주로 방향이나 높이, 폭, 속력 이런 것들을 주로 다루겠죠
그런 것들을 두루두루 잘 조절하시면
원하는 왜곡의 모양을 잘 만드실 수 있겠습니다
그다음 하나 더 알려드릴 건데
Turbulent displace예요 뒤틀기 변위
한글로는 그렇게 되어 있어서
한글로 터뷸런트라고 치시면 안 나와요
한글이신 분들은 뒤틀기 변위라고 꼭 명시해 주셔야지
이펙트를 적용하실 수 있습니다
레이어의 질감을 만들 수 있는 효과예요
이거는 근데 디테일한 값을 잘 활용해 주셔야 돼요
캐릭터 애니메이션 실습
이 정도 어떤 개념을 실습해 볼 건지 알았으니까
이제 캐릭터 애니메이션 실습을 진행할 텐데
먼저 하나의 png 파일 통째로 갖고 와서 적용해 볼 거고
그다음에 png 파일은 하나만 불러와도 되지만
ai 파일로 할 때는 각각 팔, 다리, 얼굴, 눈
다 분리된 파일을 사용할 거예요
그래서 분리된 ai 파일을 어떤 방식으로 갖고 오면 좋을지
불러오기 단계부터 해서
퍼펫 핀 툴을 이용해서 꼭두각시 모션을 만들어준 다음에
익스프레션 반복 모션까지
적용해 주는 실습을 해보겠습니다
제가 드린 파일 열어보시면
세 번째 컴포지션에 보시면
캐릭터모션 1 실습이라고 되어 있고
이 안에 마법사 png 파일이 하나 들어 있을 거예요
이 마법사 친구는 한 손에 마법봉을 들고 있는 모습을 하고 있어요
하나의 파일로 되어 있기 때문에 분리되어 있지는 않습니다
그래서 이 하나의 파일을 살짝
이 마법봉 들고 있는 모습을 살짝만 모션을 줘서
조금 움직임을 만들어 보도록 할 건데
퍼펫 핀 툴을 이용해서 만들겠죠
크기랑 이런 거 맞춰주시고
인디케이터가 영점에 있는지 확인하시고
png 파일 선택되어 있는 걸 확인하셨으면
이제 도구 바에 가셔서 펜 툴 아니고
퍼펫 핀 툴이 어딨죠? 맨 끝에 있죠 선택해 주세요
퍼펫 핀 툴을 1-2초 누르시면
아까 이론 과정에서 배웠던
5개의 기능이 펼쳐지게 됩니다
펼쳐지게 되는데 저희는 첫 번째 기본 툴을 사용할 것이고
Mesh는 Show라고 해주셔야지
적용되는 걸 보기 편하고요
그리고 Expansion은 3으로 해주시고
Density는 12 정도로 해주세요
그러면 보통 일반적으로 설정해서
눈에 띄게 보실 수 있는 설정입니다
커서를 컴포지션 캐릭터 위에 갖다 놓으시고요
제가 이렇게 보는 기준으로 말씀드릴 거예요
오른쪽 팔이 마술봉을 들고 있는 팔입니다
그래서 어깨에다가 콕 찍으시면
찍으시는 순간 Mesh가 생겨요
Mesh가 생기면서 타임라인 확인해 보시면
퍼펫 효과 밑에 Mesh 1이라고 생성이 됩니다
이거를 꼭 확인해 주셔야 합니다 또 해볼게요
제가 보는 관점에서 왼쪽 어깨에 찍어줬어요
그리고 또 발 부분에 잘 보이지는 않지만 허벅지라고 할게요
허벅지 부분에 오른쪽 왼쪽 다 퍼펫 핀 툴을 찍어줍니다
찍어주셨으면 한번 볼게요
단축키 U를 한번 눌러보시면 저같이 이렇게
내가 찍은 퍼펫 핀 툴을 다 확인하실 수가 있습니다
그래서 나 지금 4개를 선택했구나라고 아실 수가 있고요
포지션 값이 영점에서 활성화되어 있죠
움직일 준비가 되어 있다는 뜻입니다
다시 마법사 png 파일을 클릭한 채로
다시 퍼펫 핀 툴 도구 바에서 1-2초 눌러주시고
Puppet Advanced Pin Tool
고급 툴을 한번 써볼게요
어디다가 하냐면
목 부분에 하나 찍어주시고요
또 중심이 되는 부분이 어디 있을까요
몸통의 중심 부분에 한번 찍어주시고요
그다음에 무릎 부분도 찍어주시고요
계속 잘 찍히는지 보려면 U를 눌러서
확인을 계속해주시는 것이 안전합니다
확인해 보시고
이제 마술봉 들고 있는 손 팔꿈치에도 하나 찍을게요
확인 또 해주세요 잘 찍혔는지
총 몇 개인가요?
9개의 핀 툴을 적용을 해주신 것을 꼭 확인하셔야 합니다
왜냐면 내가 몇 개 찍었는지
나중에 다 파악이 안 되어있으면
익스프레션 줄 때 혼란이 생기기 때문입니다
이제 조금 움직임을 줘보려고 하는데요
커서를 퍼펫 핀에서
V로 바꿔주시고 로테이션을 좀 바꿔볼게요
일단은 영점에 인디케이터 두시고
기본자세를 살짝씩 만져보면서
어떻게 얘가 반응을 하는지 직접 보시는 게 좋아요
컴포지션 패널에서 어떻게 달라지는지
지금 목 부분에 찍었더니 퍼펫 핀 5가 활성화되었고
값을 조금씩 마이너스로 움직였더니 갸우뚱하죠
또 무릎 부분도 찍어보고
몇 인지 확인을 해보시고
숫자 값을 타임라인에서 움직이셔도 되지만
이렇게 컴포지션 패널에서 바로 움직이셔도
그 값이 그냥 바로 적용이 됩니다
그래서 어깨도 한번 움직여보고 하셔서
내가 핀 꽂은 데가 이렇게 움직이면 이렇게 변형이 되는구나
이런 식으로 모션을 주면 되겠다라는 것을
약간 파악하신 다음에 저처럼
10f으로 한번 인디케이터를 옮겨볼게요 옮겨보시고
컴포지션 패널에서 즉각적으로 한번 움직여 보도록 하겠습니다
지금 보여지는 화면에서 이게 기본자세고요
살짝 갸우뚱하면서 요술봉을 들고 있는 팔을
움직이도록 한번 해볼 거예요
인디케이터가 꼭 영점이 아닌 10f에 있어야겠죠
그래서 각각의 관절들을 조금씩 움직여 주세요
조금씩 움직여 주면서 몸에 왜곡을 만들어 보세요
만들다 보니 요술봉이랑 손 쪽에도 핀을 꽂으면
훨씬 자연스럽게 움직임이 될 것 같아서
추가적으로 핀을 두 개 더 꽂았어요
근데 이렇게 꽂을 때 간과하시면 안 되는 게
내가 10f에 있을 때 꽂으면 출발점이 달라지겠죠
그래서 0f에 있을 때에도
꼭 다이아몬드를 찍어주셔야 돼요
그래야지 모션에 변화가 생성이 됩니다
저희는 지금 0에서 10f까지만 하는 거기 때문에
다이아몬드가 한 개만 있으면 모션이 안 생겨요
꼭 두 개를 찍어주셔야지
모션이 생긴다는 점을 알아두셔야 돼요
나는 퍼펫 핀 툴 찍었는데
왜 안 움직이지 하시는 분들은
꼭 타임라인에 다이아몬드가 두 개가 있는지
하나가 누락되지 않았는지 확인을 해보셔야 됩니다
어때요 여러분
마술봉을 든 손을 흔들거릴 때 몸이 갸우뚱갸우뚱하죠
이런 식으로 영상에서 2D 그래픽 애니메이션 캐릭터가
조금씩만 이렇게 몸이 움직여도
여기에 배경과 날씨와 다른 모션들이 함께 적용됐을 때
되게 귀여운 동영상 애니메이션을 만들 수가 있어요
그래서 꼭 분리된 팔다리, 얼굴 이런 게 없더라도
좀 인형극같이 만들어 주실 수 있다는 점을 인지를 하시고
퍼펫 핀 툴을 적극적으로 활용해서
캐릭터 애니메이션을 만들어 보시면 되겠습니다
그렇다면 이제 캐릭터모션 2 실습을 열어보시면 되겠습니다
네 번째 컴포지션이고요
아까와는 달리 배경까지 있는
ai 파일로 되어 있는 캐릭터고요
이 캐릭터는 지금 레이어가 굉장히 많죠
레이어가 입, 오른쪽 눈, 왼쪽 눈
오른쪽 다리, 왼쪽 다리, 머리 이런 식으로 되어있어요
다 분리된 ai 파일 Footage를 가지고 온 것인데요
프로젝트 패널에 보시면
이렇게 분리된 ai 파일들의 이름이 되어 있고
그대로 타임라인 패널에 가지고 와진 것을 보실 수 있어요
프로젝트 패널 우클릭하셔서
Import - File 누르시면 아보카도 ai가 있어요
이 아보카도 ai에 저 분리된 레이어들이 다 들어있는데요
이 분리된 레이어를 그냥 가져오면
한꺼번에 가지고 와지기 때문에
컴포지션으로 가지고 오지 마시고
Footage로 일단 가져오셔야 하고
컴포지션을 가져오려면 Create composition 하셔서
한꺼번에 할 수도 있고요
일단은 저희는 분리되어서 가져오기 때문에
Footage로 가져오고 Import 누릅니다
Import 누르는 순간 어떻게 가져올 거냐고 질문해요
여기에서는 Merged Layers랑 Choose Layer가 있는데
저희는 Choose Layer 할 거예요
그래서 레이어를 선택하겠다 어떤 레이어냐
eye R, eye L, mouse, head 이렇게 쭉 있죠
여기에서 잘 보이게 저희는 head를 가지고 올 건데요
circle, background까지 있는데
Head로 선택해 보도록 하겠습니다
그리고 OK 하시면 프로젝트 패널에
head ai가 하나만 나왔어요
더블 클릭해 보시면 Footage의 컴포지션 패널에 나오게 됩니다
다시 닫아주시고요
이런 식으로 하나하나씩 분리된 레이어를
가져와서 작업하실 수 있고요
그다음에 한 번 더 해볼게요
우클릭 - Import - File 누르시고 아보카도 누르시고
그다음에 Import As
어떻게 불러올 거냐 해서 Footage로 해주시고
이번에는 Merged Layer로 불러올 거예요
그랬더니 아보카도 ai가 그대로 나오게 되고
Footage 나오게 됩니다
이렇게 전체 다 한꺼번에 불러오려면
그냥 Merged Layer로 불러오시면 되고
컴포지션으로 불러오시려면
컴포지션 형태로 불러올 수 있어요
바로 변환돼서 아이콘 보시면 ai 파일이 아니죠
컴포지션을 상징하는 아이콘으로
바로 이렇게 나올 수 있게 됩니다
그래서 ai 파일을 불러올 때는
이렇게 분리해서 또는 결합해서
또는 컴포지션의 형태로 불러올 수 있다는 점을 알아주시고
많이 활용하시면 되겠습니다
저희는 이제 이 많은 레이어들을 프로젝트 패널에서
타임라인 패널에서 볼 수 있는데요
레이어의 순서가 이럴 때일수록 굉장히 중요해요
제일 위에 있는 레이어는 뭘까요?
아무래도 눈이랑 입이겠죠
만약에 여기에서 이 스타
뒤에 있는 배경 있죠
뒤에 있는 배경이 되는 스타가 맨 위로 올라오게 되면
이렇게 모습이 가려지게 돼요
여기에서 알 수 있는 것은 뭐죠?
맨 위에 있는 레이어가
컴포지션에서도 맨 위에 있는 레이어다라고 알아주시면 되겠고요
그렇다면 반복학습이 중요합니다
반복적으로 해보는 게 중요하니까
이번에는 이렇게 분리된 레이어들에
핀을 한번 다시 꽂아보도록 할 건데요
기본 핀으로 한번 꽂아볼게요
꽂기 전에 어떻게 해야 되죠?
타임라인 패널에서 어디에 꽂을 건지 정해주셔야 합니다
어디부터 꽂을지 정하셨으면
이제 꽂아주시면 되는데
제가 볼 때 왼쪽 발 그러니까
leg L에 찍어주시면 되고요
5개 찍을게요 하나 둘 셋 넷 다섯 개
그렇게 하고 찍어주셨으면 이제 Mesh가 나타나는데
아까 뭐였죠? 단축키 U로 저처럼 열어주세요
U로 열어주시면 퍼펫 핀이 5개가 찍혔다 알 수가 있고
마찬가지로 포지션이 활성화되어 있습니다
포지션이 활성화되어 있는 것을 확인하실 수 있어요
바로 한번 적용해 볼까요
10f으로 옮긴 다음에 컴포지션 패널에서 바로 움직임을
핀을 움직여서 움직임을 한번 만들어 보겠습니다
여러분들 만들고 싶은 방향대로 한번 이동을 해보세요
저는 약간 점프하는 느낌으로 하려고 했고요
보시려면 이렇게 인디케이터를 움직여서
어떻게 변하는지 확인을 하시면 되겠습니다
마찬가지로 똑같이 leg R이죠
오른쪽 다리에도 바로 적용해 볼게요
선택된 채로 퍼펫 핀 툴 5개 찍어주시고요
왜 안 움직이죠?
정말 중요한 포인트인데요
인디케이터를 왔다 갔다 하면
내가 어느 시점에 이 점을 찍었는지 알 수가 없어요
그래서 꼭 확인해 주시고 들어가야 돼요
그래서 다시 인디케이터를 영점에 두고 5개 찍습니다
그리고 U 눌러보시면 찍혀있어요
그다음에 옮겨주면 됩니다
10f으로 옮겨서 왼쪽 발과 같이 점프하도록
이렇게 조정을 해 주시면 되겠습니다
확인해 보시고요 인디케이터로
아주 잔망스러운 발 놀림이 잘 나오게 됐죠
발만 하면 심심하니까 이제 팔도 해주면 좋겠죠
다리는 구부러진 부분이 많으니까 5개를 찍었는데
팔 부분은 왼쪽부터 3개만 찍을게요
3개만 찍었고요
영점에서 찍어야 돼요 또 헷갈리시면 안됩니다
그다음에 인디케이터 10f으로 옮기고
손 모양을 바꿔줍니다
최대한 자연스럽게 올릴 수 있도록
조절해 주시고요 되셨으면
오른쪽 팔도 3개 찍고
10f에서 찍으면 안 되죠 다시 영점에서 찍고요
10f에서 살짝 변화를 줍니다
최대한 어색하지 않게 만들어야 되니까
요리조리 만들어주세요 어색하지 않도록
근데 캐릭터라는 게 엄청 실사 느낌은 아니기 때문에
좀 해학적으로 접근하셔도 돼요
이런 식으로 모션이 이루어졌죠
그다음에 이제 팔다리에 모션은 많이 주었어요
그러면 좀 심심하니까
또 어디에 모션을 주면 좋을까요
전반적으로 모든 요소에 움직임이
살짝씩이라도 들어가는 게 더 실감나니까
눈알을 좀 변경시켜 주도록 할게요
눈알은 위치만 변경시킬 건데 왼쪽 눈 한번 볼게요
변형에서 포지션 영점에서 현재 위치 찍어주시고
10f으로 가셔서 눈동자를 굴릴 건데
Y축은 별로 안 움직여도 되겠죠
옆으로 X축만 움직여 주시면 되겠습니다
이거 움직이실 때 화살표가 숫자 위에 생기니까
그거를 잘 봐주시면 되고요
드래그하셔서 움직여 주시면 됩니다
드래그하셔서 움직여 주시면 빠르게
숫자 값을 직접 입력하지 않아도
적용을 해주실 수 있어요
되셨으면 다시 인디케이터 영점으로 옮기고
오른쪽 눈도 기본값 찍어주시고
X축만 옆으로 옮겨주세요
그러면 눈알 움직임 됐고요
눈을 움직이니까 훨씬 귀엽게 변했죠
이번엔 어떻게 할 거냐면
이거 다 퍼펫으로 하면 너무 어색해서
아까 제가 소개해드린 이펙트 한번 넣어볼 건데
오른쪽 이펙트 패널에 Wave wrap 치시고
한글이신 분들은 파도 비틀기 치시고
쭉 드래그하셔서 입에다가 적용해 주시면
왼쪽 위에 이펙트 컨트롤에
어떻게 변경할 거냐 이렇게 나오죠
그래서 Wave wrap의 여러 가지 속성들을 보실 수가 있어요
일단은 영점으로 인디케이터 다시 옮겨주시고
웨이브 높이 3으로 했고요
넓이는 봐가면서 하시면 되는데 65 정도
그리고 방향은 60 정도 해서
한번 보시면 움직움직하죠 꿀렁꿀렁
입술도 이제 움직이게 됩니다
거의 다 왔어요 모든 걸 움직이면 좋겠지만
이제 head 부분만 지금 너무 정적이니까
head도 살짝 변형을 주도록 하겠습니다
변형에서 포지션
팔다리 움직이니까 포지션도 영점에서 찍어주시고
살짝 X축 이동 드래그해서 해주시고
로테이션도 살짝 있으면 좋겠네요
그래서 로테이션 영점에서 찍어주고
살짝 비틀어 주세요
너무 비틀지 마시고 살짝 비틀면
눈이 좀 퀭하죠? 눈이 퀭하니까
안 퀭하게 눈 살짝 더 옮겨줍시다
퀭해도 재밌긴 하지만
그래도 눈 살짝 옮겨주면
더 완성도가 있는 캐릭터가 될 것 같으니
어딨죠 눈?
R 부분에
수정하실 때는 꼭 저 다이아몬드를 찍어주셔야지
그 다이아몬드가 수정되고요
안 찍어주시면 새로운 다이아몬드가 생겨요
그래서 혼선이 발생할 수 있으니까
저처럼 수정하고자 하는 다이아몬드를
꼭 찍어주신 다음에 수정하시면 됩니다
좋습니다 이렇게 움직임이 이제 너무 귀엽게 됐죠
여기에다가 이제 이 움직임이
반복적으로 적용될 수 있도록
익스프레션을 한번 넣어볼 거예요
어디에다 먼저 넣어볼 거냐면 leg L 있죠
leg L에다가 넣어볼 거예요
leg L 부분에 무릎 부분이 있을 거예요
퍼펫 핀 1~5 한번 눌러보시면
퍼펫 핀 2번에다가 포지션 값을
Alt 누른 채로 포지션 시계를 찍어주시고 거기에다가
loopOut("pingpong")이라고 칠 건데
똑같이 쳐주셔야 돼요
loopOut에 O는 대문자 그리고 pingpong에는
큰 따옴표 두 개를 해주셔야지
반복적으로 움직이게 됩니다 이렇게
지금 왼발은 움직이죠 반복적으로
이렇게 움직임을 주시고 여기에다가
포지션에다가 두 개의 다이아몬드 위에다가
Easy Ease를 적용을 해줄 거예요
그래서 포지션에 있는 다이아몬드 두 개를
선택해 주시고 F9 누르시면 자연스럽게 이어지게 됩니다
그렇다면 오른쪽 다리도 한번 해볼 건데요
퍼펫 핀 2번에 역시 해줄게요
Alt 누른 채로 포지션 시계 눌러주시고
똑같이 복사, 붙여넣기 해주셔도 돼요
loopOut 대문자 O로 해서
큰 따옴표 두 개에 pingpong 넣어주세요
loopOut("pingpong")을 적어주시고
Easy Ease에 똑같이 적용해 주시면
오른발 왼발 똑같이 움직이게 될 것이고요
발 해줬으니까 팔도 해줘야겠죠
팔 부분도 찾아서 적용해 보도록 하겠습니다
보시면 3개의 퍼펫 핀이 적용되어 있는데
포지션 값을 Alt 누른 채로 시계 누르셔서 복사, 붙여넣기
loopOut("pingpong") 해주시고 두 개 다 적용해 주시고
자연스럽게 적용해 주시고
오른쪽 팔 하나에만 해줄게요
Easy Ease 적용해 주시고
또 하나 복사, 붙여넣기 해주시고
Easy Ease 적용 F9
됐어요 움직여요 다 움직이죠
이번 시간에는 퍼펫 핀 도구에 대해서 알아보고
이를 활용하여 캐릭터의 세부 움직임을 만들어보았습니다
또한 익스프레션의 개념에 대해서 알아보고
이를 활용해서 반복되는 모션까지 만들어보았습니다
이 퍼펫 핀 도구를 활용하면
일러스트레이션이나 그림에 등장하는
여러 요소들을 효과적으로 모션 그래픽으로
만들어낼 수 있을 것입니다
그럼 이번 시간에 학습한 내용을 정리하면서 마무리하겠습니다
감사합니다
퍼펫 핀 툴과 익스프레션의 이해
퍼펫 핀 툴: 각 레이어에 핀을 추가해 부분적이고 세세한 움직임을 더해
리깅 애니메이션을 만드는 기초 단계
캐릭터 애니메이션을 제작할 때 자연스러운 움직임을 만들 수 있음
퍼펫 핀 도구 속성 Puppet Position Pin Tool, Puppet Starch Pin Tool
Puppet Bend Pin Tool, Puppet Advanced Pin Tool, Puppet Overlap Pin Tool
익스프레션 반복적인 움직임을 쉽게 만드는 기능
Wave wrap(파도 비틀기) Turbulent displace(뒤틀기 변위)
캐릭터 애니메이션 실습 하나의 png 파일에 퍼펫 핀 툴 적용하기
원하는 퍼펫 핀 툴로 컴포지션의 원하는 지점에 핀 툴 찍기
단축키 U를 눌러 생성된 퍼펫 핀 확인
인디케이터를 이동시키며 컴포지션 패널의 핀 툴을 드래그하여 움직임 생성
분리된 ai 파일에 퍼펫 핀 툴 적용하기
원하는 퍼펫 핀 툴로 분리된 레이어의 원하는 지점에 핀 툴 찍기
동일한 방법으로 모든 요소에 작은 움직임을 생성함
익스프레션 적용하기
퍼펫 핀 툴 사용 후 alt 키를 누른 채 - 포지션 활성화 - loopOut("pingpong") 작성
대소문자와 기호를 정확하게 구분하여 작성 Easy Ease 적용