저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

댓글을 달아 주세요



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


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


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


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



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


저는 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 이펙트를 쓰는 방법이 있지만 손이 너무 가거니와 움직임에 맞추는 작업이 깊은 빡침을 요구 할수 있기 때문에 간단한 방법을 소개 해 드립니다.


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

저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

댓글을 달아 주세요



사실 이미지 찍어가면서 하는건 비효율이고 동영상으로 할까 하다가 마침 작업해둔 파일중에 기본 플러그인만으로 만들어 둔게 있어서 그걸 가지고 올려보려 합니다.

좀 부족할지도 모르고 댓글들이 좀 달린다면 동영상으로 나중에 다시 올려보겠습니다.

없으면 말고요 ㅋ


아마 이런 강좌는 며칠에 한번씩 올라갈거 같네요


에프터 이팩트로 지도위에 지나가는 화살표 방법은 여러가지가 있는데 그중에 한가지 방법입니다.

그중의 좀 성가시지만 이쁘게 나오는 방법중의 하나입니다.



최종 화면입니다. 한국쪽에 원래는 로고가 박혀 있었는데 개인강좌이기도 하고 업체를 홍보해줄 맘도 없고(나한테 광고료를 지불한게 없으니 말이죠) 사실 로고가 있으면 더 이쁘긴 합니다.


시작 해 보겠습니다.



먼저 새로운 컴퍼지션을 만듭니다.

이름은 화살표로 하고요

사이즈와 시간은 본인의 취향에 맡기겠습니다. 저는 실무 작업물이기 때문에 HD사이즈로 하였습니다.



새로운 솔리드 레이어를 만들어서 화살표의 라인을 이렇게 그려줍니다.

굳이 솔리드 레이어가 아니어도 됩니다.


마스크쉐이프 강좌 바로가기 클릭!



리니어 와이프를 가지고 애니메이션을 줍니다.

그려지기까지의 시간을 정한다음 화살표 방향에 맞춰 모양을 그려주시면 됩니다.



위 화면의 경우 제가 만든 키 값입니다.

그때그때 각도에 따라 다르기 때문에 개인값을 잘 적용하여 만듭니다.

절대값이란 없습니다.원래

만줘보면서 익숙해져야 공부가 되는것이라는 생각을 가지고 있습니다.

사실 이미지는 움직이는 화면이 안되기 때문에 참 아쉽네요



애니메이션이 다 완성되었으면 새로운 솔리드레이어 위에 화살표를 만듭니다.

역시 전 마스크를 이용해서 만들었습니다.




아래는 화살표 라인이고 위에는 화살표입니다.



이런식으로 만들어집니다.



이제 칼라값을 줘야 하는데 맨위에 adjustment 레이어를 하나 만들어서 ramp를 줍니다.

adjustment 레이어는 하단에 위치한 모든 레이어들은 이팩트가 먹히게 되는겁니다.



저는 빨간색으로 주었습니다.

작업물의 업체 로고가 파란색이었기 때문이기도 하고 보통 튀는 칼라를 많이 사용하기에 빨간색을 주었습니다.



다음 이제 작업장이 될 컴퍼지션을 만듭니다.



새로운 솔리드 레이어를 만들어서 ramp를 만들어서 back을 만들어 줍니다.



다음 새로운 레이어를 만들어서 그리드 이펙트를 주게 됩니다.

grid 이팩트는 말그대로 모는종이같이 라인을 깔아줍니다.



저는 위와 같은 값을 주었습니다.



카메라를 설치후 이뻐보이는 각도로 변경 시켜 주었습니다.



그럼 세계지도의 발판이 될 back이 다 만들어 졌습니다.



세계지도 일러스트를 불러왔습니다.

칼라가 맘에 안드니 바꿔주어야 겠군요.



3d레이어 상태로 바꿔준다음 z값으로 살짝 올려준 다음 그림자를 주었습니다.

물론 라이트를 설치해도 좋지만 가볍게 만들어 주기위해 dropshadow 를 주었습니다.


에프터이펙트 3d강좌 바로가기 클릭!




무대는 완성이 되었으니 화살표를 올려 놔 주어야 겠습니다.



3d 레이어 상태로 만들어준 상태에서 x값을 90도로 해주고 y값을 마구 움직여주면 회전하게 됩니다.



여기서 포인트는 화살표의 중심점이 시작되는 지점으로 해줘야 한다는 겁니다.



3d화 시키기 전에 중심점을 끝쪽으로 맞춰주고 3d화 시키시면 편합니다.



이렇게 완성된 화살표를 복사하고 y값을 나라에 맞춰 방향을 바꿔줍니다.



이제 거리를 위해 스케일값을 조절해주면 거리에 맞춰 크기가 변하게 됩니다.


화살표로 방향은 됐으니 이제 도착 지점인 원을 만들어 보겠습니다.




서클이라는 이펙트는 정원을 그려주는 이펙트입니다.

서클을 통해 원을 만들어주고 익스프레션을 이용하여 반운스 애니메이션을 줍니다.


익스프레션 강좌 바로가기 클릭!




원을 화살표의 도착지점에 맞춰주고 화살표 레이어의 블랜드 모드를 add로 바꿔주면 겹쳐지는 부분은 빛나는 느낌으로 바끼고 지도도 비춰 보이게 바뀝니다.




마지막으로 도착지점의 글씨를 만들어서 넣어주면 완성입니다.


다른 방법도 차차 올려 보겠습니다.


동영상을 원하면 댓글~


저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

댓글을 달아 주세요

  1. 쥬슈야 2013.09.22 00:34 신고  댓글주소 수정/삭제 댓글쓰기

    좋은 강의 잘 듣고 있습니다. 아직 여기까지 배울 타이밍은 아닌데 미리 둘러보다가 댓글 얘기가 있어 남겨봅니다.

    이렇게 좋은 강좌들이 많은데 생각보다 방문자 수가 적어 구경꾼인 저도 아쉬움이 남네요;; 뭐.. 운영자님이 당장 크게 기대하며 만들어나가는 블로그는 아니라고 말씀하셨지만 단순 영화나 애니메이션 리뷰하는 블로그를 이런 정성으로 만들었다면 최소 하루 1만명 이상이 오는 블로그가 됬얼텐데... 하는 생각이 듭니다.

    화이팅요 노리섬님

  2. 디비디비 2013.11.15 01:43 신고  댓글주소 수정/삭제 댓글쓰기

    목소리 너무 멋있어요^^* 강좌 너무 감사해요 많은 도움되고 있어요

  3. 디비디비 2013.11.15 01:49 신고  댓글주소 수정/삭제 댓글쓰기

    화살표 만들기 1 동영상 원해용!!!! 화살표라인에 화살표가 따라가게 하는건 익스프레션인가요? 궁금~~~^^

    • 노리섬 2013.11.15 11:12 신고  댓글주소 수정/삭제

      그림을 보시면 아시겠지만 익스프레션을 이용한것은 아닙니다.

      노가다의 산물이죠

      화살표 그리는 다양한 강좌를 올려보겠습니다.

  4. 도시락통 2014.06.30 13:04 신고  댓글주소 수정/삭제 댓글쓰기

    좋은 강좌 유용히 잘보고있습니다. 이런 양질의 강좌를 무료로 제공해 주시니 배우는 입장에선 감사할 따름입니다. 광고도 열심히 누르고 있어요.^^

  5. 2015.03.30 12:18  댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

블로그 이미지

노리섬

카테고리

분류 전체보기 (602)
프리미어 강좌 (15)
에프터 이팩트 튜토 (46)
포토샵 튜토 (83)
일러스트레이터 튜토 (1)
자료실 (137)
3d (22)
Tips (35)
모션그래픽 섬 (242)
etc (20)

티스토리 툴바