본문 바로가기

에프터 이팩트 튜토/에프터 이팩트 강좌

[에프터 이펙트 강좌]에프터 이펙트로 지도위로 지나가는 화살표 만들기 - 방법2



이번 강좌는 저번에 이어 에프터이펙트로 지도 위로 지나가는 화살표 만들기 입니다.


너무 빨리 지나가게 해서 그런지 어지럽네요 @.@;;


이번 화살표는 저번과는 좀 다르게 움직이는것을 아실겁니다.


이동경로라고 하는것이 맞을거 같네요



먼저 컴퍼지션을 하나 만듭니다.


저는 1280*720 사이즈로 만들었고 단순한 강좌이기에 10초로 만들었습니다.


이름은 편하신데로 하시면 될거 같네요 


저같은 경우에는 후에 map으로 바꾸었습니다.



원하는 지도를 하나 불러가지고 왔습니다.


위 이미지는 다음맵 화면에서 가지고 왔음을 알려 드립니다.



이제 solid layer를 하나 만듭니다.


전 이 레이어를 계속 쓸거므로 이름을 사이즈로 만들어줬습니다.



다음 지도 위에 얻힙니다. 


저 반원 표시는 확인을 위해 투명하게 보이는 옵션인데 안하셔도 됩니다.


처음에 다른 방법으로 하다가 손이 많이 가는 방법이라서 방법을 바꾸느라 남은건데 체크 안하시는 방법이 옳은 겁니다.


그 방법은 차차 가르쳐 드리겠습니다.



다음 effects-generate- write on 을 가지고 레이어 위에 얻힙니다.



다음 이펙트 옵션에서 맨 마지막 옵션을 on trans...로 바꿔줍니다.


투명화로 보겠다는 옵션입니다.



그럼 지도가 보이게 되었을텐데 위에 타임워치 버튼을 클릭하고 원하는 시간에 가서 타켓표시를 움직여 줍니다.



그럼 위 같은 그림이 그려집니다.


라인은 처음에는 흰색이지만 눈에 띄게 빨간색으로 바꿔줬습니다.


write-on 옵션의 color 를 바꿔주시면 됩니다.



다음은 앞에 화살표를 만들어 줘야겠습니다.


새로운 컴퍼지션을 만들어 준다음 위 화면과 같은 모양을 그려줍니다.


다음 색을 맞춰주기 위해 fill로 빨간색으로 만들어 주었습니다.



다음 화살표 컴퍼지션을 write-on 레이어 위에 얻혀줍니다.




시작점을 위 화면과 같이 맞춰주고 사이즈도 줄여 주세요



다음 alt를 누른체로 position의 스탑워치를 눌러주면 익스프레션 창이 나옵니다.


우측에 골뱅이를 write-on의 브러시 포지션에 드래그 합니다.


그러면 자연스레 화살표가 시작점에 맞추어 따라가게 됩니다.



위 화면 처럼 되었을겁니다.


하지만 화살표의 방향이 맞지 않으니 아래 화면처럼 화면을 플레이 해가면서 각도를 맞춰줍니다.




다음은 모든 레이어를 3d화 시켜줍니다.



다음 카메라를 설치하고 원하는 뷰의 각도를 만들어 줍니다.



화살표에 입체감을 위해 조금 위로 올리고 drop shadow 이펙트를 주었습니다.



이제 화살표에 맞춰서 카메라의 움직임을 맞춰줍니다.




휘리릭 이렇게 따라가게 만들어주면



이렇게 화면이 완성됩니다.


사실 디테일하게 하려면 주위의 지도도 제대로 완성되어야 하지만 강좌를 위한 보기이므로 이해 부탁드립니다.


다른 방법은 write-on대신에 마스크를 쓰소 stroke 이펙트를 쓰는 방법이 있지만 손이 너무 가거니와 움직임에 맞추는 작업이 깊은 빡침을 요구 할수 있기 때문에 간단한 방법을 소개 해 드립니다.


시작점은 그냥 시작 되었지만 사이즈를 줄였다 커져가는 방식의 애니메이션이 들어간다면 더 좋겠지요