실감 기본편 트림패스와 모션 트래킹
여러분 안녕하세요 강의자 최지원입니다
이번 시간에는 트림패스와 모션 트래킹에 대해서
다루어 보도록 하겠습니다
오늘의 학습 내용으로
먼저 트림패스를 활용한 실습을 통해
애프터 이펙트에서 트림패스의 개념과
활용에 대한 이해를 해보도록 합니다
두 번째로 모션 트래킹을 활용한 실습을 통해
모션 트래킹의 개념과 활용에 대해 알아보도록 합니다
트림패스와 모션 트래킹의 개념
먼저 트림패스 개념부터 알고 가겠습니다
트림패스는 도형 애니메이션을 만들 때
자주 사용되는 도구입니다 도형 애니메이션
그리고 시작점과 끝점을 조절하여서
다양한 애니메이션 효과를 구현하실 수가 있습니다
펜 툴로 선을 그린다든가
도형을 이동시킨다든가 할 때
적절한 애니메이션 효과를 나타낼 수가 있는데요
실습을 통해서 보시면
더 정확하게 파악하실 수 있을 거예요
그다음은 모션 트래킹인데요
모션 트래킹은 되게 재미있어요
말 그대로 모션이라는 동작
그리고 트래킹이라는 추적한다는 뜻이 합쳐진 용어인데요
화면에서 영상의 특정 부분을 추적해서
텍스트나 표식이 따라다니도록 만드는 기능입니다
또 영상에서 강조해서 보여주고 싶은
인물일 수도 있고 물건일 수도 있고 하겠죠
그 대상을 중심으로 트래킹을 할 수 있는 기능이에요
되게 신기하죠
예를 들면 내가 좋아하는 아이돌이 있다 하면
그 아이돌의 무대에서 카메라로
내가 좋아하는 아이돌의 모습을 트래킹을 할 수가 있고요
또 두 번째로는 정보를 전달할 때
어떤 물건이나 대상을 동영상으로 찍을 때
그 대상에 대해서 설명할 수 있는
멘트나 꼬리표 같은 것들을
텍스트로 만들어서 보여줄 수가 있어요
그래서 유용하게 많이 사용될 수 있는 기능이기 때문에
오늘 집중해서 따라와 주시면 좋겠습니다
트림패스와 모션 트래킹의 활용
그러면 트림패스와 모션 트래킹 실습을 한번 시작해 볼게요
모두 열어주세요 Adobe After Effects를 열어주시면
여느 때와 같이 이렇게 기본 화면이 나오죠
먼저 우리 새 컴포지션 만들어 줄 텐데
Ctrl + N 눌러주시고
트림패스 실습이라고 만들게요
그리고 1920x1080으로 만들어 주시면 되고
다 동일하게 하시고
Duration 한 5초로 만들어주세요
OK 누르시고요
화면은 5초 분량의 타임라인이 만들어졌죠
여기까지 만드셨으면 이제 솔리드를 하나 만들 거예요
타임라인에서 우클릭하셔서 New
그리고 새로 만들기 위해서 솔리드 단색 있죠
여기서 흰색 배경이라고 칠게요
흰색 배경 치셔서 1920x1080 동일한 사이즈로 만들어주시고
컬러는 FFFFFF입니다 흰색으로 만들어주세요
흰색 배경이 생겼어요 이 흰색 배경 위에다가
간단하게 펜 툴로 원하는 것을 그려줄 건데
펜 툴은 도구 바에 있죠 도구 바에 있기도 하면서
단축키 P로 만드실 수 있습니다
펜 툴 찾으셨으면 선을 하나 그어볼까요
자유롭게 그려봤는데요
여기에 채움이 있어서 저는 채움을 없앨게요
Fill에서 채움을 없애주시고 OK 눌러주시고
채움을 없앴더니 선이 잘 보이지 않아서
Stroke 색깔을 빨간색으로 잘 보이게 만들어줄게요
파란색으로 만들게요 OK 눌러주시고
두께도 조절할 수 있죠
숫자 값으로 조절하셔도 되고
이렇게 드래그하셔서 값을 조정하셔도 됩니다
저는 여러분들 잘 보일 수 있도록
좀 두껍게 44 정도로 만들도록 하겠습니다
도형 레이어를 열어보세요
쉐이프 레이어라고 되어 있는데
알아보기 쉽게 이름 바꿔줄게요
드로잉이라고 이름을 지어 줄게요
이 드로잉 쉐이프 레이어를 열어주시면
콘텐츠, 트랜스폼 이렇게 나오게 됩니다
여기에서 콘텐츠 옆으로 쭉 보시면 Add가 나와요
Add가 나오는데 이 Add 옆에 화살표 모양 있죠
이 모양을 한번 눌러주시겠습니다
눌러주시고 보면 여러 기능들이 있는데
트림패스라고 써져 있어요
트림패스를 선택해 줍니다
선택을 해주시는 순간 이 콘텐츠에 쉐이프 밑에
트림패스 1이라고 나옵니다
이 트림패스 1을 열어주시면 기능이 나오는데요
어떤 기능이 나오는지 한번 볼까요
먼저 Start가 있고요 그 밑에는 End가 있고요
그 밑에는 Offset이 있어요
여기에서 Start랑 End는
그린 도형의 시작점과 끝점을 조절하는데 사용이 되고요
한번 여기서 Start를 드래그해 볼게요
쭉 드래그 그다음에 끝점 드래그, Offset도 드래그
해보시고 어떻게 나오는지 한번 보시기 바랍니다
다 만져보셨으면 애니메이션 효과를 줘볼게요
키프레임을 줄 건데
처음에 원점에다가 이 시간을 다이아몬드를 찍어주세요
시작점과 끝점을 찍어주시고요
변화를 줘볼 건데요
1초 쯤에 Start를 100으로 해볼게요
Start만 100으로
End 값은 주지 않을게요
Start만 100으로 해서 이렇게 스페이스바 눌러보세요
그랬더니 어떻게 되나요?
지금 시작점 0에서 시작해서 Start를 100까지 올렸더니
라인이 점차적으로 지워집니다
그럼 한번 End 값도 변경해 볼까요 Ctrl + Z 하시고
지금 End 값이 0에서 100으로 되어 있죠
인디케이터를 1초로 옮기시고
이렇게 0으로 해주시면 어떻게 될까요?
다시 돌아가게 되어 있어요
그럼 우리 한번 갔다가 왔다가 해볼까요
갔다가 왔다가 하려면 어떻게 해야 될까요?
처음 점을 똑같이 해두시고
Start는 100으로 해주시고
End 값은 똑같이 둡니다 그러면 갔죠
그리고 2번에서는 End 값을 0으로 줍니다
그러면 갔다가 다시 돌아오죠
또 익혀볼게요 이때 Start 값은 동일해야겠죠
그다음에 3초도 가봅시다 3초로 가볼게요
3초 갔을 때는 어떻게 해야 되죠?
Start 값을 다시 0으로
End 값은 그대로 찍어주기 이렇게 해주고
4초에서는 어떻게 할까요?
이제 좀 헷갈리기 시작하실 것 같은데
End 값을 옮겨주고 Start 값은 동일하게 해주기
마지막 5초입니다 5초는 어떻게 할까요?
Start 값을 100으로 올려주고
End 값을 0으로 해주기
이렇게 해서 한번 재생을 해볼게요
왔다가 갔다가 왔다가
선 하나만 그렸는데 이렇게 다양한 움직임을 만들 수가 있죠
왠지 움직이는 라인을 그려줘야 재밌지 않을까 생각이 들죠
그래서 우리가 한번 만들어 보려고 합니다
트림패스로 이렇게 선에 움직임을 줘봤는데
그러면 트림패스 활용해서 한번 적용을 해볼 텐데요
트림패스 세계여행이라고
Ctrl + N 하셔서 컴포지션을 하나 만들어 주세요
트림패스 세계여행
이렇게 만들어 주시고
짧게 만들게요 5초 정도로 만들어 주시고
1920x1080으로 만들어 주세요
이미 만들어 놔서 저는 하나 지울게요
이렇게 세계여행 만들어 주시고요
Ctrl + I 하셔서 여러분들은 비행기랑 세계지도
두 개를 가지고 와주시면 되겠습니다
Import 누르시면 되고요
저는 이미 있어서 여기서 드래그해서
타임라인 패널에 넣어보겠습니다
비행기와 세계지도 이렇게 두 개 넣어주세요
갖고 온 파일이 조금 크죠
너무 크기 때문에 크기를 일단 맞춰 놓고 시작할게요
일단은 지도를 클릭하셔서 스케일을 조정해 줄게요
지금 100으로 되어있는데 왼쪽으로 드래그하시면 작아집니다
이렇게 어느 정도 엣지가 맞게 변경해 주시면 되겠고요
비행기도 마찬가지로 변형에서 스케일 값을 줄여줍니다
어디서 많이 본 화면 같죠
비행기 타시면 곧 도착합니다 이렇게 할 때
어디쯤에 왔는지 보여주는 애니메이션이 있어요
그러면 우리는 트림패스로 선을 그려 볼 거기 때문에
비행기의 포지션 값도 왼쪽 위쪽으로 한번 바꿔볼 거예요
쭉 끌어주시고 Y 값도 쭉 저 끝으로 보내볼게요
182에 204로 만들었어요
좀 더 위에 육지로 보낼게요
이 끝에서 이 끝으로 이동을 할 건데요
지금 비행기 포지션은 182에 156입니다
X, Y축 그렇게 설정을 해주시고
이렇게 세팅을 먼저 해주시면 되겠습니다
그리고 이제 우리가 아까 실습했던 것처럼
라인을 펜 툴로 그려볼 건데요
간단하게 그려볼게요
펜 툴 선택하셔서 이 끝에서 한번 찍어주고
중간쯤에서 찍어주시고 떼지 마시고 드래그하시면
이렇게 드래그하는 방향에 따라서 곡선이 생깁니다
그래서 이 곡선을 잘 만들어 주시고
떼시고 한 번 더 찍어줄게요 저 끝까지 보낼게요
이렇게 한 번 그냥 찍어주시면 곡선 라인이 생깁니다
곡선 라인이 생기실 수 있어요
혹시라도 Fill이 되어 있으면
이렇게 선이 나올 수가 없으니까
Fill을 클릭하셔서 채우지 않음을 꼭 클릭해 주셔야 하고요
색깔 바꾸는 거 어디였죠? Stroke 들어가셔서
Stroke 안 나오시는 분들은
이거 체크되어 있는지 확인하시고
또 단색으로 체크 두 번째 거 해주시고 OK 하시고
그다음 원하시는 색상으로 여기서 만지시면 되고
난 선 두께가 더 잘 보였으면 좋겠다 하면
Stroke Width에서 이렇게 두께를 주시면 됩니다
저는 좀 얇게 만들었어요 7로 만들게요
여기까지 만들어 주셨으면 이렇게 클릭하시면
어디로 갈지 이제 좀 아시겠죠
비행기가 왼쪽 위에서 오른쪽 아래까지 갈 거예요
갈 건데 어떻게 갈 거냐면 쉐이프 레이어
얘를 이름을 바꿔줄게요 동선으로 바꿔줄게요
동선으로 바꿔주고 열어 보시면 아까 어떻게 했죠?
콘텐츠에서 쭉 옆으로 보시면 Add가 있었고
그 Add에서 눌러주시면 트림패스가 있었어요
트림패스를 눌러주세요
여기까지 따라오셨죠
트림패스 눌러주시는 순간
타임라인에 이렇게 트림패스가 나오게 되는데요
여기에서 트림패스 열어주셔서 끝점을 바꿔볼 거예요
일단은 끝점을 End 이 지점 있죠
0초에 인디케이터를 올려놓으시고 눌러주세요
그렇게 해서 눌러주시고 그다음
2초까지 할게요 3초까지 해볼게요
인디케이터를 3초에 갖다 놓으시고
End 값이 0에서 100으로 갈 거니까 0으로 해놓으시고
그리고 3초에서는 100까지 올려줄게요
그래서 0초에서는 0이고 3초에서는 100
그래서 한번 스페이스바 눌러보세요
그럼 라인이 지금 시작점부터 끝까지 이렇게 그려지죠
여기까지 되셨죠
곡선을 그리셔서 끝까지 이어지게끔 만들어 주시면 됩니다
이렇게 되셨으면 트림패스 잠깐 닫아 놓고
그 위에 Shape 1 이렇게 되어있어요
얘를 눌러주실 거예요
이 중에서 Path 1 이렇게 있어요 얘를 열어주셔서
Path에 이 시계를
인디케이터가 0의 위치에 있는 상태에서 한 번 눌러줍니다
그래서 시작점을 찍어주세요
찍어주시고 다른 데 클릭하셔서 클릭한 것을 없애요
없앤 다음에 이 Path만 클릭해 줍니다
클릭해 주신 채로 Ctrl + X 할게요
Ctrl + X를 하면 이 Path만 분리하겠다는 뜻입니다
이렇게 Path가 분리되었으면
잠깐 이 동선을 닫아주시고 비행기로 갈게요
비행기 열어주셨나요?
열어주셨으면 이제 비행기의 포지션에 클릭해 주시고
Ctrl + V 해주세요
Ctrl + V 해주시면 동선이 만들어지게 되는데
한번 스페이스바를 눌러보겠습니다
Path가 그려지긴 하는데 비행기가 좀 급하게 가죠
그리고 비행기가 선의 뒤에 있어요
그래서 일단은 레이어 정리를 한번 해줄게요
비행기가 위에 위치하도록 이렇게 올려줄 거예요
그러면 일단은 레이어 앞뒤 관계는 이제 해결이 되고요
비행기가 너무 급하게 먼저 가지 않게 하기 위해서는
한번 타임라인을 살펴볼 필요가 있겠죠 한번 열어볼게요
포지션이 비행기는 1초부터 2초까지 있고요
동선은 3초의 위치에 있네요
그러면 비행기의 끝점을 트림패스와 맞춰볼까요
한번 시도해보겠습니다
트림패스 동선의 끝점과 비행기의 끝점을
같은 시간으로 마무리 되도록 만들어 주었더니
마지막 마무리까지 같이 선을 그리면서 도착하게 됩니다
여기에서 조금만 더 리얼리티를 줘볼게요
이렇게 가정을 해볼게요
우리가 도착지점까지 가면 더 가까워지는 거잖아요
그래서 비행기를 멀리 있는 거에서부터
가까워지는 걸로 한번 보여주도록 해봅시다
그렇게 하려면 스케일 값만 좀 변경해 주면 되겠죠
그래서 스케일 값이랑 로테이션도 한번 해봅시다
로테이션 값도 변경을 해서
조금 더 자연스럽게 만들어질 수 있도록 시도해 볼게요
비행기 여셨죠
비행기 포지션 0초에 있을 때 스케일을 눌러주시고요
스케일을 멀리 있을 거니까 살짝 줄여줄게요
안 보이니까 지금 8에서 4로 줄여줄게요
안 보이죠 점점 보이게 하면 됩니다
여기에서 4로 찍어주셨으면
마지막 도착했을 때 8로 만들어 볼게요
제가 지금 X축, Y축 스케일 중에서 하나만 바꿨어요
하나만 바꿨는데 X축, Y축이 같이 변하죠
그 이유는 이렇게 묶여 있기 때문이에요
이 묶여 있는 거를 끊으면 따로따로 적용이 됩니다
근데 지금 그럴 필요는 없으니까
잘 묶어서 효율적으로 애니메이션을 만들어 볼게요
한번 스페이스바 눌러봅시다
점점 가까워지면서 비행기가 커졌죠
조금 더 커도 되겠어요 10으로 바꿀게요
가까워지면서 비행기가 커졌습니다
이렇게 크기까지 키우셨다면
살짝 로테이션도 줘볼게요
다시 인디케이터 0점으로 만들어 주시고
이륙할 때는 어떻게 되죠 비행기가? 위쪽을 보죠
그래서 로테이션 하나 찍어주시고
각도를 살짝 -10으로 바꿔주겠습니다
-10으로 바꿔주시면 살짝 움직임이 있죠
여기에서 올 때는 이 중간쯤에서 한 번 곡선이 꺾이니까
여기에서는 로테이션을 플러스로 바꿀 거예요
이 곡선의 기울기에 맞춰서 저는 +25로 바꿨습니다
그러면 이 각도에 딱 맞게 이제 랜딩을 하게 되는데
랜딩 하기 전에 어떻게 되죠?
직전에 각도가 평평하게 바뀌겠죠
그래서 저는 20초쯤부터 랜딩 할 준비를 할 거예요
랜딩 할 준비를 할 건데 어떻게 할 거냐
이쯤에서 다이아몬드 찍어주고
살짝 여기서부터 15 정도 꺾어줄 거고요
마지막 랜딩 할 때는 각도 0으로 해줄 거예요
처음에는 -10으로 했다가
중간에는 각도를 맞춰주기 위해서 25로 했고요
그다음은 이제 15로 했습니다
그다음 마지막은 다시 0으로 했어요 한번 볼까요
랜딩까지 됐죠
아주 스무스한 비행이 이루어지는 것처럼 나오게 됐습니다
여기까지 트림패스 실습이었습니다
그러면 모션 트래킹도 한번 해보도록 하겠습니다
컴포지션 새로 만들어 볼게요
이번에는 브이로그라고 치시고
1920x1080으로 해주시고
Duration은 한 20초 정도로 할게요
그리고 1920x1080, 29.97로 되어있는 거 확인하시고
OK 해주도록 하겠습니다
그리고 영상을 가지고 와야겠죠
여러분들은 Ctrl + I 하셔서 브이로그 Import 해주시고요
저는 이미 가지고 와서 이렇게 가지고 왔습니다
영상을 한번 플레이를 해보세요
저는 이 브이로그 속 사람을 트래킹 할 거기 때문에
트래킹을 할 부분만 잘라줄게요
어떻게 할 거냐면
원하는 구간을 이렇게 드래그해가지고
저는 이 지점을 시작점으로 할 거고요
10초 정도로 해볼게요
계속 카메라가 이분을 따라가고 있죠
저는 이제 7초까지로 해보겠습니다
9초까지 해볼게요
잠시만요 여기 끝점을 제가 봐야 돼가지고
끝점을 옮겨줄게요
엄청 길군요
끝점까지 플레이해보시고요
8초까지 됐고요
이렇게까지 되셨으면 Pre-Compose 해볼 텐데요
Pre-Compose는 Ctrl + Shift + C입니다
그냥 우클릭하셔서 이렇게 하셔도 됩니다
그리고 브이로그.mov Comp 1 이렇게 눌러주시고
두 번째 거 클릭해 줄게요
그리고 Adjust composition까지 클릭해 주시고 OK
보시면 렌더링을 어디까지 할 건지 정해줄 건데
지금 여기 저는 이 지점까지 되어있고요
트래킹을 한번 해보도록 하겠습니다
트래킹 할 때 따라갈 수 있는 지점을 찾아봐야 되는데요
너무 명확하죠
어디냐면 이분의 머리를 저는 트래킹을 하도록 하겠습니다
일단 Window 들어가셔서요
Tracker라는 패널을 찾아주세요 여깄습니다
밑쪽에 있죠
영상이 선택되어 있으면 트래커가 활성화가 됩니다
여기서 Track Motion 버튼을 클릭해 주시겠습니다
Track Motion 버튼을 클릭해 주시면
두 겹의 네모가 나오는데요
끝 지점을 이렇게 확대를 해주시면 조절할 수가 있습니다
그래서 저는 여기로 하겠습니다
이 얼굴 부분으로 하도록 하겠습니다
이 정도면 트래킹이 잘 될 것 같아요
그리고 Null Object를 하나 만들어줘야 하는데요
타임라인에서 New - Null Object를 하나 만들어 주겠습니다
그리고 이 Null 이름을 바꿔줄게요
Rename 해서 1번이라고 바꿔줄게요
1번이라고 바꿔주시고 트래킹 패널에서
Edit Target 버튼을 한번 눌러보세요
눌러보시면 값을 어디에 저장할지 창이 뜨는데요
여기에서 Null Object를
1.1번 제가 해놓은 거 있죠
얘를 골라서 OK 눌러주세요
OK 눌러주시고 플레이를 한번 눌러보겠습니다
살짝 버벅거리죠
하지만 추출했을 때는 그렇게 되진 않습니다
컴퓨터 사양에 따라서 좀 시간이 걸리는데요
마지막에 빗나갔죠 그 이유는
얼굴이 없어졌기 때문이에요 여기까지
그렇다면 여기에서 트랙 포인트를
바꿔줘야겠죠 뭘로 바꾸면 잘 따라갈까요?
트랙 포인트를 뭘로 바꿔야지 잘 따라갈까요?
트랙 포인트를 가방으로 바꾸면 잘 따라갈 것 같아요
그래서 가방으로 지정을 다시 해주겠습니다
이렇게 해주시고 다시
Null Object 만들어 주시고
Edit Target 클릭 후 생성한 Null Object 선택 후 OK 클릭
타겟 1이라고 하고
얘를 플레이해 볼게요 좀 느리긴 하지만
볼게요
잘 따라가죠 느리긴 하지만
이렇게 해서 잘 따라갈 수 있는 물체를
처음에 타깃팅 하는 게 굉장히 중요하겠죠
그래서 이렇게 잘 따라갈 수 있게까지 만들어 주시고
Apply 버튼 눌러주시면 되겠습니다
브이로그는 덮어주시고 1번 타겟1 트랜스폼에서
포지션을 한번 눌러줄 거예요
그러면 포지션 값이 엄청 많이 들어가 있어요
내가 포지션을 일부러 다 지정하지 않았는데도
잘 따라가고 있네요 그렇죠?
그래서 그거를 한번 확인해 보시면 되겠습니다
이렇게 해서 모션 트래킹을
주제가 되는 모션을 카메라가 따라다닐 수 있도록
이렇게 트래킹 하는 실습까지 해보았습니다
이번 시간에는 트림패스의 개념에 대해 알아보고 활용을 해보았고
모션 트래킹에 대한 개념을 살펴본 후에 실습을 해보았습니다
이제 중급 단계인 만큼
효과적인 모션을 만들어내는 이펙트를 다루는
첫 시간이라고 생각해주시면 되겠습니다
그럼 이번 시간 학습한 내용을 정리하면서 마무리하겠습니다
감사합니다
트림패스와 모션 트래킹의 개념
트림패스 Pen Tool로 선을 그린 후 애니메이션 효과를 주는 기능
모션 트래킹 동작을 추적하는 기능
트림패스와 모션 트래킹의 활용
트림패스 활용 실습 1 Ctrl + N을 입력하여 새 컴포지션 만들기
단색 솔리드 레이어 생성 Pen Tool로 선 그리기
그린 도형의 시작점과 끝점 지정 타임라인 원점에 시작점과 끝점 활성화
시작점과 끝점 설정으로 다양한 움직임을 표현함
트림패스 활용 실습 2 Ctrl + N을 입력하여 새 컴포지션 만들기
Pen Tool로 곡선 그리기 Fill과 Stroke 옵션 설정
동선 레이어의 Trim Paths 클릭
비행기 동선에 따라 스케일 값 조정하기
비행기 동선에 따라 로테이션 값 조정하기
모션 트래킹 활용 실습
Duration 20초로 설정하여 새 컴포지션 생성
트래킹 구간 잘라내기 렌더링 구간 정하기
트래킹 지점 정하기 원하는 지점으로 트랙 포인트 이동
생성한 Null Object 선택 후 OK 클릭
트랙 포인트가 잘 따라갈 수 있게 타깃팅 해야 함