모음랩 [애프터이펙트 강좌] 27 포지션 패스 응용 > Adobe After Effect

모음랩 | [애프터이펙트 강좌] 27 포지션 패스 응용

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

모음랩님의 Adobe After Effect강의 청각장애인을 위한 자막

이번 장에서는 포지션 패스의 이용에 대해 공부해 보도록 하겠습니다

첫 번째 내용은 모선 스케치 라는 내용인데
우리가 지금까지 키프레임을 잡아 줄 때는
포지션 관련하여 수동으로 키 프레임 은 일일이 잡아줘 썼습니다
그런데
그 포지션 패스 를 잡을 때 키프레임을 자동으로 잡아주는 기능이 바로
모션 스케치가 되겠습니다
컴프 를 하나 만들고 요
lx2 를 이용해서 구원을 1 흐려 주도록 하겠습니다
이 원의 뭐 찬 스케치를 적용을 하려면
윈도우의 가서 모션 스케치 라는 창을 이쪽으로 꺼내 줘야 됩니다
몇 가지 옵션들을 가지고 있는데 캡처 스피드 라는 것은 내가 키프레임을
잡는데 따라서 스피드를 빠르게 할 것이냐 느리게 할 것이냐
일단은 100% 로 두고 내가 움직인 속도 그대로 키프레임을 생성하도록
하겠구요
스무딩 은 극 왜 저게 얼마나 부드러움을 줄 거야 앉아 이것도 역시
이루어 놓고 실행을 하도록 하겠습니다
그리고 와이어 프레임 이라는 것은 실제로 키프레임을 줄 때 네모 박스를
나오게 할 것이니 안나오게 할 것이냐 그냥 디폴트로 나오게 하면 될거
같구요
그 백그라운드 라는 것은 키 프레임 생성 치 백그라운드를 보이게 할
것이지 안 보이게 될 것입니다
보이는 걸로 하고 진행을 하도록 하겠습니다 솔리드 레이어를 하나 생성해
주구요
이 상태로 시작을 하도록 하겠습니다
쉐이프 레이어를 잡아준 상태에서
앵커 포인트를 가운데 맞춰 주고요
스타트 캡쳐 를 누릅니다
그리고 잡은 상태에서 놓지 마시고 계속 이렇게 끌어 줍니다
오시는 대로
u 를 눌러 볼까요
소지섭 관련되서 10 프레임 들이
이렇게 많이 생성된 것을 보실 수가 있습니다
이쪽은 좀 줄여 주고
이쪽은 좀 들려주고 보겠습니다
페어런트 기능도 알려주고 좀 덮여 보겠습니다
네 이렇게 키프레임 들이 자동으로 생성이 된 거거든요
즉 내가 아까 스타트 캡쳐를 누르고 드래그 로 끌어 주다가
들어 기능을 놓는 순간 이 끝에서 놓는 순간 이렇게 생성이 되는 것입니다
우리가 그래프 에디터 를 통해서 보게 되면 이렇게 속도가
내가 준 그대로 들어가 있는 것을 확인할 수 있습니다
만약에 내가 이 속도를 등 속보로 주고 싶다 라고 한다.면
전체 키프레임을 잡아준 상태에서 그중에 하나 키 프레임 위에 올려 놓고
마우스 우 클릭을 하게되면
로버 크로스 타임 이란 게 있습니다 이걸 눌러 주게 되면
등속 으로 변하게 됩니다 그래프 지도에 다시 가서 보게 되면 이런 식으로
속보가 일정 아기
설정된 것을 확인하실 수가 있습니다
그런데 모션 스케치를 이용해서 만든 이 경로가
한번 돌려 볼까요
약간 좀 부드럽지 않다는 느낌이 있지 않으신가요
그래서 이 경로를 부드럽게 해주는 기능이 있습니다
윈도우의 보시면
20 더 라는게 있구요 이것을 위쪽에
가져온 다음에 우리가 포지션 캡 프레임 들을 한꺼번에 잡아주고
이 토런스 값을 올려 주면 예를 들어 10으로 올려줘 보겠습니다
그리고 적용 버튼을 누르게 되면
이렇게 경로가 좀 더 부드러워지는 것을 볼 수가 있거든요 그래서 우리가
이것을 돌려보면
아까 앞에서 봤던 것보다 한결 더 부드러워졌다 라는 것을 실감할 수가
있습니다
이런 수모 더 기능이 있다는 것도 알아 2시고 활용하시면 좋을 것
같습니다
그래서 정리해서 말씀드리면 우선 스케치 라는 것은 포지션 패스 관련된
키프레임을 자동으로 잡아주는 기능이 다 라고 알고 계시면 되겠습니다
포지션 패스 관련하여 두 번째로 학습할 내용은 바로 벡터 소스를 이용해서
보지 선 패스 를 잡아 주는 기능입니다
어도비 일러스트레이터 나 아님 어도비 포토샵에서 작업한 소스를 가져와서
포지션에 패스로 잡아줄 수가 있다는 얘기인데요
포토샵으로 가서 작업을 간단히 해 보도록 하겠습니다
포토샵에서 레이어를 하나 생성을 해주고요
펜 툴을 선택한 상태에서 횟수를 그려보도록 하겠습니다
이런 다이아몬드형 의 횟수를 그려 밖에요
1a 어원을 카피를 해줍니다
우리는 카피 에서 클립보드에 넣어 놓은 상태구요
새로운 컴퓨터를 생성을 하고 뭐
펠릭스 툴을 이용해서 원을 하나 그려 주도록 하겠습니다
뱅커 포인트를 가운데로 잡아 주고요
위치를 타운 데에
위치 시키도록 하겠습니다
셰이퍼 레이어에서
포지션을 잡은 상태에서
클립보드에 넣어 놓은 포토샵에서 만든 경우로 정보를 가져와서
컨트롤 v 로 붙여보고 있습니다
그럼 이렇게 키 프레임이 자동으로 생성되는 것을 확인할 수 있습니다
이런식으로 이동을 하게 됩니다
여기서 한가지 주의하셔야 될 점은 포지션니라 만약에 지금 컵 & c
로 저장해 놓은
복사 이런 내용을 이 쉔 레이어를 선택한 상태에서 바로 붙여 주게 되면
이렇게 마스크가 생긴다는 겁니다 우리가 어디에서건 포지션 인데
아 마스크가 생겨서
이렇게 마스크를 씌워 주는 형태로
된다는 점 즉 정리해서 말씀드리면 쉐이퍼 레이어 자체를 선택한 상태에서
커맨드 v 를 하게 되면 마스크를 만들고
포지션을 선택한 상태에서 커맨드 v 를 하게 되면 경로 정보를 붙여준다
로 이해를 하시면 되겠습니다
이번에는 에펙 에서 직접 그린 벡터로 호 지선 패스를 잡아 주는 방법을
배워보도록 하겠습니다
즉 바로 전 예제에서는 포토샵이나 일러스트레이터 에서 펜툴을 이용해서
포지션 패스 를 만들고 그것을 에 팩에서 활용을 했었는데 이번에 배우는
거 에서는 애 팩에서 직접 포즈 선 패스 를 만들어 보도록 하겠습니다
우선 컴프 를 만들어 주고요
벡터 후로 메이 이라고 하고
솔리드 레이어를 생성을 1 해 주겠습니다
그리고 여기에 똑같이 펜툴을 이용해서
다이아몬드 형태를 그려 보도록 하겠습니다
솔리드 레이어를 잡은 상태에서 다이아몬드를 그렸기 때문에
마스크로 만들어지게 됩니다
마스크의 단축키는 뱀 이구요
마스크 패스를 커맨드 c 로 복사합니다
그리고 나서
별도의 쉐이크 레이어드 1 생성을 하겠습니다
일단은 앵커 포인트 로 옮겨 죽 이어
가운데 글 잡아주고 포지션 패스 로 가서 붙여 넣기를 해주면
키 프레임이 작용으로 생성된 것을 확인 하실 수 있습니다
이 경로로 정확하게 이동을 하네요
다음으로는 위 글러 기능을 알아보도록 하겠습니다
좀비 글러 라는 것은
수치를 랜덤하게 조정을 해주는 기능이 되겠습니다
그래서 윈도우의 위 글러 를 활성화 를 하게 되면 이렇게 위 글럽
윈도우가 나타나게 됩니다
우선 컴프 를 하나 생성해 주고 이름을 위글 너라고 주겠습니다
우리가 빌딩 2 지진이 나서 흔들리는 것 같은 거를 구현하기 위해서
그림을 가져올 텐데 이 pxd 파일은 그냥 단일 레이어 로 구성해서 서도
상관이 없기 때문에 그냥 후 tg 로 불러 오도록 하겠습니다
콤프 로 가져 오구요 그럼 이런 이미지 되는데
찌를 하단에
붙여주고 시작을 하도록 하겠습니다
지진이 나서 흔들리는 이 위치 값이 흔들리는 걸 랜덤으로 구현하기 위해서
위글 너를 적용을 할 건데 주의하셔야 될 내용은 위 글러 는 반드시 키
프레임이
2개가 존재해야 쌍으로 존재 해야지 적용이 가능합니다
그제서야 비로서 이어 플라이 버튼이 활성화가 되게 되는데요
그래서 우리가 포지션을 키프레임을 잡아 주도록 하겠습니다
0 초에
그리고 2초에 잡아주는데
2초 동안 은 1등이 무너지지 않고 그냥 제자리에서 흔들리는 걸 구현할
것이기 때문에
포지션의 변화를 주지 않습니다
그럼 0초 에서 있죠 사이는 이렇게
위치의 변화 가 없겠죠
그리고 2개의 히 프레임을 잡아주게 되면
어플라이 버튼이 활성화 되는 것을 보실 수가 있습니다
적용을 하면 되는데 우리는 공감 값의 변화를 줄 거니까 스페셜 패스
돋우고
노이즈 타입은 스 모드 와 재그 들어있는데
재그 드는 직선으로 잎의 지그재그로 받으시
그렇게 이동하는 거고 스 모드는 눈물 게 이동하는게 되겠습니다
ot 멘션은 디폴트는 보통 이렇게 올 인디펜던트 리 로 되어있는데 x
충만으로 만 움직이게 따 마이 충만으로 마음 지겠다
x 축 y 쭈 같은 비율로 움직이게 따
그리고 무작위로 움직이게 따 입니다 5 자기로 일단 나두 구요
그 후 리콘 씨는 빈도 수 거든요 니까 1초에 20번 발생한다.
그런데 매그니튜드 즉 강 도 10의 강도로 1초에 20번 발생 하겠다
이런 의미가 됩니다
어플라이 를 눌러 주겠습니다
누르게 되면 바로 여기서 보시다시피 포지션에 키프레임 들이 자동으로
생성이 됐구요 굉장히 많이 생겼죠
굉장히 많은 키프레임 들이 이렇게 생겼고
여기에 보시면
이렇게 키 프레임이
정말 제멋대로 생성이 되는 것을 확인하실수 있습니다
뭐 돌려 볼까요 이 쪽까지
이렇게 흔들리는 것을 볼 수 있는데
그림 2 지금 이렇게
뜨는 것이 보기가 안좋네요 그래서 우리가
위 글러 에서 디멘션 을 올 인디펜던트 분리가 아니라 x 축은 안 주는
걸로 다시 적용을 해 보겠습니다
다시 언도를 하고 x 축에 만 어플라이 를 하게 되면
보시는 바와 같이 x 축으로 만 위치 값을 의 변동이 있게 되는 것입니다
이제 어색하지 않네요 그럼 우리가 이 쪽까지 는 흔들리다가
6조 까지는 아래쪽으로
건물이 무너져 내리는 것을 키프레임을 이렇게 주고요
이 초에서 6조 까지
다시
적용을 해 주도록 하겠습니다
이렇게 하면
이 쪽까지 는 제자리에서 x 축으로 만 흔들리다가 2초 이후부터는
건물이 붕괴 하면서 이렇게 흔들리는 모습을 보이게 될 것입니다
6조 까지로 해서 올려보도록 하겠습니다
이런식으로 위 글러 기능은
랜덤으로 포지션 값을 변경해 주고 싶을때 활용이 가능합니다
지금 예선 우리가 위 글러 기능을 포지션 패스 에만 적용 을 했었는데
사실은 수치가 들어가는 속성이 면 어디에나 활용이 가능합니다
우리가 사이렌 1 그림을 가져왔어요
컴퓨 7을 시키고 사이즈가 너무 크니까
40% 정도만 해서
가운데에 위치 깨서
좀 위쪽으로 올려 주도록 하겠습니다
이 사이렌의 스케일에 위 글 을 적용해 보도록 하겠습니다
스케일에 키프레임을 잡아 주고요
0 초에 40% 2초의
60%
4초에
40% 를 카피 페이스트 해주구요
6 조 에 가서 60% 를 카피 페이스트 해 주겠습니다
그럼 기본적으로 이렇게 커졌다가 작아졌다 가 커지는 이런 애니메이션이
나오게 되는데 여기 를 한꺼번에 잡아서
위글 너를 적용을 해 보겠습니다 이번에는 t 멘션을 올 인지 팬들은
클립을 xy 축 비율이 깨지게 적어 특가 요
키 프레임이 이렇게 생성이 되고
돌려보면
이렇게 크기가 제법 되고 변하는 것을 확인할 수 있습니다
5 패서 트 에도 적용 을 해보겠습니다
80 정도로 주고 뒤쪽에는
그냥 80% 로 똑같이 주구요 두 개를 잡아 준 상태에서
투명도 에 있어서는 디멘션 은 의미가 없기 때문에 비활성화 가 됐고
어플라이 버튼을 눌러 주게 되면 역시 키 프레임이 이렇게 생성되는 것을
확인하실 수 있습니다 그래서
커졌다 작아 쪘다 하는데 자세히 보시면 이 투명도 도 계속 변화가 생기고
있다는 걸 확인할 수가 있습니다
로테이션 에서 한번 가볼까요
로테이션을 영추 에서는
평면도 5
2초에 가서는
180도
4초에 가서는
360도 즉 한바퀴
북 조에서는
또 한바퀴 이런식으로 적용하고
전체를 잡아준 상태에서 어플라이 해보겠습니다
그러면 네 이렇게
랜덤으로 값들이 설정 되는걸 확인할 수가 있었습니다.