실감 기본편 3D 공간 애니메이션 연출
여러분 안녕하세요 강의자 최지원입니다
이번 시간에는 3D 공간 애니메이션 연출
키잉 효과와 3D 카메라 트래커에 대해서 다뤄보도록 하겠습니다
오늘의 학습 내용으로 먼저 키잉 효과를 활용해서
움직이는 피사체의 배경을 없애는 실습을 통해
애프터 이펙트의 키잉 효과에 대해서 이해해봅니다
3D 카메라 트래커를 활용해서
3D 공간을 합성, 연출해보는 실습을 통해서
보다 정교한 3D 공간 애니메이션을 연출해 보도록 합니다
애프터 이펙트의 키잉 효과
먼저 키잉 효과를 이용해서 이미지를 가공하고
그다음에 3D 카메라 트래커를 이용해서
화면을 한번 만들어 보도록 하겠습니다
좀 어려운 기술이기 때문에
최대한 간단하게 설명을 드리면서
간단한 실습으로 진행을 해서
이해를 돕도록 할 건데요
일단 연습을 하기 위한 자료를 가져와야겠죠
일단 컴포지션 만들어 볼게요
키잉 연습이라고 쳐주시고요
일단 컴포지션 하나 만들었습니다
만드셨으면 여기에다가 파일을 가지고 와야겠죠
또 불러올게요 Ctrl + I
먼저 이 새부터 한번 연습해 볼게요
Import 해주시면 키잉2 컴포지션에
키잉2 png 새 파일이 나오게 됩니다 여기에서
배경을 없애주고 이 새만 저희가 사용하고 싶은 거예요
그래서 이럴 때는 어떤 값을 넣어야 하냐면
키잉 png를 클릭해 주신 채로 Effects & Presets 가셔서
제가 검색을 해놨는데
key라고 쳐주시면 됩니다
key라고 쳐주시는 순간에
여러 가지 키에 대한 메뉴가 나오죠
여러 가지 중 키잉에서 Keylight(1.2)라고 있어요
이거를 더블 클릭해 주실게요
더블 클릭하거나 아니면 드래그해서 컴포지션 패널에 넣든가
아니면 드래그해서 타임라인에 있는 파일에 적용시켜도 됩니다
이렇게 넣어주시는 순간 이펙트 컨트롤 패널에
키라이트에 대한 여러 효과들이 나오게 되는데요
여기에서 우리는 배경 색깔을 뺄 거기 때문에
스크린 컬러를 빼 줄 거예요
스포이드 있죠 이 스포이드를 클릭해 주시면
커서가 스포이드로 바뀌게 됩니다
이때 스포이드를 배경에다가 눌러주시면
배경 색깔이 없어져요
배경 색깔을 없애고 나서는
키라이트 효과에 Screen Matte 옵션도 바꿔주면 좋습니다
밑에 봐주시면 Screen Matte 이렇게 있죠
여기에서 Clip White 찾아보세요
Clip White 찾으셔서 이 값을 좀 줄여주시고요
저는 90으로 줄였습니다
또 Screen Softness 있죠
Screen Softness를 조금 더 올려주면
올려주는 순간 이 이미지의 외곽이 부드러워집니다
그래서 밝기를 낮추고 부드러움을 더해주니까
이 이미지가 잘린 외곽이 그렇게 두드러지지 않고
좀 자연스럽게 변하게 되었죠
이런 식으로 해서 배경이 같이 있는 jpg 이미지를
배경을 제거해서 오브젝트만 쓸 수 있도록 할 수가 있습니다
대신에 배경이 너무 지저분하거나
뽑아낼 오브제의 색상과 겹치는 부분이 있다면 또는
비슷한 색깔이 있다면 구분하기가 어렵겠죠
그래서 항상 이미지를 선택하실 때
이미지와 배경의 색깔이 너무 비슷하지는 않는지
그것을 점검해 보시고 가지고 오셔야지
작업을 수월하게 하실 수가 있습니다
그다음 하나 더 해볼 건데요
Menu > Effect 누르시고요 밑에 Matte 있습니다
Matte에서 Simple Choker라고 네 번째에 있어요
얘를 선택해서 적용해 줄 건데요
얘를 선택하는 순간 또 이펙트 컨트롤 패널에
Simple Choker라고 나오죠
여기에서 Choke Matte를 0에서 1로 바꿔주고
엔터 해주시면 확연하게 외곽선이 정리가 되죠
외곽선을 이렇게 정리를 해주시면 됩니다
그래서 가장자리 정리가 지저분하지 않게
이렇게 잘 정리를 해주셔야 한다는 것까지 해서
깔끔하게 이렇게 키잉으로 오브제를 따봤어요
한 번 더 해볼 건데요 Ctrl + I 해서
이번에는 이 이파리를 따볼 거예요
이파리를 따볼 건데 배경 색깔이 다르죠
이 이파리는 색깔을 아주 명료하게
제가 쉽게 딸 수 있도록 처리를 해놓았습니다
똑같아요 똑같은데 한 번 더 적용을 해보겠습니다
반복해서 실습하셔야지 암기가 되니까
키잉을 이 파일을 누르시고
이미 활성화가 되어있는데
Effects & Presets 가셔서 Keylight(1.2) 이거를
더블 클릭 아까 해봤으니까 이번에는 드래그를 해볼게요
드래그해 주시면 바로 이펙트 컨트롤 창이 왼쪽에서 나오게 됩니다
이펙트 컨트롤 창에서 처음에 저희가
배경을 없애기 위해서 어떤 걸 했었죠?
스크린 컬러를 봤었고 거기에서 스포이드를 눌러줬었어요
스포이드를 누르니까 커서가 스포이드로 변했었죠
이 상태로 쭉 가셔서 컴포지션 패널에 있는
파일의 배경 부분 색깔을 눌러줍니다
눌러주니까 어떻게 됐어요? 없어졌죠
없어졌지만 가장자리는 조금 어색한 면이 있어요
하얀 배경도 살짝 보이는 것 같고 그런 점이 있습니다
얘를 이제 정돈해 주기 위해서
저희가 어떤 걸 했었죠?
메뉴 바에 있는 Effect 들어갔었죠
여기에서 Matte로 들어가셔서
네 번째 Simple Choker를 클릭했었죠
그래서 클릭하는 순간 또 이펙트 컨트롤 패널에
Simple Choker 나오게 됩니다
여기에서 어떤 거를 크기를 크게 해주면
가장자리가 부드러워질까요
제가 커서에 대고 있는데 Choke Matte죠
Choke Matte가 0으로 되어 있는 걸 값을 1로 매겨줄게요
부드러워졌죠 이번에는 3으로 매겨볼게요
더 부드러워졌죠
10으로 하면 어떻게 될까요?
더 부드러워졌죠
가장자리를 유연하게 만들거나 매끄럽게 만들고 싶으면
이렇게 큰 값을 해도 되는데
제가 지금 30을 썼거든요
그럼 아예 없어지게 됩니다
그래서 이럴 경우에는 숫자로 매겨보기보다는
숫자 위에 커서를 올리면
양옆으로 화살표가 생기죠
화살표를 왼쪽으로 옮겨보고 오른쪽으로 옮겨보면서
적정한 효과가 나타날 때쯤 스스로 멈춰주시면 되겠습니다
저는 그래서 세세하게 3.4 정도에서 멈췄어요
눈으로 확인하고 직관적으로 그 상태를 확인하시면서
숫자 값을 입력해 주시면 훨씬 의미가 있겠죠
이렇게 해서 우리가 키잉으로 나뭇잎을 따서 만들어 보았고요
여기에서 두 번째 실습이니까 하나 더 볼게요
타임라인 패널에서 키잉을 선택한 채로 쭉 가보시면
이 3D 레이어 아이콘을 활성화시켜 주시면 되겠습니다
3D 레이어 활성화시켜 주셨으면
컴포지션 패널에 이렇게 표식이 나오게 되죠
컴포지션 패널에서 표식이 나왔다는 것은
프로그램 패널에서도 뭔가 변화가 있다는 뜻인데요
이펙트에서 Transform 열어보니까 뭔가 달라진 게 있어요
뭐가 달라졌냐면 로테이션이 X, Y, Z축으로 변해있고요
이 점이 가장 큰 변화죠
그러면 우리 새로 생긴 Z축을 한번 옮겨볼까요
이렇게 옮겨지고요
X축 이렇게 옮겨지고요
Y축 이렇게 옮겨져요
이렇게 3D 레이어로 레이어를 변형하면
X, Y, Z축이 생겨서 공간화가 되는구나라고 알 수가 있습니다
알 수가 있는데 약간 2D스러운 3D가 만들어졌죠
이렇게 만든 김에 크기를 조금 줄여서
모션을 만들어 보려고 해요 어떻게 만들 거냐면
이파리를 오른쪽에서 왼쪽으로
살짝 떨어지는 듯한 느낌을 내려고 하는데요
포지션 값을 일단 저쪽 끝으로 만들어 줘야겠죠
그리고 더 멀어지게 만들어 볼게요
이런 식으로 조절을 해주세요
저는 포지션 값을 364.5, 114.5, 151로 만들었습니다
하지만 조금 더 갈게요
418.5로 X축을 바꿨고요 포지션 찍어줍니다
그리고 다른 것들도 다 찍어줄 거예요
X, Y, Z축, 로테이션 다 찍어줄 거고요
4초 쯤에서 포지션 바꿔줄게요
포지션을 왼쪽 끝으로 바꿔주면서
아래쪽으로 살짝 이렇게 만들어 보겠습니다
이렇게 직관적으로 컴포지션 패널에서
보이는 대로 가주시면 되고요
한번 포지션만 바꾼 버전을 볼게요
이렇게 떨어지게 되죠 이파리가 떨어지게 되는데
이파리는 질감이 어때요?
딱딱하지는 않죠
그래서 이렇게 종이비행기처럼 날아가는 게
조금 어색해 보이긴 하네요 어색해 보이긴 하니까
떨어지는 중간중간에 로테이션을 좀 주면 좋겠어요
그래서 중간 지점에 1/3 지점 쯤에
이렇게 인디케이터를 위치시켜 주시고
한번 변화를 줘보겠습니다
조금씩 움직여 보세요 움직여 보고 확인
움직이는 동안 X, Y, Z축을
살짝 변형시키니까 어떻게 되나요?
공간에서 움직이면서 떨어지는 것처럼 보이죠
그다음 볼게요 1/3 지점에 했으니까
2/3 지점에도 한번 해보겠습니다
포지션은 그냥 이렇게 떨어지면 좋을 것 같고요
살짝 내려갈까요? Y축 살짝 내렸고요
그다음에 로테이션은 이렇게
좀 많이 바꿔볼게요 많이 한번 바꿔보신 다음에
바람이 불고 있나 봐요 그렇죠? 바람이 불고 있죠
이렇게 떨어지도록 냅두시고
마지막 정돈을 좀 해줘야겠죠
그냥 이렇게 꺾인 채로 떨어지면 어색하겠죠
그래서 다시 떨어지는 듯한 느낌을 조금 더 주기 위해서
윗면을 좀 보여주도록 하겠습니다
요리조리 이렇게 바꿔보세요 바꿔보시면서
어떻게 해야지 공간감이 자연스럽게 보이는구나라는 것을
캐치를 스스로 하셔야 됩니다
이거는 많이 만져보는 수밖에 없어요
이런 식으로 하고 포지션도 더 내려갈게요
이런 식으로 저는 만졌고요
한번 다시 보겠습니다
떨어지다가 돌다가 이렇게
조금 인위적이긴 한데
좀 많이 인위적이긴 하지만 모션을 나름대로
3D 공간적인 변화를 주기 위해서 노력을 하면서
우리가 만들어봤어요 모션을
그렇다면 여기에 블러 효과 주면 더 실감나겠죠
그래서 블러 효과 살짝 줬고요
어떻게 하면 또 더 자연스러워질까요?
퍼펫을 살짝 사용해주면 자연스럽겠죠
저는 여기다가 두 개만 찍으려고요
두 개만 일단 찍어주고 퍼펫이 활성화됐죠
찍어준 상태에서
우리가 3등분 했죠 1/3 지점에서 한 번 흔들
그다음에 2/3 지점에서 한 번 흔들
그리고 마지막 지점에서 흔들
이런 식으로 줘봤어요 한번 볼게요
이렇게 제가 지금 복잡해질까 봐
이파리까지는 하진 않았지만
떨어지면서 줄기 부분이 약해져 가지고
이렇게 꺾이면서 떨어지게 됐어요
여러분 어때요?
3D라는 개념이 공간 자체를 형성하는 것도 중요하지만
거기에 들어갈 오브제의 모션도 또한 중요하겠죠
그래서 우리가 만약에 어떤 오브젝트가
공간 안에 들어가게 만들고
거기에 모션을 넣겠다 했을 때
이런 식으로 키잉을 활용해서
오브젝트를 자연스럽게 만들 수 있고
거기에다가 3D 레이어 표식을 해서
X, Y, Z축을 활성화시켜서 로테이션을 주면서
실감나게 만들 수가 있어요
또한 포지션까지 X, Y, Z축으로 살펴보면서
정밀하게 해볼 수가 있겠죠
또한 오브젝트의 질감과 무게에 따라서
퍼펫 툴을 적절히 활용해서
3D 비슷한 모션 자체에 실감나는
그런 동작들을 첨가해 줄 수 있습니다
그래서 애프터 이펙트에서의 3D 개념은
완전 유니티나 언리얼처럼 화려한 동작들보다는
2D 그래픽을 움직이는 모션을 활용해서
어떻게 일러스트 모션으로 변모시키는가
그런 지점에 매력이 또 상당히 있어요
그래서 그런 부분의 실습들을
여러 가지 관심도에 따라서 해보시면 좋겠습니다
3D 카메라 트래커
그렇다면 우리 오브제를 3D화하는 것을 배웠는데요
하나 더 만들어 볼게요
공간에 3D 카메라 추적을 해볼 것인데요
Ctrl + N 하셔서 3D Camera Tracker 실습이라고 쳐보겠습니다
새로이 컴포지션을 열어주시고요
어떤 파일을 불러 오시냐면
Ctrl + I 하셔서 정물을 가지고 오겠습니다
정물 파일 Import 해주세요
다 가져오셨으면 한번 틀어볼게요
테이블 위에 정물들이 놓여 있고
이제 카메라가 정물을 봤다가
가까이 갔다가 멀어졌다가 하는 짧은 영상이에요
이 영상에다가 우리가 한번 추적 기능을 넣어볼 텐데 일단은
저희가 가져온 이 정물.mov를 우클릭하실 거예요
우클릭하셔서 Pre-compose를 할 거예요
Pre-compose 해서 정물.mov Comp 1 해가지고
Move all attributes into the new composition
이거 체크해 주시고
체크, 체크 따라서 해주시고 만들어 주시면 됩니다
그러면 새로운 컴포지션 만들어지는데
우리는 Pre-compose 한 파일이 들어있는
컴포지션으로 다시 돌아와 줄 겁니다
여기까지 따라오셨으면
우리 이펙트 창으로 다시 갈 건데요
아까 Effects & Presets에다가 key로 이펙트를 해봤다면
이제 이 창에다가 3D Camera Tracker 이렇게 칠 거예요
이렇게 쳐보시면 딱 하나가 나오죠
Perspective에 3D Camera Tracker가 나옵니다
이거를 더블 클릭해 주시면 됩니다
더블 클릭했는데 뭔가 반응이 없다 왜 그럴까요?
타임라인 패널에서 적용할 파일이
선택되어 있지 않으면 적용되지 않습니다
저처럼 클릭하시고 더블 클릭해 주시면
이렇게 Analyzing in background라는 메시지가 나옵니다
Step 2 중에 1인데요
일단은 배경을 분석해 보겠다는 동작인데요
좀 기다림이 필요합니다
이렇게 자동으로 분석하는 시간이 파란 띠 시간이고
그다음에 이제 다 됐다고 하면 뭐가 생기죠?
이 공간에 점들이 이렇게 생겨요
이 점들은 공간을 자동으로 인식한 값이에요
보통 여기에서 3개 정도를 선택해서 사용을 하는데요
저희는 가장 잘 두드러지는 이 부분의 점을
한 3개 정도 선택을 해볼 건데
그냥 이렇게 선택하지 마시고
Shift 누르신 채로 이렇게 3개를 선택해 주시면 되겠습니다
각도가 조금 너무 이렇게 비스듬하지 않고
정방향이 되도록 해주시는 것이 좋아요
이 정도인 것 같은데 여기에서 우클릭하셔서
Create Null and Camera가 있어요
얘를 선택해 주겠습니다
Create Null and Camera를 만들어 주셨으면
Tract Null 1 선택하시고 이렇게 볼게요
Tract Null을 선택해서 보시면 이렇게 따라가요
여기 제가 선택해 놓은 이 오브제를
카메라가 잘 따라가는 것을 볼 수가 있습니다
이렇게 보이시죠
여러분들도 한번 화면을 보시고
잘 따라오는지 확인해 보겠습니다
카메라가 잘 따라오고 있고요
여기에다가 아까 만든 것을 합성해 볼까요
아까 키잉 만든 것을 복사해서 가지고 와볼게요
키잉 만든 것을 가지고 왔는데 화면이 커서
하나의 이파리가 저 끝에서 나오지 않고 있는데
일단 시작 지점은 상관하지 마시고
트랜스폼 가셔서 스케일을 좀 키워보려고 합니다
스케일을 좀 키워볼 건데
이렇게 키우고
이 축을 한번 저 멀리로 바꿔볼게요
이렇게 바꿔볼게요
저 멀리서 떨어지는 애니메이션을 만들려고 했는데
일단 약간 초현실주의 같죠
현실적인 공간에 이렇게 2D 오브젝트를
3D 공간화해서 한번 넣어보는 느낌을 보려고 했어요
3D 오브젝트도 따로 움직이고
3D 배경도 따로 움직이니까
공간화된 느낌이 나면서 이렇게 떨어지게 되죠
떨어졌다가 다시 책상 화면에 사뿐히 올려져서
정물의 한 느낌으로 보여지게끔 연출을 해보았습니다
그러면 하나만 하니까 심심하죠 하나 더 해볼게요
마찬가지로 우리 만든 것들
아까 키잉으로 만든 3D 오브제를 Ctrl + C, V 해서
이번에는 하나는 좀 밑쪽에서 날아다니게 해볼게요
트랜스폼에서 포지션 값을 이렇게 주셔도 되는데
그냥 컴포지션 패널에서 할게요
여러분들도 여러분들이 생각하시는 느낌으로
구성을 잘 해보시면 되겠습니다
여기서부터는 이제 구성을 어떻게 하느냐에 따라서
비디오에 스토리가 생기는 거니까
너무 두 개가 같이 나오네요 마지막에
좀 이렇게 곡선을 바꿔보는 것도 좋지 않을까 싶네요
근데 또 너무 똑같은 모션이 만들어지니까
두 번째 거는 조금 로테이션 값을
다르게 주면 어떨까 싶어요
이런 것도 너무 생각을 안 하고 주면 좋지 않아서
스케일 값이랑 포지션, 로테이션 값을
우리가 아까 1/3 지점, 2/3 지점에서 바꿔줬는데
한번 볼게요
그렇죠 조금 다르게 로테이션 값을
한 지점만 X, Y, Z축을 다르게 줘도
훨씬 일률적이지 않은 모션이 만들어지죠
그리고 속도도 조금 변경해 볼게요
속도를 어떻게 변경하느냐
키잉 값을 살짝 뒤로 옮길게요
뒤로 옮기면 살짝 두 이파리의 속도가 변하게 되죠
그리고 마지막에 나오는 이파리도 살짝 다르게
다른 각도로 떨어지면 훨씬 자연스럽겠죠
그리고 포지션은 위로
이렇게 두 개가 포개지게 하면 어떨까요?
이런 식으로 해볼게요
이렇게 만들어 보았습니다
패널 닫아주시고
현실적인 공간에 3D 카메라 트래킹을 해서
오브제 중심으로 카메라가 이렇게 보이게 되는 연출을 했고
그 위에다가 2D 오브젝트를 가져와서
3D 레이어로 바꿔서 모션을 만들어 보는 작업을 해봤습니다
실습을 여러분만의 영상과 png 파일로 연습해 보시면
더 잘 기억에 남을 것 같아요
이번 시간에는 키잉 효과를 활용하여
원하는 피사체의 배경을 없애보고
3D 카메라 트래커를 활용해서
3D 공간을 합성하고 연출해보았습니다
생각보다 애프터 이펙트를 활용해서
3D 공간에 대한 연출을 실감나게 할 수 있다는 점을
알게 되는 시간이었습니다
그럼 이번 시간 학습한 내용을 정리하면서 마무리하겠습니다
감사합니다
애프터 이펙트의 키잉 효과
외곽선 부드럽게 만들기
원하는 이미지를 넣은 후 더블 클릭하여 Effects & Presets의 Keylight(1.2) 클릭하기
Keylight에서 Screen Colour의 스포이드 클릭 후 이미지 배경 누르기
Screen Matte에서 Clip White와 Screen Softness 값 조절하여 부드러운 가장자리 만들기
Menu - Effect - Matte - Simple Choker 클릭하고 Choke Matte의 수치를 1로 만들어 외곽선 정리하기
공간감 만들기 3D 레이어로 레이어를 변형하여 X, Y, Z축이 생성하기
Position, X, Y, Z축 체크하고 값을 변경하여 움직임을 추가하기
중간 지점 및 마지막 지점의 X, Y, Z축의 값을 변경하여 공간감 주기
블러 효과, 퍼펫을 추가하여 자연스러운 움직임 만들기
3D 카메라 트래커
추적 기능 삽입하기
원하는 파일을 불러온 후 파일에 마우스를 둔 후 우클릭하여 Pre-compose 클릭하기
Effects & Presets에 3D Camera Tracker 검색하기
영상 이미지에 다양한 점이 생성되며, Shift를 누른 채로 3개의 점 선택하기
우클릭 - Create Null and Camera 선택하기
Tract Null 1 선택하면 점으로 선택한 오브제를 카메라가 따라가는 것을 확인할 수 있음
2D 오브젝트를 3D 공간화에 넣어보기
키잉으로 만든 오브제를 복사해 가져오기
Transform - Scale의 값 조절한 후 2D 오브젝트의 움직임 축 조정하기