'에프터이펙트'에 해당되는 글 16건

  1. 2014.01.27 | [ 노리섬의 애프터이펙트 강좌 ] - cc particle 를 이용한 불 효과 (2)
  2. 2014.01.10 | [ 노리섬의 애프터이펙트 강좌 ] - particular를 이용한 워터 효과 (5)
  3. 2013.12.23 | [ 노리섬의 애프터이펙트 강좌 ] - 워터 효과 만들기 (5)
  4. 2013.11.15 | [ 애프터이펙트 강좌 ] - 화살표 애니메이션 만들기의 다양한 경우 HD
  5. 2013.06.14 | Virgilio Villoresi: John Mayer “Walt Grace’s Submarine Test, January 1967″
  6. 2013.05.19 | [에프터이펙트 강좌] 카메라 이해하기 (2)
  7. 2013.05.15 | [에프터이펙트 강좌]애프터 이펙트로 붓라인 만들기
  8. 2013.05.14 | [에프터이펙트 강좌] 애프터이펙트로 공포분위기 글씨 만들기
  9. 2013.05.05 | [에프터이펙트 강좌]애프터 이펙트로 라인따라 움직이는 3d 글씨 만들기 (6)
  10. 2013.05.01 | [에프터이펙트 강좌] 에프터이펙트로 번쩍이는 타이틀 만들기 (10)
  11. 2013.04.24 | [에프터이팩트 강좌] 에프터 이펙트로 빠져드는 터널 느낌 만들기
  12. 2013.04.22 | [에프터 이펙트 강좌]에프터 이펙트로 지도위로 지나가는 화살표 만들기 - 방법2
  13. 2013.04.11 | [에프터 이펙트 강좌]에프터 이펙트로 지도위로 지나가는 화살표 만들기 - 방법1 (8)
  14. 2013.03.19 | 노리섬의 에프터 이펙트 (after effect) 한국어 강좌 - 10강 (마스크 쉐이프-3) (8)
  15. 2013.03.19 | 노리섬의 에프터 이펙트 (after effect) 한국어 강좌 - 9강 (마스크 쉐이프-2) (2)


중요 사용 플러그인입니다.



캠을 사는게 아니라 마이크를 살걸 그랬습니다.

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 효열 2014.02.10 16:38 신고  댓글주소 수정/삭제 댓글쓰기

    안녕하세요 노리섬님
    제가 지금 에펙,포토샵 만으로 영상
    제작을 하고 있는데.. 애니메이션 제작에 어려움있습니다..
    지금 수준은 키네틱 타이포 만들수
    있수있을정도인데요

    시네마 4d ,맥스 같은 프로그램을 사용해서 애니메이션 영상을
    제작을 할수 있을가요..??
    조언점 부탁들입니다

    • 노리섬 2014.02.10 10:13 신고  댓글주소 수정/삭제

      3d프로그램을 사용해서 애니메이션 작업이 가능합니다.
      하지만 기본적으로 총괄적인 마무리 합성 작업은 대부분 에팩을 사용하여 하고 있스는 것이 우리나라 실정입니다.

      물론 다른 프로그램도 가능하지요(컴퍼지션이 가능한 프로그램)

      애니메이션작업을 위해 좋은 프로그램은 마야가 좋은 편이고
      c4d는 에팩과 호환이 좋으니 c4d를 추천 드리고 싶네요

      보통 배경이 되는 부분을 따로 랜더링 후 캐릭부분과움직임이 있는 오브젝트를 렌더를 따로 건후 에팩과 같은 프로그램으로 합성을 합니다.

      시네마4d 를 강추합니다.



마이크를 새로 구입해야 될까봐요

마이크에서 멀어져서 그런지 웅얼거리네요



저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 효열 2014.01.16 19:33 신고  댓글주소 수정/삭제 댓글쓰기

    안녕하세요 ..
    영상 잘보고 있습니다 ~..
    질문이 있어서 글을 적어봐요 ㅋ

    CC pixel 이나 particular 를 이용해서 글자가 가루가되면서 사라지게 할수 있는데요

    이걸 가루들이 글자가 되게는 어떻게 해야할까요 ???

    단순한 반전 같은 effect 가 있나요 ??

  2. 효열 2014.01.16 20:34 신고  댓글주소 수정/삭제 댓글쓰기

    음 대충 연구해서 해본 결과로는
    프리 컴포지션 하고 그걸 역시간 레이어로
    해봣는데 갠찬은 방법인가요 ?

  3. KORJA BEAN 2014.04.06 19:03 신고  댓글주소 수정/삭제 댓글쓰기

    노리섬님 항상 좋은강좌 감사합니다!
    프리미어랑 에프터 이펙트 강좌 찾고잇었는데
    설명도 자세히 해주시고 정말 감사합니다.



우리가 미드쪽에서 볼수 있는 워터 효과를 만들어 보겠습니다.


오래간만의 강좌네요 바빠서...


영상은 무리무리...


먼저 새로운 컴퍼지션 안의 SOLID레이어를 만드신후 FRACTAL NOISE를 넣어주세요

위화면 값은 절대 값이 아닙니다.


저정도 느낌만 나오게 만들어 주시면 될거 같습니다.


EVOLUTION값은 밑에서 설명 드리겠습니다.

이제 CC SPHERE를 이용하여 구형태로 바꿔줍니다.


지구나 달 등을 만들때 많이 쓰는 이펙트중의 하나랍니다.


로테이션의 값은 밑에서 설명할것이며 여기서 중요한것은 워터의 내부 먼저 표현할 것이니 랜더값을 INSIDE로  해주세요

이렇게 원이 만들어 진후


물의 느낌을 표현하여야 하니 벡터 블러를 주어야 합니다.


벡터 블러는 일정하게 블러가 들어가는 것이 아닌 꼬인값을 표현한다고 생각하면 됩니다.

값을 적당히 주시고 부드러운 효과를 적용해주면 이미 물과 비슷한 효과가 나타납니다.

터뷸런스 디스플레이스를 이용하여 물의 바깥 형태를 비틀어 줍니다.



이제 애니메이션을 위해 fractal noise의 evol...값과 cc sphere의 회전 값 그리고 형태를 뭉개주는 turbulance..의 값을 익스프레션으로 애니메이션을 줍니다.


time*숫자는 전해진 시간의 값에 숫자만큼의 값을 가라 입니다.무한으로 말이죠

이제 하나를 더 복사해서 프론트 부분으로 해주고 cc sphere의 랜더부분을 outside로 바꿔줍니다.


이제 아웃라인의 선명함을 위하여 복사해준다음 fractal noise를 제외한 부분을 살려주며 라이팅 부분을 강하게 해줍니다.



그럼 위 화면과 같이 형태가 나옵니다.


이것들을 프리콤프 시킨다음

이제 준비해둔 백그라운드 맵을 매트시킨다음 맵에다 디스플레이스먼트 맵을 아래와 같이 준다음 효과를 주면 

울렁거리는 효과를 얻을수 있습니다.


물 뒤쪽의 투명도를 제어하기 위해 블러효과도 추가해 줍니다.

이제 워터콤프를 복사한다음 스크린을로 블랜드 모드를 바꿔주고

백을 살려주고 워터 콤프의 레벨을 저절히 살려줍니다.



그럼 위와 같은 효과를 얻을수 있습니다.

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 효열 2014.01.09 18:45 신고  댓글주소 수정/삭제 댓글쓰기

    안녕 하세요 노리섬님
    저는 이번에 에펙을 처음 공부하게 되었습니다..
    그래픽 작업이라는걸 한번도 해보지 않았지만
    강의 보면서 열심히 공부 하고 있습니다..

    제가 질문 한개가 있어서 이렇게 글을 달게되었는데요..

    15강 (텍스트 키넥트)에서 산이 가사 한줄 보여주셨는데..

    만약 제가 그뒤 한줄을 만들었다면 ..

    이두개를 어떻게 합쳐야하는지 도통 감이 오지않습니다..

    이렇게 해서 노래 한개를 다 만들고 싶은데 말이죠 ..

    어떻게 하는지 답변점 해줄수 있을까요 ?

    • 노리섬 2014.01.10 17:09 신고  댓글주소 수정/삭제

      좀 어려울수고 있겠지만 그부분에서 카메라를 움직이며 옆으로 움직이는 모션을 이용하거나 회전이나 줄어들면 다른 글씨안에 들어있는 글씨들이었다거나 본인이 원하는것을 모두 만들수 있는것이죠

      정확히 그것은 개인의 성향과 느낌을 따라 가기때문에 정확한 답변은 어려울거 같고

      http://www.youtube.com/watch?v=xPra3-pP7KQ

      이 타이포 모션을 보고 참고하시면 될거 같습니다.

      여러 영상을 보고 감각을 키워가는것이 가장 좋은 방법중의 하나입니다.

  2. jylim 2014.06.30 17:49 신고  댓글주소 수정/삭제 댓글쓰기

    아 정말 멋진 기술이네요

    복잡하긴 하지만 한번 따라해봐야겠어요
    잘 봤습니다

  3. 비둘기 2015.09.15 22:49 신고  댓글주소 수정/삭제 댓글쓰기

    저기... 저 하나를 더 복사해서 프렉탈 노이즈를 강하게 해주라고 하셨는데 그부분이 잘 이해가 안가네요...
    하나를 더 복사해서 프론트로 바꾼후 라이트와 쉐이딩을 조절해 보았는데. inside쪽 부분이 전혀 보이지 않아요 자꾸 outside로 바꾼 부분만 보이는데 왜 이러는 걸까요?



저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요



오오미~~~란 느낌을 전달 받았다


수제의 그림에서 착시 효과를 이용한 애니메이션이라닛~~~!!!


아 저거 만들어 봐야 겠다 해서 만들었음;;;;


어렵진 않았지만 다음엔 이 내용을 간단히 튜토에 올려야겠다

저작자 표시 비영리 변경 금지
신고

'모션그래픽 섬 > 해외영상' 카테고리의 다른 글

Tuggerah Lakes Estuary Environmental Animation  (0) 2013.06.17
McDonald's Nam's  (0) 2013.06.14
Virgilio Villoresi: John Mayer “Walt Grace’s Submarine Test, January 1967″  (0) 2013.06.14
Paper City  (0) 2013.06.10
Samba - Loop  (0) 2013.06.08
Chasing Shakespeare (2013)  (0) 2013.06.08

댓글을 달아 주세요



요청으로 만들게 되었습니다.


애펙의 카메라 이해하기 입니다.

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 파송송 2015.04.26 10:15 신고  댓글주소 수정/삭제 댓글쓰기

    http://youtu.be/S2aZgo6VSXU
    이 영상의 배경처럼 흰색선이 떨어지고 파란색 원형이 생기게 하는 방법을 알려주실 수 있나요?




http://nori-sum.tistory.com/329


공포분위기 글씨 만들기의 응용버전이라 할수 있습니다.


저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요



이번에 해보는 강좌는 기본적인 플러그인을 통해서 흘러내리는 글씨느낌을 주는 것입니다.

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요




간편하고 쉬운것일수도 잇지만 이런 쉬운것들이 중요하죠


오래간만에 동영상 강좌입니다.

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 하좀 2013.05.14 17:22 신고  댓글주소 수정/삭제 댓글쓰기

    좋은 강의 잘듣고 갑니다~ㅋㅋ
    이만 뿅!

  2. 과자나라 2013.09.05 20:27 신고  댓글주소 수정/삭제 댓글쓰기

    좋은강의 잘 보고 가요^^

  3. 배우미 2014.03.15 12:57 신고  댓글주소 수정/삭제 댓글쓰기

    씐나고 재미있어요.ㅎㅎ
    스크린샷 강의보다 동영상 강의가
    훨씬 훨씬 이해도가 높아요.

    장면 간 연결성이나 노리섬님의 작업 중
    미묘한 손동작을 한 프레임씩 끊어서
    볼 수 있어서에요.ㅎㅎ

    솔직히 스크린샷 강의는 도중에
    포기하는 경우가 많았어요.;;
    연결되는 화면이 없고,노리섬님의
    텍스트 설명만으론 이해가 딸렸어요.
    그래서 도중에 포기를 ㅜㅜ

    유익한 동영상 강의 넘 좋아요!!!
    광고 클릭도 잊지 않아요.ㅋㅋ





사실 이번 강좌는 예전부터 있던것이기도 한데 좀 그냥 새롭게 해보는 차원에서 해보려고 합니다.


참고로 이전에 있던 강좌들은 지금 이작업을 할때 새로운 플러긴을 깔고 했지만 그것 없이 해보려고 합니다.



짧은 타이틀이기 때문에 시간은 10초짜리 컴퍼지션을 만듭니다.



다음은 원하는 타이틀은 만들어주세요


저는 역시나 노리섬이미지웍스로 만들었습니다.



다음 케릭터의 앞 화살표를 눌러 enable per-character 3d를 눌러 줘서 3d화 시키고



로테이션 값을 넣어줍니다.



다음 적당한 값을 넣어 줍니다.


저는 180의 값을 주었습니다.원하는 수치를 넣어주세요 꼭 180일 필요는 없습니다.


많으면 좀 좋다고 할수 있습니다.



다음 어드밴스에 랜더마이즈 옵션을 켜서 랜덤화 시켜줘서 플레이 해보면 글씨가 랜덤하게 도는것을 알수 있습니다.


밑의 화면처럼 옵셋값을 주었을 상태에서만 가능 하지만요



다음 opacity 투명도 값을 넣어줍니다.




투명도는 0으로 해주세요



그럼 글씨가 랜덤으로 돌면서 나타나게 됩니다.


입체감이 떨어지니 ramp를 씌워줍니다.



다음 여러개를 복사해서 3d화 시킵니다.


참고강좌는 http://nori-sum.tistory.com/92 에 가시면 보실수 있습니다.



뒷부분의 글씨에는 램프를 반대값으로 주었습니다.


이런 느낌이 되게 합니다.


다음은 라이트 이펙트를 만들 차례군요



다음 새로운 컴퍼지션을 만든후 망금 만든 글씨를 가지고 옵니다.


스샷을 미쳐 못 찍었지만 저 콤프는 노리섬이미지웍스 글씨만 있는 콤프입니다.




다음 디렉셔널 블러를 줍니다.


값을 크게 주어서 글씨 부분의 빛나는 이펙트를 만들기 위함이지요



연하게 나와서 저는 복사해서 색을 진하게 바꾸었습니다.



어드저스트 먼트 레이어를 만든다음



4-color gra... 이펙트를 줍니다.


이 이펙트는 포인트가 지정한 장소에 4가지의 칼라그라데이션이 들어가는 이펙트 입니다.




적절하게 찍어주면 위와 같은 화면이 나옵니다.



다음 솔리드레이어 블랙을 만들어서 사각형으로 된 마스크가 움직이는 애니메이션을 만듭니다.




다음 글씨위에 얻혀줍니다.


너무 어두우니 여러개 복사해서 모드를  Add로 바꿔줍니다.




너무 일륜적으로 움직이기 때문에 콤프들을 살짝 밀어준다음 모양을 바꿔주기위해


wave 이펙트를 넣어줍니다.



적절한 수치를 넣어주셔서 다양하게 해주세요


저는 레이어마다 수치를 다르게 주었고 어떤 레이어는 상하 사이즈를 줄인것도 있습니다.



그럼 위와같은 간지나는 느낌이 날텐데요



효과를 주기위해 새로운 솔리드 레이어를 위해 렌즈플레어를 주어서 라이트 이펙트를 넣어줍니다.


http://nori-sum.tistory.com/90  <-렌즈플레어 강좌 보러 가기




한개만 있으면 심심하니 아래에도 나타나게 한개 더 넣어주고



커브로 색상도 바꾸었습니다.



다음 카메라를 설치하고 전체적으로 3d를 켜줍니다.


멈춰있다면 사진이지 영상이 아니잖아요



다음 카메라 애니메이션을 줍니다.


저는 null로 카메라를 움직이기 때문에...



이렇게 화면이 완성 되었네요



저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 하좀 2013.05.03 12:54 신고  댓글주소 수정/삭제 댓글쓰기

    오우 고급스럽군요 ㅋ

  2. 하좀 2013.05.03 14:52 신고  댓글주소 수정/삭제 댓글쓰기

    cg참많이 하고들있죠
    저도cg를 참좋아하는데요
    어려워서 못해먹겠습니다.ㅎㅎㅎㅎㅎ

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

    쩝니다 +_+ 이거 꼭 만들어보고 싶네요.

  4. JANG 2014.04.01 22:22 신고  댓글주소 수정/삭제 댓글쓰기

    ㅜㅜ 여기서 막혔습니다;;

    음.. 3D텍스트 하나를 만들고

    여러개 복사를 하였는데요...

    저렇게 베벨효과 따로 하지 않고

    저런 모습이 안나옵니당ㅜ

    • 노리섬 2014.04.08 01:27 신고  댓글주소 수정/삭제

      먼저 각 텍스트의 포지션의 z값을 나눠 주셔야 합니다.

      베벨효과를 주는것은 처음것의 텍스트만 주어서 3d적인 느낌을 주기 위한 것이고 나머지 텍스트의 z값을 통해 깊이가 있는 느낌을 주기 위한 것입니다.

      굳이 나머지 텍스트는 안줘도 상관은 없지만 주는것이 깊이감을 주어서 보기 좋게 하기 위한 것입니다.

      눈속임만을 위한 효과이지요

      아마도 z값을 안주엇을거라 생각이 듭니다.

  5. 아틈이 2014.11.06 09:25 신고  댓글주소 수정/삭제 댓글쓰기

    마스크애니매이션을 어떤식으로주나요?

  6. 궁금이 2016.04.15 16:01 신고  댓글주소 수정/삭제 댓글쓰기

    새컴포지션 안만들고 프리컨펌 만들어도 상관없지요?

  7. 궁금이 2016.04.15 16:01 신고  댓글주소 수정/삭제 댓글쓰기

    새컴포지션 안만들고 프리컨펌 만들어도 상관없지요?



이번 강좌는 에프터 이펙트로 빠져드는 느낌의 터널 만들기 입니다.


화면은 디테일 하진 않지만 느낌을 만든겁니다.


제 강좌에서는 절대 값이 없으므로 하시면 이것저것 본인의 느낌에 맞춰 해주세요


디테일하지 못한건 양해 부탁드리며 시작 하겠습니다.



먼저 기본적인 컴퍼지션을 만들어야 겠지요


저는 기본적인 강좌를 위함이므로 기본 10초로 주고 작업을 하였습니다.



새로운 레이어에 새로운 솔리드레이어를 만듭니다.



빠져드는 자선 느낌을위해 솔리드 레이어 위에 FRACTAL NOISE의 애니메이션 프리셋의 커텐을 선택해 주세요(저 커텐옵션은 참고로 CS4 이번버전 밖에 없습니다. 그 이후 버전은 없어요. 화면을 찍어서 올려드릴께요 맨 마지막 화면에...)


안쪽의 옵셥인 트랜스폼을 이용해서 더 조밀하게 해주시고 에볼루션 값을 더 줘서 빠르게 움직이시게 하는게 좋습니다.


영어 치는게 곤욕이군요;;;



다음 솔리드 레이어를 다시 하나 만든다음 램프를 줍니다.


기본값으로 두셔도 됩니다.



이제 램프 레이어를 위에 넣어두고


아래 레이어에서 모드옆의 트랙매트를 루마매트로 바꿔줍니다.


안나오시는 분들은 f4를 눌러주세요




다음 프리콤프화 시키면 화면과 같이 바뀝니다.


저는 아직 오밀조밀하게 바꾸지 않은 상태입니다.



다음 DISTORT-POLAR.... 를 주시면 됩니다.



타입과 인터폴레이션을 주시면 원으로 바뀝니다.



다음 다시 한번 프리콤프해서 이미지화 시킵니다.


다음 위화면과 같이 마스크를 그려줍니다.


가운데 조그만 마스크는 움직일 마스크 값이며 외각의 마스크는 움직이 않는 마스크 값입니다.


이곳에다 DISTORT-RESHAPE 이펙트를 줍니다.




이제 움직일 곳으로의 마스크를 하나 더 그려줍니다.



보시면 아시겠지만 1번째는 기본 마스크 위치 2번째는 움직일 곳의 마스크 위치


3번째는 움직임으로 바뀔 위치입니다.



다음 퍼센트 값을 움직여 주시면 그쪽으로 움직이는 화면을 보실수 있습니다.



런식으로 말이죠


저는 화면 사이즈를 위해 사이즈를 키워주고 바깥 마스크의 경계를 페더값을주어 뭉게 주었습니다.


또한 후에 FRACTAL NOISE 에서 선을 오밀조밀하게 바꾸어 주었습니다.



이건 화면이 작아져서 잘 모르겠지만 세번째 마스크를 마스크쉐이프 애니메이션을 주었답니다.



다음 어드저스트먼트 레이어를 하나 만들어서 제일 상단에 올리고 칼라값을 바꾸기 위해 


HUE/SATU... 을 주었습니다.


칼라값은 개인취향으로 바꿔주세요 참고로 컬러라이즈는 꼭 체크 해주세요




그럼 위 화면과 같은 결과가 완성되고 맨위의 화면과 같은 애니메이션 완성 됩니다.


프랙털노이즈의 커텐수치의 값은 이것입니다.


전 쫌 바꾼 형태입니다. CS4이후 버전부터는 프리셋이 없으니 참고하시면 될듯합니다.

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요



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


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


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


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



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


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


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

저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요



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

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

없으면 말고요 ㅋ


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


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

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



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


시작 해 보겠습니다.



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

이름은 화살표로 하고요

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



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

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


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



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

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



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

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

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

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

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



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

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




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



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



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

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



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

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



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



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



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

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



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



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



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



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

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



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

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


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




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



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



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



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



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



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


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




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

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


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




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




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


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


동영상을 원하면 댓글~


저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  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  댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다



이번에 중점적으로 쓰이는 툴의 이미지입니다.


사각형과 펜툴입니다.


이미 사각형이 선택 되어 있죠



이팩트창에서 나타나는 이팩트 인데 linear wipe와 radial wipe가 쓰입니다.


마스크 옵션 창입니다.


마사크 패더는 영역을 부드럽게 하는 것이고


오퍼시티는 마스크 영역의 투명도를 조절하고


익스펜션은 영역을 확장하거나 축소 하는데 쓰입니다.


마스크 패스는 모양의 애니메이션을 줄때 쓰입니다.




레이어를 선택 안 한 상태에서 마스크를 그렸을때 위쪽에 나타나는 옵션입니다.


영어쪽은 일러스트레이터와 마찬가지로 영역을 비우게 할수도 있고 채울수도 있습니다.


칼라가 채워진 부분은 칼라를 바꾸는 것이고 12px라고 되어진 부분은 선의 두께를 조절 할 수 있습니다


저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 변강쇠 2013.10.17 22:01 신고  댓글주소 수정/삭제 댓글쓰기

    프리미어와 애프터이펙트를 갑자기 공부해야 되서 유튜브를 뒤지던 중 노리섬 님의 강의를 보게 되었습니다. 오늘 하루 프리미어 강의를 다 봤고 내일부터는 애프터이펙트 강의를 보려고 합니다. 좋은 강의 정말 감사합니다. 그럼 이만 뿅!

  2. JANG 2014.03.30 02:09 신고  댓글주소 수정/삭제 댓글쓰기

    마스크 별모양으로 만들어놓고
    방향키 이용해서 모양 변형 되는게
    왜 저는 안될까요?ㅜ
    6버전이라서 그럴까요 ?

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

      버전과는 관계가 없고 모양을 그리실때 마스크로 모양을 만들때 마우스 드래그 후 마우스 클릭을 띄지 않는게 중요합니다.

      이미 다 그려진 후에 하는것이 아니라 그리는중에 바꾸는것이라 생각하시면 됩니다.

  3. 궁금한사람 2015.07.28 11:22 신고  댓글주소 수정/삭제 댓글쓰기

    도형 라운드 값이나 꼭짓점 값 변형하는 키가 안먹는데,, 다른 단축키나 화면상 버튼이 없나요? 아무리 찾아도 없네요..

    • 노리섬 2015.07.28 14:07 신고  댓글주소 수정/삭제

      단축키는 alt키이지만 안되신다면 상단의 펜툴을 누르고 계시면 삼각형만 나오는 모양이 있습니다. 그걸 이용하시면 됩니다.

  4. jooki 2015.08.02 17:27 신고  댓글주소 수정/삭제 댓글쓰기

    방향키에 대한 옵션이 무슨 말인가요? 다각형인데 각이 많아지게 한다던가. 방향키를 가지고 각을 둥그렇게 만든다던가 어떻게 하나요? 맥북이고 cc라서 찾을 수 가 없어여~ ㅠㅠ 어떻게 하면 될까요??

    • 노리섬 2015.08.03 13:33 신고  댓글주소 수정/삭제

      마우스를 누른체로 화살표 방향키를 눌러 보시면 아실텐데 맥북이나 노트북은 방향키가 없을 경우 펑션키를 누르시고 쓰시는 노트북은 그렇게 해결이 됩니다.
      저도 맥북은 잘 모르겠네요 cc도 기능은 같습니다.



이번에 중점적으로 쓰이는 툴의 이미지입니다.


사각형과 펜툴입니다.


이미 사각형이 선택 되어 있죠



이팩트창에서 나타나는 이팩트 인데 linear wipe와 radial wipe가 쓰입니다.


마스크 옵션 창입니다.


마사크 패더는 영역을 부드럽게 하는 것이고


오퍼시티는 마스크 영역의 투명도를 조절하고


익스펜션은 영역을 확장하거나 축소 하는데 쓰입니다.


마스크 패스는 모양의 애니메이션을 줄때 쓰입니다.




레이어를 선택 안 한 상태에서 마스크를 그렸을때 위쪽에 나타나는 옵션입니다.


영어쪽은 일러스트레이터와 마찬가지로 영역을 비우게 할수도 있고 채울수도 있습니다.


칼라가 채워진 부분은 칼라를 바꾸는 것이고 12px라고 되어진 부분은 선의 두께를 조절 할 수 있습니다



저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. 꿈나무 2013.09.04 19:10 신고  댓글주소 수정/삭제 댓글쓰기

    아니 이렇게 좋은 강의에 댓글이없다니!!!

블로그 이미지

노리섬

카테고리

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