실감 기본편 카메라로 연출하는 3D 공간 애니메이션
여러분 안녕하세요 강의자 최지원입니다
이번 시간에는 카메라 워킹으로 연출하는
3D 공간 애니메이션에 대해서 다뤄보도록 하겠습니다
오늘의 학습 내용으로 먼저
3D 레이어와 카메라 도구를 다뤄보는 실습을 통해
애프터 이펙트에서의 3D 공간 애니메이션 기능에 대해서 살펴봅니다
두 번째로 카메라 도구의 세부 기능을
구체적으로 적용해보는 실습을 통해
보다 완성도 있는 3D 공간 애니메이션을 연출해 보도록 합니다
애프터 이펙트의 3D 레이어
여러분 실습을 시작할 건데요
Ctrl + I 누르시고요 파일 불러와 볼게요
오늘 필요한 파일은 배경 파일 하나랑
물고기들 그리고 가짜 물고기 한 마리입니다
이렇게 불러와 주시고요
불러와 주시고 재생을 해보면
제일 위에 배경 파일이 이렇게 생겨요
배경을 보시면 우주 공간을 제가 가지고 왔는데요
우주 공간인데 이 공간에서 물고기들이 왔다 갔다 할 거예요
아주 3D스럽게 할 건데요
일단 이 배경 레이어를 맨 뒤로 놔주셔야겠죠
그래야지 물고기들이 보이게 됩니다
시간은 5초까지만 해볼게요
그래서 5초까지만 줄 거니까
png 파일들에게도 타임라인 시간을 늘려주셔서
대략 5초까지 놓아주시면
이렇게 인디케이터를 5초 부근까지 갔을 때도
피사체가 보이게 됩니다
이 친구들을 좀 적절하게 배열을 해줘야 되겠죠
얘는 누구냐 알아보려면
얘 니모네요 니모라고 이름 바꿔줄게요
이름 바꾸기 하셔서 니모
니모는 어디에 두면 자연스러울까요?
저는 이쪽 컬러감이 비슷한 쪽에다가 넣어줄 겁니다
여러분 애초부터 저희 3D로 변환해서 합시다
다 클릭해 주시고 3D 레이어로 클릭을 해주세요
클릭을 해주신 채로 이제 적절하게 스케일 변경해 볼게요
가까워질수록 크기가 크면 좋겠죠
그래서 위치값을 저는 니모는 이쯤에 배치할 것이고요
포지션 찍어주시고 X, Y, Z 다 찍어주세요 그리고 각도
이 친구는 이 각도로만 되어있어야 되네요 이렇게 해주시고
그다음에 두 번째 친구는 누구죠?
이 친구네요 금붕어라고 이름 바꿔줄게요
금붕어고요 포지션을 이렇게 바꿔주고 찍어주고
로테이션 다 찍어줄게요
얘는 3D png여서 이렇게 각도를 바꿀 때
살짝 물속에 있는 듯한 느낌을 줄 수가 있어요
그래서 밑에 부분을 살짝 안 보이게 해주려면
3 정도? 너무 세고, 1 정도? 세고, 0.2 정도
0.2 정도 해주면 부드럽게 밑이 없어지고요
그다음에 두 번째 금붕어는 금붕어2라고 해주시고요
포지션 값 저 뒤쪽으로 해줄게요
스케일 작게 뒤로 가야 되니까 작게 해주겠습니다
그리고 X, Y, Z축 다 활성화해 주시고요
살짝 위쪽으로 가도록 이렇게 기울여 줄게요
이런 느낌이면 괜찮은 것 같고요
그다음에 가짜 물고기
가짜 물고기도 정렬을 해주겠습니다
포지션 값 찍어주시고 어디로 가면 좋을까요
진짜 물고기 뒤에 숨어있는 걸로 하겠습니다
한번 뒤쪽으로도 가볼까요
가까이 이렇게 만들고 위쪽으로 해서
이렇게 시작하면 어떨까 싶네요
가짜 물고기 스케일까지 해줬고
이제 로테이션 3개 값을 살짝 변동시켜 줄 건데
살짝 위에서 보는 걸로 할까요? 이렇게 바꿔주고
뒤로 가는 걸로 할까요 앞으로 가는 걸로 할까요?
여기에 물고기들이 많으니까 여기로 가는 걸로 합시다
이렇게 맞춰주시고
Z축은 니모를 보는 것으로 하고
스케일 조금 더 키워줘도 재밌겠네요
이렇게 3D 공간 안에 3D 레이어화 해서
이 오브젝트들을 적절한 위치에다가 얹어놓았어요
스페이스바 눌러서 한번 확인해 볼게요
이 배경이 움직이면서 물고기들도 움직이면 좋겠죠
3D 공간 애니메이션 연출
일단 물고기에 움직임을 주기 전에
카메라를 한번 만들어 볼 거예요
Window 메뉴로 들어가 볼게요
Window에 들어가 보시면
여기에서 Tracker라는 패널을 한번 꺼내볼게요
Tools 밑에 있습니다
트래커라는 메뉴를 클릭해 주시면
오른쪽 원래 Effects & Presets 있는 곳에
트래커 패널이 만들어진 것을 보실 수 있습니다
패널을 보면 4개의 버튼이 있습니다
거기에서 Track Camera를 눌러주실 겁니다
원래 Track Camera를 누르면
Analyzing in progress 이렇게 나오는데
저는 미리 눌러놨기 때문에
이렇게 나오게 되는 거고요
보시면 왼쪽에 3D 카메라 트래커가 이펙트 패널에 있고
보시면 이렇게 트랙 포인트 사이즈를 조절하실 수가 있어요
그래서 나한테 내 눈에 잘 보이도록
트랙 포인트 크기를 조절을 하실 수가 있습니다
보통은 이게 100, 100으로 되어 있는데요
한번 쭉 봐볼게요
엄청 트랙 포인트가 많은데 좀 작게 보여서
사이즈를 조금만 키워보겠습니다
여기 보시면 트랙 지점이 보이시죠
이 앞쪽에는 오브젝트가 있기 때문에 안 보이는데
뒤쪽 위주로 한번 보도록 하겠습니다
일단 이 4개의 레이어들은 모션을 조금 줄여 줄게요
줄여주고 여기에서 보도록 하겠습니다
이 뒤쪽에 행성들에 점들이 이렇게 있는데요
포인트에 커서를 대보시면 이렇게 과녁판같이 보입니다
여기에다가 마우스 포인터 올려보세요
그러면 3개 이상 포인트를 사용해서
과녁을 만들어 줄 수가 있어요
제가 여기다가 Ctrl 누르고
여러 개의 점을 찾아서 눌러보도록 할게요
어디 있을까요? 여기 찾았습니다
그렇게 해서 Ctrl 누르고 골라 주셨으면 우클릭을 해보겠습니다
우클릭해 보시면 카메라랑 함께 만들어진 효과들이 보이는데요
저희는 Null and Camera를 만들어 보겠습니다
그러면 카메라랑 Null 오브젝트가 하나 만들어지는데요
텍스트를 하나 만들어 볼게요
오른쪽 빈 공간 우클릭해 주셔서
New에서 텍스트 만들어주세요
New에서 텍스트 만드셔서 여기다가
Cosmos라고 써보겠습니다
Cosmos라고 써서 글씨체를 조절해 주겠습니다
원하는 색과 폰트로 바꾸기
폰트도 원하는 폰트로 골라서 이렇게 만들어 주시고요
만들어 주셨으면 이 텍스트를 3D 레이어로 바꿔줄게요
3D 레이어로 바꿔줄 건데
지금 배경을 3D로 제가 묶어 놔서
3D 레이어로 바꿔주시면
이렇게 그런 현상이 발생하지 않게 됩니다
일단 Cosmos로 선택을 해주셨으면
이 Cosmos 글씨를 3D 레이어로 바꿔주시면서
밖에 배경 레이어는 3D 레이어를 꺼주셔야 해요
그렇게 해주시면 될 것 같고요
이 Cosmos 텍스트를 조금 변형시켜 볼게요
일단은 Track Null이랑 연결시켜 준 다음에 변형시킬 거예요
이렇게 연결시켜 주시면
따라다니게 되고요 여기에서 트랜스폼 해주시고
이쯤에서 포지션을 찍어주시고
포지션 값을 조금 변경시켜 볼게요 밑에 보이도록
앞으로 좀 튀어나오게 할게요
물고기들이랑 같은 각도로 나오게 만들어줍니다
이렇게 같은 각도로 나오는데 물고기들이 좀 짧죠
그래서 늘려줄게요
이런 식으로 움직임이 들어갑니다
근데 글씨가 조금 빈약한 느낌이 들어서
글씨에 조금 색깔을 넣어줄게요
이렇게 두께, 스트로크, 색깔을 좀 바꿔주면서
글씨의 느낌을 조금 바꿔주었습니다
그리고 선택해서 크기를 좀 키워서
간판처럼 보이게 바꿨어요
이렇게 해주시고 한 번 더 볼게요
우주에 온 듯한 카메라 워킹이 나오는데
하나 더 만들어 볼게요
뒤쪽에 글씨 하나 더 만들어 볼게요
이쯤에 만들어 보시고 우클릭하셔서 Create Text
텍스트 만들어 볼게요
이 텍스트 이름을 뭘로 바꿀 거냐면
Planet 이렇게 바꿔줄게요
Cosmos, Planet 이렇게 있는데
얘는 멀리 있는 거니까 조금 글씨를 작게 해줄게요
스케일을 작게 해서 이 행성에 딱 붙게 만들어 주겠습니다
그래서 찍어주시고 작게 이렇게 만들어 주시고요
X, Y, Z값을 조절해 주셔서
여기에 붙어있는 것처럼 만들어 줄게요
이렇게 해서 앞에 간판처럼, 제목처럼 Cosmos가 나오고
뒤쪽에 있는 행성은 행성의 이름을 써줬어요
조금 제목과 구분 짓기 위해서 값을 좀 바꿔줄 건데
얘는 안쪽을 흰색으로 만들고
바깥쪽을 보라색 컬러로 만들어서
약간 저 물체랑 붙어있는 느낌을 주도록 하겠습니다
비슷한 색감으로 넣어서요
한번 봐볼게요
그러면 제목과 같이 우주의 간판이 나오면서
뒤에 Planet이라고 써져 있는 행성을 볼 수가 있겠죠
한 개만 더 넣어볼게요
다시 배경을 클릭하시고
어디에 넣으면 좋을지 한번 점들을 발견해 보세요
이 행성의 이쯤에도 한번 텍스트를 만들어 볼게요
뭐라고 할까요?
이 행성에는 하늘이니까 Sky라고 쳐볼게요
또 속성을 좀 더 바꿔볼게요 다채롭게
오브젝트와 어울리도록 텍스트를 디자인함
다 디자인이에요 디자인을 잘 해주시고
해주시고 한번 가보겠습니다 다시
제목이 Cosmos 이렇게 나오고
Planet, Sky 이렇게 글씨가 써져 있죠
아쉬우니까 마지막 하나 바다까지 써 줄게요
다시 배경 가셔서 트래커 선택하신 채로 보시면
딱 이렇게 과녁이 만들어지죠
여기다가 하나 더 써 볼게요
Text라고 나오면 이제 글씨를 뭘로 바꿀 거냐
Under the Sea
이렇게 하늘 나왔고 바다 나왔고 다 나왔어요
크기가 굉장히 큰데 어떻게 나오는지 한번 볼게요
너무 크죠 너무 크니까 줄여 줄게요
이거는 이렇게 작은 라벨처럼 만들어주고
포지션 조금 바꿔보겠습니다
이렇게 바꿔주시고 X축도 좀 바꿔주시고
여기에서 포지션 값, X, Y, Z 값
조절해 주셔서 한번 보겠습니다
좀 이제 버퍼링이 심해지고 있는데
이렇게 행성에다가 라벨을 붙였어요
최대한 글씨를 붙일 때는 자연스럽게 붙어야 되니까
좀 부자연스러운 부분은 색상으로
디자인을 해주시면 좋을 것 같아요
이제 움직임 자체는 자연스러워요
근데 이제 앞에 몰려있는 물고기들을 좀 정리를 해줘야겠죠
뒤에는 깔끔한데 이제 이 물고기들을 좀
정리를 해줘야 될 것 같습니다
이 친구들 png 파일들인데요
먼저 니모부터 해결해 볼게요
니모에게 이 모션을 줄 건데
포지션 값을 더 앞으로 가 줄 거예요 앞으로 가고
점점 아래쪽으로 들어가게 만들어 줄 거고
Y축 해줄 거고요 그리고 스케일도 움직여 줘야죠
가까워지니까 스케일은 점점 커지게 해줄 거예요 볼게요
저희는 이제 용량을 짧게 뽑아야 되니까
이렇게 빠르게 움직이게 만들었습니다
멀리서 오는 니모가 점점 가까워질수록 커지죠
이 니모한테 퍼펫을 살짝 넣어줄 겁니다
아쉽죠 안 넣으면
이렇게 3개 넣어줄 거고요
찍어줬으면 이쯤에서 찰랑 찰랑 이렇게 해줄 거고
갈 때쯤에 한 번 찰랑 해줄 거예요
퍼펫 너무 많이 해주시면 이게 엄청 버벅거리니까
컴퓨터 사용이 엄청 좋으신 분이 아니면
이렇게 찰랑 살짝 주는 것만으로도 좀 자연스럽죠
좀 느리게 하면 좋겠네요
퍼펫 다 열어보시면 이렇게 적용이 되어있고요
너무 빠르니까 뒤로 살짝 옮길게요 그러면 볼게요
화면이 버벅거리긴 하지만
나중에 추출할 때는 버벅거리지 않습니다
니모는 이제 됐고요
제일 지금 부자연스러운 친구가
이 등 돌리고 있는 금붕어죠
금붕어는 처음에 제가 방향성을
다른 데로 잡아줬는데 한번 바꿔보겠습니다
처음 포지션부터 해서 바꿔 볼 건데
보일 때 바꿔야 하니까요 여기쯤에서 이제 포지션
포지션은 그대로 두고 로테이션을 좀 시켜볼게요
얘는 지금 뒤쪽에 있어서 안 보이니까 이렇게 변경해 줍니다
밑에 쪽으로 내려갈 건데요
밑에 쪽으로 내려갈 거니까 어떻게 되겠어요?
스케일은 작아지겠죠
저 멀리 있는 친구로 해줄 거고요
포지션은 저 아래로 가게 해줄 거예요
이렇게 오면서 가까워질수록 스케일이 좀 커져야겠죠
스케일은 커지게 해줄 겁니다
이렇게 움직이게끔 갈 거고요
이 친구도 마찬가지로 퍼펫을 한번 해줄 건데
세 개 찍어주시고요
이쯤에서 찰랑 한 번 해주시고
끝날 무렵에 한 번 찰랑 이렇게 해줄게요
한번 보겠습니다
Cosmos에 오신 걸 환영합니다 찰랑찰랑
주제가 나오면서 이제 행성이 나오기 시작하죠
여기에서 너무 모든 물고기가 처음부터 등장하면 별로겠죠
가짜 물고기는 뒤에서부터 나올게요
가짜 물고기랑 금붕어2는 뒤로 갈게요
뒤로 가서 일단 이 친구들 둘이서 지나간 다음에 살짝 나오도록
안 나오는 이유는 포지션 값 때문이죠
포지션 값을 한번 이동을 시켜 보겠습니다
포지션이 아마 굉장히
어디 있을까요? 이럴 때는
오브젝트가 보이지 않을 경우 Fit 화면 보기로 변경하여 찾아보기
Ctrl + Z 해서 이걸 없애주면
처음에 보여지게 한번 해볼게요 일단
금붕어2가 여기에 보여지니까
포지션을 뒤로 넣으셔야겠죠 그러면
뒤쯤에서 나와요 뒤쯤에서 나오게 되는데
서서히 나오게 해볼게요
Opacity 0에서부터 찍어주시고
점점 나오게 100으로 만들어주세요
그러면 없다가 점점 나오게 되는데
스케일도 멀리 있으니까 작게 만들어 줄게요
그리고 더 작아질게요
미궁 속으로 빠지게 만들어 볼게요 이렇게 넘어가고요
점점 이 친구는 또 Opacity를 줄여서
사라지도록 만들겠습니다
됐죠 친구들 뒤로 가고요
미궁 속의 가짜 물고기만 좀 해결을 해주겠습니다
가짜 물고기는 포지션을 좀 뒤에다가 줄게요
뒤에다가 좀 나중에 나오게
그래서 이렇게 따라서 나오게 해줄 거고요
좀 더 뒤에서 Sky 나온 다음에 나오게 할게요
가짜 물고기 나오게 되는데
좀 너무 큰 감이 있으니까 스케일을 찍어주고
살짝 작게 만들고
가짜 물고기에도 퍼펫을 한번 줘볼까요
4개 이렇게 찍어주시고
많이 보이진 않겠지만 그래도 자연스러워 보이게 찍어주고
Y 포지션을 살짝 돌려줍니다
살짝 휘면서 이제 들어가게 되죠
이런 식으로 진짜같이
더욱더 생생하게 보이게 하는 게 우리의 임무예요
3D 트래킹을 할 때는 그렇게 해주시면 될 것 같고요
길이는 조금 전체 듀레이션을 맞추기 위해서
짧게 한번 조정을 해볼게요
이렇게 짧게 조절을 해볼게요
이렇게 해서 한번 재생해 보겠습니다
Cosmos가 제목으로 나오고
뒤에 이제 물고기들이랑 Sky, Under the Sea
이런 멘트들이 같이 나오면서 행성이 시작되게 됩니다
하나만 더 알려드릴게요
마지막에 Opacity 값을 다 찍어주시고
점점 사라지게 해주면 장면이 조금 더 완성도가 있겠죠
그래서 마지막 장면만 Opacity 값을 0으로 변동해 주셔서
마무리해 주시면 되겠습니다
아무래도 3D 카메라 트래커랑 퍼펫 핀 툴이랑
여러 가지 기능이 들어갔기 때문에
이 장면이 사실 고사양이 아니면
이렇게 버벅거리게 되어있어요
이렇게 마지막 Opacity 값 주시는 것까지 해서
좀 연출적인 3D 환경 애니메이션을 만들어 보았습니다
오브젝트뿐만 아니라 글씨도 트래킹을 활용해서
공간 안에서 이렇게 따라다닐 수 있도록 만들 수가 있다는 점
기억해 주시면 되겠습니다 수고하셨습니다
이번 시간에는 3D 공간 애니메이션 기능에 대해서 이해하고
카메라 도구를 활용해서
3D 공간 애니메이션을 만들어 보았습니다
3D 레이어 변환, 새로운 카메라 만들기
카메라 심도 조절하기 등 많은 기능들을 배웠는데요
애프터 이펙트가 2차원뿐만 아니라
3차원의 작업의 영역도 다룰 수 있다는 점을
알게 되는 시간이었습니다
그럼 이번 시간 학습한 내용을 정리하면서 마무리하겠습니다
감사합니다
애프터 이펙트의 3D 레이어
오브젝트 배열하기 Ctrl + I로 파일 불러오기
배경 레이어를 맨 뒤에 놓고, 모든 파일의 타임라인을 5초로 늘리기
우클릭 > Rename으로 오브젝트 이름 변경하기
3D 레이어 배열하기 모든 파일 클릭 후 3D 레이어 클릭하기
가까워질수록 크기가 커지도록 설정하여 원근감 주기
X Rotation 값을 조정하여 피사체의 아래를 안 보이게 설정할 수 있음
오브젝트가 뒤로 가는 느낌을 주기 위해 X Rotation 값 조정하기
다른 오브젝트와의 움직임을 생각하며 배치하기
3D 공간 애니메이션 연출
3D 텍스트 만들기 빈 공간에 커서를 두고 우클릭 > New > Text
원하는 색과 폰트로 바꾸기 텍스트를 3D 레이어를 바꾸기
Track Null과 연결하여 중간 지점에 Position과 Rotation 값 찍기
텍스트의 크기를 조절하여 공간감 주기
화면을 플레이하면서 텍스트의 크기 조절하기
3D 공간 연출하기 퍼펫을 추가하여 자연스러운 움직임 주기
원근감을 주기 위해 Scale 활용하기
Opacity의 값을 조절하여 등장과 사라짐 연출하기
화면을 플레이하면서 오브젝트의 크기 조절하기