실감 기본편 - 배경이 있는 캐릭터 애니메이션 듀익 바셀 스크립트와 Expression
여러분 안녕하세요 강의자 최지원입니다
이번 시간에는 배경이 있는 캐릭터 애니메이션
듀익 바셀 스크립트와 익스프레션에 대해서
다루어 보도록 하겠습니다
오늘의 학습 내용으로 먼저
듀익 바셀 스크립트를 설치해서
그 기능을 활용해 보는 실습을 통해
애프터 이펙트에서 스크립트를 활용해
리깅 애니메이션을 만드는 방법을 다루어 보도록 합니다
두 번째로 워크 사이클 애니메이션을 만드는 실습을 통해
더욱 실감나고 완성도 있는
리깅 애니메이션을 만들어 보도록 합니다
듀익 바셀 스크립트 설치
저희 먼저 듀익 바셀 스크립트를
설치를 먼저 해야지 쓸 수가 있거든요
그래서 인터넷 창을 다 켜주시고요
웹사이트 접속을 해야 돼요
그래서 한번 저 따라서 써보시면 되겠습니다
http://rainboxlab.org/tools/duik/ 한번 쳐보세요
여기에서 저희는 다운로드 받을 수 있는 데를 찾아야 돼요
그래서 중간에 다운로드를 한번 눌러볼 텐데
다운로드를 누르면 Your contribution이라고 나오는데
일단은 기부를 하고 싶으신 분은 하셔도 되는데
일단 저희는 Done! Take me to my download로 가보겠습니다
이렇게 누르시면 그다음 페이지가 나오는데요
다운로드에 Duik Angela, Duik API, Old versions 이렇게 나와요
저희는 올드 버전을 다운받을 거기 때문에
여기에서 Starting with Bassel.2
all versions are available on Github 이렇게 나오는데
이거를 선택하시면 됩니다
여기에서 쭉 내려보시면 다 Duik Angela죠
여기 있네요 Duik Bassel.2 Update 30 이렇게 나오거든요
여기서 해주실 건데 애셋을 눌러보시면
여기에서 듀익 바셀이라고 있어요
얘를 클릭해 주시면 됩니다
클릭해 주시면 여기에 다운로드 완료 됐다고 나오는데요
더블 클릭해 주시면 압축 풀기가 있어요
압축 풀기 해주세요 바탕화면에다가 할게요
이 폴더 안에서 스크립트 UI를 눌러보시면
두 개를 선택을 해볼게요
이것들을 저희는 다 쓸 거기 때문에 Ctrl + C 눌러주시고요
로컬 디스크 가셔서 Program Files 들어가셔서 Adobe
Adobe > Adobe After Effects 2023 들어가셔서
Support Files까지 들어가 주세요
Support Files 들어가셔서 Scripts를 찾아주세요
Scripts에다가 보시면 ScriptUI Panels 들어가 주세요
그러면 여기다가 복사, 붙여넣기 해주시면 되는데요
저는 이미 있어서 복붙을 여러분들은 해주시면 되겠습니다
또 하나 있죠 우리
Duik Bassel.2 이것도 Ctrl + C 하셔서 로컬 디스크에서
똑같이 Program Files > Adobe
그다음에 Adobe After Effects 2023 > Support Files
Scripts > ScriptUI Panels에 붙여넣기 해주시면 완료입니다
리깅 애니메이션 구현
먼저 ai 파일을 불러와서 시작하도록 하겠습니다
Ctrl + N 누르시고
Flower Woman이라고 제목을 만들어 줍시다
애니메이션 줄 거니까 5초 정도만 만드시면 돼요
또 기능이 많이 들어가면 느려져서
Flower Woman에다가 Ctrl + I 하셔서
Flower Woman ai 파일 있죠
ai 파일을 불러올 건데
더블 클릭하시고 Footage로 하시고
Create Composition 선택하지 않고 해주세요
더블 클릭하시면 Footage 나오죠
Merged Layer 말고 Choose Layer 하셔서
오른팔, 몸통, 머리, 왼다리, 오른다리, 왼팔, 배경
이거 다 가져와야 돼요 하나씩
저는 다 가져왔는데 이렇게 가져오시면 오른팔 나오죠
오른팔 바로 해주시고
또 Import - File 몸통 가져와 주시고
그다음 Ctrl + I 하셔서 또 머리 가져와 줄게요
그다음 왼다리 가져와 줄게요
그다음 오른다리 가져와 줄게요
왼팔 가져와 주고요
마지막으로 배경 가져와 주시면 되겠습니다
Import 하면서 다 이렇게 가져와 주시면 됩니다
저는 필요 없는 거는 없고요
Flower Woman 컴포지션 만드셨고
오른팔, 몸통, 머리, 왼다리, 오른다리, 왼팔
이렇게 다 가져와 주셨는지 확인
오늘 타임라인에서 되게 많은 작업들이 이루어질 거예요
그래서 초집중해 주셔야지 따라오실 수 있습니다
듀익 바셀 사용하기 전에 퍼펫으로 핀을 꽂아 놓을 건데요
오른팔부터 클릭하시고 퍼펫 핀 툴 선택하셔서
어깨, 팔꿈치, 손목, 손까지 4개 꽂을게요
4개 꽂으시고 두 번째 몸통에도 퍼펫을 할 건데
목이랑 허리에 꽂을게요
그다음에 머리는 냅두고요
왼다리도 꽂을 건데
왼다리는 엉덩이, 무릎, 발목까지만 꽂을게요
그다음에 오른다리도 마찬가지로 클릭해 주신 채로
엉덩이, 무릎, 발목
그다음에 왼팔 선택된 채로
어깨, 팔꿈치, 손목, 손 이렇게 꽂아주시고요
배경은 냅둘게요
이렇게 퍼펫 핀 툴을 관절마다 일단 다 꽂아주셨어요
그다음에 여러분들 메뉴 바 Window 들어가셔서
쭉 밑에 보시면 저희가 다운받은
Duik Bassel 2.jsx 있습니다
이게 체크되어 있지 않은 분들은 눌러주세요
체크되어 있으신 분들은 이미 활성화되어 있다는 뜻입니다
그래서 체크 꼭 해주셔서
패널에 듀익 바셀 패널이 나올 수 있게끔
실행을 해주시기 바랍니다
패널 나왔으면 이제 리깅 할 건데
리깅 부분에서 가운데 부분 있죠
가운데가 Links & constraints예요
얘를 클릭해 주셔야 돼요
다른 거 말고 얘를 클릭해 주시면 세팅되신 겁니다
일단 컨트롤러를 만들 건데
Add bones랑 Auto-rig & IK를 이용해서
뼈대랑 컨트롤러를 만들 거예요
어떻게 만들 거냐면
일단 오른다리부터 한번 시도를 해보겠습니다
타임라인 패널에서 오른다리 선택해 주시고요
선택해 주시면 퍼펫 이렇게 저희가 핀 꽂은 거 되어있고
Mesh 되어있습니다 열어볼게요
열어서 Deform 열어보시면 퍼펫 핀이 3개 꽂아져 있죠
얘를 Ctrl 누른 채로 3개를 같이 클릭을 해줍니다
엉덩이 그리고 무릎, 발목 3개를 선택해 주시고요
여기 선택이 되어 있는 채로
듀익 바셀 패널 가셔서 Add bones 해주세요
그러면 뒤에 있는 다리에 뼈대가 생겼어요
뼈대가 생기는 것은 컴포지션 패널에서
핀이 꽂아져 있는 걸로 알 수가 있습니다
확인을 꼭 해주세요 됐는지 안 됐는지
압정 모양의 아이콘이 있고요
이거 뒤에 있으니까 안 보인다 하면
여기 Solo 버튼 있죠 얘 눌러주면 보입니다
그래서 확인하실 때 사용하시면 되고요
그다음에 뼈대를 만들었으면
중심이 될 컨트롤러를 만들어 줘야 돼요
그래서 우리는 이 생성된 Bone
3개의 퍼펫 핀 B가 있죠
얘를 다 선택해 줍니다
Ctrl 누른 채로 순서대로 선택해 줄게요
허리, 무릎, 발목 순서대로 한번 해보겠습니다
그냥 순서대로 할게요
발목, 무릎, 힙 이 순서대로 하는 게 보기 편할 것 같아요
선택을 해주시고 이 3개가
샵 버튼 앞에 있는 걸 선택해 주셔야 돼요
얘를 선택하시고 Auto-rig & IK 눌러주시면
컨트롤러가 생성이 되는 것을 볼 수가 있습니다
컴포지션 패널에서 확인해 주시고
타임라인 패널에서 C 나왔죠 컨트롤러
여기 표시가 되어 있는 것을 볼 수가 있습니다
이제 컨트롤러까지 생성이 됐고요
다른 오른다리, 왼다리, 왼팔, 오른팔도
똑같은 순서로 진행하시면 돼요 한 번 더 해볼게요
지금 저희가 오른다리 만들었죠
왼다리 한번 펼쳐볼게요
왼다리 ai 파일에서 퍼펫에서 Mesh1에서
Deform 누르시면 퍼펫 핀 3개가 나오죠
얘네 3개를 클릭해 주시고 Bone을 만들어 줄게요
Add bones 눌러주시면 핀이 생기게 되죠
핀이 생김과 동시에
왼다리에 3개의 Bone이 생성이 되죠
얘를 순차적으로 클릭해 주시고 Auto-rig & IK
그러면 컨트롤러 생겼습니다 왼다리 컨트롤러도
컨트롤러는 맨 위쪽에 생기게 돼요
그래서 우리는 이 컨트롤러가
오른다리, 왼다리에 생기게 된 것입니다
여기까지 되셨죠 여기까지 되셨으면 이제 팔도 해볼게요
팔도 해볼 건데 오른팔부터 한번 해보겠습니다
Puppet - Mesh 열면 Deform에서 퍼펫 4개가 있죠
4개를 순차적으로 Ctrl 누른 채 선택을 해주시고
Add bones 해주시면 4개의 오른팔이 생깁니다
그래서 4개를 순차적으로 다시 선택해 주신 후에
컨트롤러 만듭니다
Auto-rig & IK 만들면 맨 위에 오른팔 생겼죠
컨트롤러 생겼습니다 지금 3개 만들었고요
그다음에 뭐죠? 왼팔이죠
왼팔 여시고 Puppet - Mesh1에서 Deform
퍼펫 4개 순차적으로 선택해 주신 다음에
다시 Add bones 해주시면
바로 위에 Bones가 4개 생기죠
4개 또 순차적으로 선택을 해주시고요
Auto-rig & IK 해주십니다
정말 많이 만들었죠 많이 만들었는데
이제 움직임이 큰 양팔, 양다리는 만들었어요
근데 몸통까지 해주는 게 좋겠죠 몸통까지만 할게요
저희가 또 시간상 제한이 있으니까
Puppet - Mesh1에서 Deform 하시면
아까 몇 개 만들었죠? 2개 만들었죠
퍼펫 2개 누르시고요
Ctrl 누른 채 선택을 2개 다 해주시고
그다음에 Add bones
해주셨으면 마찬가지로 몸통 Bones가 2개 생기죠
이 2개를 Ctrl 누른 채로 같이 선택해 주시고요
마지막 Auto-rig & IK 눌러주시고
몸통 컨트롤러 생겼는지 확인
빠르게 만들었어요 컨트롤러
워낙 여러 개의 파일들이 있기 때문에
여러분 헷갈리실 수가 있어요
헷갈리실 수 있는데 천천히 살펴보시면서
일단 Add bones랑 Auto-rig & IK 컨트롤러 만들기
두 가지를 계속해서 저희가 반복적으로 만들었다고
생각해 주시면 되겠습니다
이제 컨트롤러 C를 중심으로 우리가 작업을 진행할 거예요
그래서 이 컨트롤러 중심으로
다른 파일들을 연결을 시켜줘야지
같이 자연스럽게 움직이게 되겠죠
그래서 그 작업을 지금부터 시작할 건데
어떤 거를 눌러주시냐면
Create controllers 이 손바닥으로 되어있는
아이콘을 클릭을 해주십니다
새로운 컨트롤러 만들겠다는 뜻이에요
그러면 이 밑에 여러 가지의 controllers가 보이게 되는데요
여기에서 네 번째 아이콘을 선택해 주세요
선택해 주시는 순간 컴포지션 패널에서
이렇게 같은 모양의 아이콘이 생기게 되면서
또 동시에 이렇게 타임라인 패널에
몸통 퍼펫 핀 2가 이렇게 만들어지게 됩니다
그러면 우리는 이 신체의 중앙부가 어디죠?
골반에서 관절이 만나게 되죠
골반 부위로 이 컨트롤러의 위치를
컴포지션 패널에서 이렇게 옮겨주세요
가운데에 위치해 있는 것을 확인을 하시고
헷갈리니까 타임라인 패널에 가셔서 리네임을 하세요
뭐라고 하시냐면 골반이라고 할게요
C 골반이라고 할게요
그러면 골반을 중심으로 해서
몸통 부분에 뼈를 볼 건데요
몸통 부분에 목 부분이 있을 거예요
몸통 2개 있죠 2개에서 Solo로 보시면
목 부분에 핀이 꽂혀 있는 것을 보실 수 있는데
그거를 선택하셔서 페어런트 연결시켜 줄 거예요 골반에다가
골반에다가 연결시켜 줄 거예요 같이 잘 움직이라고
그다음에 허리 부분 어딘지 확인하셔서 몸통에서
이 부분도 같이 연결해 줄 거예요
몸통의 허리 부분의 뼈를
골반 컨트롤러랑 연결시켜 줄 거고요
그리고 또 어디가 커다란 관절이죠?
팔 부분에서 어깨 부분을 할 건데요
먼저 오른팔 가서 찾아볼게요
오른팔 가서 찾아보시면
맨 위에 핀이 선택이 되는 파일이 있을 거예요
Solo 누르셔서 한번 확인해 보시고
여기 어깨구나라고 하시면 연결해 줄게요
오른팔 쪽 어깨를 하셨으면 왼팔 쪽 어깨도 해볼게요
왼팔 Bones를 4개 중에서 선택을 계속 해보시면서
어깨 핀을 찾아보세요
찾으셨다면 Solo로 확인해 보시고
페어런트로 연결합니다
골반이랑 연결했어요 또 어딜 연결하면 좋을까요?
어깨랑 몸통 허리 했으니까
다리 부분에 엉덩이 부분을 연결하겠습니다
왼다리에 엉덩이 찍은 적 있죠 저희
이 친구 같네요 이 친구를 쭉 연결합니다
골반에다가 연결했고요
왼다리 했으면 오른다리도 해야겠죠
맞는지 확인해 보시면 아니고요
여기 힙 여기 있군요
찾아서 골반으로 연결했으면
큰 관절이 움직이는 뼈대 부분은
골반이랑 같이 움직이기 위해서
자연스럽게 연동되기 위해서
우리가 골반 컨트롤러랑 같이 연결지어 줬어요
그러면 이제 우리는 뼈대 관련해서는 필요가 없어요
왜냐하면 컨트롤러로 다 움직일 거기 때문인데요
일단 컨트롤러로 되어있는
맨 위에 1번부터 6번 레이어만 한번 볼게요
이 컨트롤러의 위치값을 저희가 세팅을 할 건데요
어떻게 세팅을 할 거냐면
듀익 바셀 패널을 한번 볼게요
듀익 바셀 패널을 보시면 어디에 위치해 있냐면
세팅을 클릭해 주시고요
세팅을 클릭해 주시면 세 번째에 User Interface 있어요
User Interface 탭에서 지금 Standard라고 되어있는데
여기를 클릭을 해주시면 Rookie라고 있어요
Rookie로 되어 있는 분들이 대부분일 거예요
다시 Standard로 바꿔주세요
이 바꾼 거를 Apply Changes 하겠다고 선택해 주시고요
하면 다른 화면으로 넘어가게 되어있어요
안 넘어가시는 분들은 백을 클릭하시면
원래대로 넘어가게 됩니다
그다음에 다시 리깅으로
듀익 바셀 패널에서 리깅을 클릭을 해주시고요
컨트롤러 레이어들을
몇 개죠? 6개까지 Shift 누른 채 다 선택해 주세요
다 선택해 주시고 리깅에서 가운데
Links & constraints 눌러주시고
여기에서 쭉 패널을 끌어당겨서
밑으로 내려주시면 제로가 있어요 제로를 눌러주세요
그러면 모든 시작점의 포지션 속성 값이
영점으로 변하게 될 것입니다
여기에서 이제 워크 사이클 애니메이션을 만들어 볼 건데요
일단 오른다리부터 해볼게요 C 오른다리 펼치셔서
콘텐츠는 일단 닫아주시고요
트랜스폼 여기에서 포지션과 로테이션 점을 찍어줄게요
영점으로 찍어지겠죠 그래서 한 프레임씩
1초씩 할게요 지금 제가 5초로 만들었군요
그러면 4개 찍어볼게요
일단은 포지션 값을 살짝 옮기시고
로테이션 값이랑 포지션 값을 옮겨보세요 옮겨 보시면
어떻게 움직임을 줘야 될지 보이게 되거든요
그래서 여기서부터는 이제
수치값보다는 컴포지션 패널에서
본인이 핀을 조정하셔서
자연스러운 움직임을 주셔야 합니다
그런데 오른다리랑 왼다리랑 같이 하면 보기에 편하겠죠
그래서 왼다리도 다시 같이 펼쳐서 볼게요
포지션, 로테이션 영점에서 찍어주시고
이렇게 자연스럽게 되도록 찍어주고
얘를 Ctrl + C, V 해주세요
여기서부터는 직관적으로 눈으로 보시고
걸음걸이를 한 번 만드신 후에
복사, 붙여넣기를 하시면 됩니다
걷는데 만나는 지점에서 살짝 뒤로 가면 좋겠네요
여기에서 뒤로 더 가면 좋겠네요
인디케이터 키 프레임을 클릭한 후 수정하기
뒤로 가면 얘는 앞으로 가는 게 좋겠죠
이런 식으로 만드시고
그러면 하나 더 만들 수 있나요? 네 있네요
걸음걸이를 만들어 보았습니다
그러면 팔도 이것과 어울리게 만들어 볼게요
팔도 트랜스폼에서 포지션, 로테이션 같이 해주고
오른팔도 포지션, 로테이션 같이 해주고
오른팔이 움직일 때 팔은 Y축은 움직이지 말고요
오른팔을 가지고 이렇게 뒤로 가면 왼팔은 앞으로 오고
그다음에 얘네도 뒤로 가면 오른팔은 앞으로 오고
그리고 앞으로 갈 때 로테이션을 왼팔은 뒤로 가야지
1 주시면
로테이션은 1을 주시면 안 돼요 0을 주시고
일단은 오른팔을 앞으로 해줘야지 자연스럽겠죠
자연스럽게 만드시고 얘는
이거를 반복하면 되겠죠
여러분들 자연스럽게 디자인을 해주시고요
팔까지 됐으면 몸통 살짝 움직일게요
몸통 콘텐츠 닫아주시고
트랜스폼에서 포지션, 로테이션 찍어주시고
영점에서 살짝 들었을 때 움직이고
앞으로 살짝 가고 그리고 들었을 때는 뒤로 살짝 가고
이거를 반복
몸도 같이 살짝씩 움직이게
약간 버벅거릴 수 있어요
지금 모든 매기신 것들을 다 루핑을 해주셔야 되는데요
어떻게 하시냐면 Alt 누른 채로 포지션 누르시고
우리 했었는데 loopOut("pingpong")
이거 매겨주셔야 돼요
그리고 복사하세요 계속 써야 되니까
위에 F9 눌러서 부드러운 움직임 만들어주시고요
로테이션도 마찬가지로 Alt 누른 채로 해주시고
복붙 해주시고 Easy Ease 해주시면 부드러워집니다 동작이
또 Alt 누른 채 포지션 시계 누르셔서 복붙 하시고 Easy Ease
Alt 누른 채 로테이션
loopOut("pingpong") 해주시고 Easy Ease
반복적인 작업이 필요합니다
Alt 누른 채 포지션 - loopOut("pingpong") - Easy Ease
Alt 누른 채 loopOut("pingpong") - Easy Ease
왼다리 Alt 누른 채 포지션 - loopOut("pingpong")
이렇게 해주시고 전체 선택 - Easy Ease
마지막 Alt 누른 채 포지션 - loopOut("pingpong")
Alt 누른 채 로테이션 - loopOut("pingpong")
그리고 전체 선택하고 F9
이렇게 하셔서 움직임을 자연스럽게 주실 수 있고요
배경을 한번 움직여 볼 거예요 배경 어디 갔죠?
맨 마지막 레이어에 배경이 있는데요
배경 또한 마찬가지로 열어보셔서
포지션 값만 변경시켜 줄게요
포지션이 지금 하나 찍어주시고
X축을 앞쪽으로 보내주시고
배경이 끝날 때 쯤까지 앞으로 나올 수 있도록
X축 포지션 값을 변경시켜 주세요
앞으로 나와야 되니까 계속 뒤로 가야겠죠
대강 볼까요 어떻게 되는지
조금 빠르니까
빠르지 않게 하려면 값을 살짝 바꿔야겠죠
걷는 속도랑 비슷한 속도가 되도록
포지션 값을 조절하셔서
걷는 느낌이 나도록 만들어 주시면 되고요
배경 또한 Alt 누른 채 포지션 누르셔서
loopOut("pingpong") 해주시면 반복됩니다
그러면 꽃길을 걸어가는 여인이 완성이 되죠
이렇게 자연스러운 인체의 움직임을 만들기 위해서는
디테일을 조금 더 만져주셔야 돼요
핀을 꽂은 것을 로테이션 값도 조절을 해주시고
얼굴, 목 이런 부분까지 매겨주시면
훨씬 자연스러운 움직임을 만들 수 있겠죠
그리고 이렇게 기능이 많이 들어가면 멈출 수가 있어요
그래서 최대한 이런 작업 하실 때는 짧게 만드시고
듀레이션을 짧게 만드셔서 짧게 뽑으시는 것이
현명한 작업의 순서입니다
이렇게 해서 실습 마무리하겠습니다
이번 시간에는 듀익 바셀 스크립트를 활용한
리깅 애니메이션을 세팅해 보았습니다
또한 워크 사이클 애니메이션을 만들고
익스프레션을 활용해서
반복되는 움직임과 배경도 만들어보았습니다
살짝 복잡하게 느껴질 수 있지만 차근차근 살펴보면서
듀익 바셀 스크립트를 통해서
뼈대를 형성하고 리깅하는 방식으로
보다 디테일한 움직임을 만들 수 있다는 점을
배울 수 있는 시간이 되었으면 좋겠습니다
그럼 이번 시간 학습한 내용을 정리하면서 마무리하겠습니다
감사합니다
듀익 바셀 스크립트 설치
설치하기 http://rainboxlab.org/tools/duik/
Duik Bassel.2 Update 30 다운로드
다운로드 한 파일을 Program Files > Adobe >
Adobe After Effects 2023 > Support Files > Scripts > ScriptUI Panels에 붙여넣기
리깅 애니메이션 구현
Footage Choose Layer 형태로 ai 파일 불러오기
개별 레이어에 Puppet Position Pin Tool 찍기
Links & constraints Add bones로 뼈대 만들기
Auto-rig & IK로 컨트롤러 만들기
Create controllers 새로운 컨트롤러를 신체의 중심인 골반으로 이동시킴
큰 관절의 뼈대를 골반 컨트롤러에 페어런트 연결
워크 사이클 애니메이션
각 컨트롤러 레이어의 Transform에서 Position과 Rotation 활성화시켜 키 프레임 생성
컴포지션 패널에서 핀을 조정하며 자연스러운 움직임으로 Position 값과 Rotation 값 세팅
Expression과 Easy Ease을 적용하여 부드러운 움직임을 만듦