위의 이미지 소스로 진행합니다.
1. Photoshop 에서 이미지 분리하기.
포토샵으로 각 부위를 위의 이미지를 참고하여 분리시켜주세요. 위의 이미지는 참고 이미지 입니다. 따로 분리시킬 필요 없습니다.
왼쪽 손 부분의 팔목 부위는 위의 이미지를 참고하여 팔부분은 더 그려주고 손 부분은 Smudge 툴로 살짝 비벼서 부드럽게 이어지도록 만들어 주세요.
왼쪽 팔 윗부분과 아랫부분 연결되는 팔꿈치 부분도 위의 이미지를 참고하여 색을 추가하고 Smudge 툴로 풀어줍니다.색이 잘 연결되어 보이게만 해주면 됩니다.
왼쪽 팔과 몸통이 나눠지는 부분도 위의 이미지를 참고하여 만들어 줍니다.
몸통부분은 오른쪽 손과 팔을 하이드 시켜주고 위의 이미지를 참고하여 색을 넣어줍니다. 주름 부분 상상해서 넣어주고 가운데 집업부분이나 끈 끄트머리 그려줍니다. 그리고 라인 등은 브러쉬 툴로 사이즈 정한다음 Pen 툴로 그려주고 마우스 우클릭 Stroke path > Brush 로 설정하면 라인이 생성되고 esc 버튼 두번 누르면 Path 가 사라집니다.
오른쪽 팔 부분 디테일할 필요없이 모양만 비슷하게 나오게 다듬어 주세요.
몸통과 얼굴 사이 목과 옷가지 등을 다듬어서 만들어 주세요.
얼굴에서 눈알 부분만 떼어줍니다.
왼쪽 손가락 부분 위의 이미지를 참고하여 엄지, 검지, 약지 를 분리해주세요.
오른쪽 엄지손가락은 위의 이미지를 참고하여 마디별로 분리시켜주세요. 오른쪽은 제일 앞에 있는 부분이기때문에 조금 디테일하게 들어갑니다.
오른쪽 검지는 아래에서 위로 살짝 이동할것이기 때문에 위의 이미지를 참고하여 분리시켜주고 다듬어 주세요.
위츼 이미지를 참고하여 중지 부분 분리 및 다듬어 주세요.
나머지 약지 및 소지 부분도 위의 이미지를 참고하여 분리해하고 후드 끈 왼쪽 오른쪽도 각각의 레이어로 정리해주세요.
2. Aftereffect 에서 애니메이션 만들기
에펙 Project 패널에서 더블클릭 > 포토샵파일을 Composition - Retain Layer Sizes 로 불러옵니다.
컴포지션을 더블클릭 해주세요.
눈 레이어 를 얼굴에 Parent 를 적용합니다.
얼굴레이어 선택 > P(Position) 2초에 토글 눌러주고 0프레임으로 가서 왼쪽으로 살짝 이동시켜주세요.
눈 레이어도 마찬가지로 2초에 P(Position) 토글 눌러주고 0프레임에 왼쪽으로 살짝 이동시켜주고 플레이해서 봤을때 시선변화되는 애니메이션을 만들 수 있습니다.
왼쪽 손 레이어는 왼쪽 팔 아래부분 레이어에 Parent, 아래부분은 위부분에 Parent 적용합니다.
같은 방식으로 왼쪽 손의 손가락들도 위의 이미지를 참고하여 Parent 를 적용합니다.
회전을 하다가 구멍이 많이 생기고 이상한 부분이 보이면 포토샵에서 그 부위를 수정하고 Save 해주면 에펙에서 바로 수정된 소스를 적용할 수 있습니다.
팔 위부분 레이러의 R(Rotation) 을 0프레임에 -30도정도 주고 1초7프레임즈음에 7도, 1초18프레임에 0도 를 줘서 팔이 올라갔다가 내려오는 모션을 만들어 주세요.
타임라인 윗부분에 그래프 모양 아이콘을 눌러서 그래프 화면으로 바꿔주고 키프레임을 마우스 우클릭해서 Keyframe Velocity 창을 열어서 설정합니다. 첫번째 키프레임은 Outgoing 의 Influence 를 0.01, 두번째 키프레임은 위의 이미지를 참고하여 빨간색 네모 부분을 체크합니다. 세번째 키프레임은 Keyframe Velocity 에서 속도는 0, Inluence는 20 정도 적용합니다. 그리고 가운데 키프레임과 Influence 핸들을 좌우 조절해서 그래프를 위의 이미지를 참고하여 플레이를 해서 움직임을 보면서 수정합니다.
팔이 움직이는 구간에 손과 손가락들의 회전 애니메이션을 만들어 주세요.
오른쪽 손 Parent 관계를 위의 이미지를 참고하여 적용시켜주세요.
왼쪽 팔 움짐임 적용해준것처럼 위로 한번 올라갔다가 살짝 내려오는 모션을 만들어 주세요. Rotation 항목도 추가해서 살짝 회전하는 부분까지 추가해주세요.
스피드 그래프로 와서 첫번째 키프레임은 Influence 0.01%, 마지막 키프레임은 Influence 70%, 가운데 키프레임은 Continuous 체크하고 Incoming Influence 70%정도, Outgoing Influence 0.01% 로 적용해주고 키프레임 위치를 좌우로 조절하면서 왼쪽 그래프와 오른쪽 그래프가 연결이 되게 다듬어 주세요.
그래프 타입을 Value Graph 로 변경합니다.
Rotation 항목을 더블클릭하면 그래프 전체선택이 되고 우측하단의 아이콘 두개 Easy Ease IN/OUT 두 버튼을 클릭하고 위 이미지의 곡선모양을 참고하여 그래프를 정리합니다.
손 부분 이동시켜줍니다. 위의 이미지에서는 1초10프레임에 토글 눌러주고 0프레임에 밑으로 내려줬습니다. 그리고 1초에 도착지점보다 조금 위로 이동시켜줬습니다.
그래프 하단에 Seperate Dementions 를 누르면 X, Y 축이 나뉘어 집니다.
X축 Y축 그래프 모양을 위의 이미지를 참고하여 비슷하게 모양을 다듬어 주세요.
오른쪽 엄지 손가락 1,2 의 Rotation 모션을 위의 이미지를 참고하여 그래프를 조절합니다. 위의 이미지에서는 Easy Ease (F9) 를 적용해줬습니다.
검지 손가락은 아랫부분에서 위로 살짝 올라가는 모션을 만들어 줬습니다.
중지, 약지 는 밑에서 위로 조금 올라가면서 각 마디별로 회전하는 모션을 주었고 소지 부분은 마디별 회전 모션만 적용하였습니다.
툴바에서 Puppet Pin 툴을 선택하고 위의 이미지를 참고하여 핀을 세군데 찍어 줍니다.
맨 아래 Pin 을 선택하고 각 타이밍에 좌우로 흔들리는 모션을 만들어 주세요.
위의 이미지를 참고하여 후드 끈 모션을 부드럽게 만들어 보세요.
완성
'Aftereffect' 카테고리의 다른 글
| [Aftereffect]Particle (0) | 2025.03.12 |
|---|---|
| [Aftereffect] 공 튀기기 모션(기초모션) (0) | 2025.02.26 |
| 캐릭터 애니메이션 제작(Ai > Ae) (0) | 2025.02.04 |
| [Aftereffect/Photoshop]스프라이트 애니메이션(Gif 애니메이션) (0) | 2024.12.26 |
| [Aftereffect]공 튀기기 모션 (1) | 2024.12.19 |
