이번에 만들어볼 강좌는 심장이 뛰는 다이어그램 입니다.


실제로 가볍게 제작 가능하니 따라하시기도 쉬울겁니다.



먼저 새로운 컴퍼지션을 만들어 줍니다.


라인의 그래프 모양을 만들어주는거라 이름을 라인으로 지었습니다.



이제 새로운 솔리드 레이어를 하나 만들고



마스크로 위와 같은 다이어 그램의 이미지를 만들었습니다.



이제 새로운 컴퍼지션을 만들어 위 다이어 그램을 얻혔습니다.



다음 새로운 솔리드 레이어를 만든다음 베가스라는 이펙트를 줍니다.


이때 위에 만들었던 컴퍼지션은 눈을꺼서 안보이게 해 주세요


베가스의 전광판을 연상하시면 좋을 이펙트입니다.



인풋 레이어의 옵션을 라인 컴퍼지션으로 해주시고



줄은 속도에 따라 틀린것이니 숫자를 적당히 해주시고요


참고로 3미만이 좋습니다.


다음 length인 길이를 적절히 정해주시고


로테이션 값을 키값을 주시면 됩니다.


직접 수치를 움직여 보시면 이해가 될거 같습니다.



다음 렌더링 옵션에서 칼라와 두께 블렌드 모드를 해 주시면 움직이는 심장박동의 그래프를 보실 수 있을겁니다.



이어 배경에 둘 새로운 솔리드레이어를 만들어줘서 그리드를 주고



다시 하나 솔리드레이어를 만들어 준 후 램프 값을 주시면 이렇게 간단하게 완성 됩니다.



참 쉽죠잉~?


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

댓글을 달아 주세요

  1. JOO 2013.11.08 02:17 신고  댓글주소 수정/삭제 댓글쓰기

    안녕하세요~ 강좌를 보다가 궁금한게 있어서 이렇게 글을 남깁니다
    아직 에프터 이펙트 툴에 능숙하지 않아서 기초적인 질문일수도 있는데
    심장박동 다디어그램에서 솔리드위에 마스크를 씌우고
    심장다이아그램으로 모양을 어떻게 만드는건지 궁금해서요...
    펜이나 다른툴 같은걸로 이것저것 해봤는데 잘 안되서 이렇게 글남깁니다
    답변 기다릴께요 ㅠㅠ

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

      펜툴로 그리기가 힘들다면 사각형 마스크로 반을 가린다음 펜툴로 점을 추가해서 직어 주신후 위아래로 움직여 주시면 됩니다.

      그러면 깔끔한 직선이 이어지는 가운데에 생기게 되는거죠

  2. JOO 2013.11.10 15:44 신고  댓글주소 수정/삭제 댓글쓰기

    새로운 컴포지션이랑 솔리드 레이어 한다음에 베가스 이펙트 적용을 해도 화면상에 다이아그램이 나타나지를 않는데 타임라인에 점을 적용시키면서 작업을 해야되는건지요... ㅜㅜㅜ

  3. KKK 2015.09.08 14:19 신고  댓글주소 수정/삭제 댓글쓰기

    베가스 이펙트가 어디있죠 /ㅠㅠ

  4. dddd 2015.11.07 00:47 신고  댓글주소 수정/삭제 댓글쓰기

    안녕하세요~에프터이팩트로 심장박동만들려고 하는데 제가 완전 초보라 잘모르겠어서 댓글남겨요.. 심장박동 모양 그리는 것부터 잘 안되네요 ㅠㅠ 펜툴로 그리는 건가요??어떻게 해야 저렇게 되는 지 잘 모르겠어요ㅠㅠ

  5. 코코로 2016.08.25 18:14 신고  댓글주소 수정/삭제 댓글쓰기

    안녕하세요 오래된 게시물이지만 많이 도움되고있습니다.
    다만 이해가 안되는 부분이 있어서 글 남깁니다.
    -이제 새로운 컴포지션을 만들어 다이어 그램을 얹혀줍니다 -

    가 새컴포지션을 만들어서 펜툴로딴 솔리드를 넣어주라는 말씀이신지요?




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


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



짧은 타이틀이기 때문에 시간은 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로 카메라를 움직이기 때문에...



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



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

댓글을 달아 주세요

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

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


포토샵으로 위와 같은 아이콘을 만드는 법을 해볼까 합니다.


방법은 어렵지 않아요~



먼저 마스크 쉐이프로 원을 그려줍니다.




다음 레이어를 더블 클릭해서 나오는 레이어 스타일 중에 그라디언트 오버레이와 베벨 엠보스를 체크해 줍니다.

칼라는 원하는 칼라로 해주시면 됩니다.



다음 작업한 레이어를 복사한 다음 ctrl+t를 눌러 원본 사이즈보다 작게 해줍니다.



다음 모든 스타일을 꺼주시고 외곽선을 해주는데 중요한 것은 fill type이 그라디언트에 투명도로 나가야 한다는 겁니다.

위에서 빛이 내려오고 있는 느낌을 위해서 말이죠.



다음 옵션만을 남기기 위에 advanced blending 의 fill opacity 부분을 0으로 바꿔주시면

효과는 남고 원본은 사라집니다.



다음 글씨를 써주시고 레이어 스타일로 들어갑니다.



다음 글씨를 화이트 칼라로 바꿔주시고


이너 쉐도우를 줌으로 입체감을 살려줍니다.

글씨가 너무 얇은거 같으 두껍게 바꿔봤어요.


이제 별모양으로 만드는 방법을 알아 보겟어요



마스크 쉐이프의 다각형을 클릭한다음 사이드 수는 원하는 수만큼 하시고 아래 화살표를 눌러 옵션을 바꿔줍니다.

star에 체크 들어오는 값을 10으로 정해 줍니다.




이렇게 같은 방법으로 작업을 하면 웹용 아이콘 디자인이 끝났습니다.



이런 아이콘들은 일러에서도 작업을 하고 다양하게 하는데


포토샵에서도 간단히 작업하는것을 보여드렸습니다.


모두들 자신들의 아이콘을 디자인해 가면서 바꾸어 보아요~



web_icon.rar


제가 만든 파일을 올려 봅니다.


근데 받기만 하고 그냥 가는건 아니죠~?

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

댓글을 달아 주세요








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

댓글을 달아 주세요


선택툴의 옵션에 대해서 알아 봅시다.





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

댓글을 달아 주세요



그라데이션에 대해 알아봅시다.





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

댓글을 달아 주세요



칼라 샘플에 대해 알아보는 시간입니다.



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

댓글을 달아 주세요



히스토리의 기능에 대해 알아보는 시간입니다.



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

댓글을 달아 주세요


포토샵 브러시 툴에 대한 강좌입니다.


기본적인 브러시 툴의 옵션과 브러시 툴 안의 옵션을 확인합니다.





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

댓글을 달아 주세요


무브툴에 대해서 알아봅시당~




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

댓글을 달아 주세요


최종적인 라스트 강좌입니다.

강좌라기 보다는 그 이후 좀더 공부 할수 있는곳을 가르쳐 드립니다.

후에 에팩의 중급정도나 다른 튜토를 할지 아니면 다른 프로그램을 먼저 할지는 미지수 입니다.


이때까지 봐주신 분들 감사합니다.


이곳에서 나오는 사이트는 http://www.videocopilot.net/ , http://www.genarts.com/ , http://www.redgiantsoftware.com/

입니다.


이곳의 사이트를 잘 이용해 보세요


단축키를 찾는 분이 있으신거 같아서 올려봅니다.



cs4용이고 6버전까지 현재 변한것이 없는 걸로 알고 있습니다.

aecheatcs4.rar


포토샵 강좌 보러가기


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

댓글을 달아 주세요

  1. 12 2014.08.08 13:11 신고  댓글주소 수정/삭제 댓글쓰기

    강좌 잘 봤습니다!! 감사해요^^

  2. woogi 2014.09.08 12:40 신고  댓글주소 수정/삭제 댓글쓰기

    정말 고생많으셨습니다!! 디자이너카페에모든강좌 퍼갔구요
    광고클릭홍보도하구있어요^^ 정말많은도움되고있습니다 감사해요~~





이번 강좌는 오디오에 맞춰 글씨가 나오는 애니메이션 강좌입니다.


이번강좌도 크게 이팩트가 많이 쓰이지 않았습니다.






이번 강좌에서 쓰인것들은 많이 쓰이는 것들이니 많이 기억해 두세요

http://nori-sum.tistory.com/95 구겨진 종이 텍스처 위치

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

댓글을 달아 주세요

  1. Leeguemdan 2014.06.24 17:50 신고  댓글주소 수정/삭제 댓글쓰기

    너무 도움이 많이됩니다! 감사합니다! 더좋은정보도 또 올려주셕도 좋을거 같..아..요 ㅎㅎㅎ

  2. Simtaeseok 2015.01.10 00:33 신고  댓글주소 수정/삭제 댓글쓰기

    많은 것을 보고배우고 있습니다만.. 급한 나머지 강의를 띄엄띄엄보았더니...
    Null에서 효과를 줄때 포지션과 로테이션을 같이 레이어 하단에 설정하게 하는 방법이 무엇일까요?

콘크리트 위에 놓여져 있는 메탈 같나요?


시작해 보겠습니다.



자 블랙 화면을 하나 만드신 다음에



노이즈를 줘 봅시다.


위치는 필터에 노이즈에 에드 노이즈



밑에 모노크로매틱을 꼭 체크 해주세요



다음에 스타일라이즈에 엠보스를 누르시면



올록볼록한 느낌을 주는 재질이 완성 됩니다.



이름을 바꿔볼께요



다음 레벨 마스크를 하나 만드음에



어둡게 만들어 줍니다.


위에 레벨만 조정하시면 어두워 지지 않고선명해지고 밑에 있는 그라디언트바를 조정해 주면 어두워 집니다.



다음 마술봉으로 몇군데를 마음껏 찍어주셔서 밑에처럼 만들어 줍니다. 



다음 닷지 툴의 옵션을 저렇게 바꾸신 후



하이라이트 부분을 만들어 줘서 얼룩을 만들어 줍니다.


한번 만 하면 이상하니  마술봉부터의 과정을 2번정도 해 줍니다.


그러면 아래 화면처럼 조금씩 다른 얼룩이 됩니다.



콘크리트 같나요?


이제 글씨를 써줍시다.


폰트는 메탈이니 딱딱한 느낌을 주는 것이 좋겠죠!



이렇게 해줬는데 위아래 범위가 넓어줘서 나중에 수정하려고 norisum만 남겼어요


이제 글씨 레이어를 더블클릭해서 레이어 이팩트 옵션에 들어가셔서

 



그라디언트로 글씨에 느낌을 주고 



스트로크를 조금 두껍게 주고 fill type을 그라디언트로 한다음에 각도를 바꿔줍니다.


그러면 외부적인 빛이 비치는 듯한 두께가 생겨납니다.



다음 드랍쉐도우로 그림자를 주어 두께감을 더해줍니다.



다음 메탈 텍스처를 위에 올려서 (메탈테스터는 만들수도 있지만 그건 또 다른 강의가 되기 때문에;;

metallic-texture.rar

이 파일을 받으시면 됩니다.)


글씨의 선택영역을 해준다음



마스크를 씌어 줍니다.




다음 오버레이에 투명도를 바꿔주면 이렇게 메탈릭한 느낌의 글시가 만들어 집니다.



저는 여기에 후에 글씨를 추가 하여


이런 느낌을 완성하였습니다.


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

댓글을 달아 주세요


이어서 1강입니다.

간단하게 애니메이션을 주는 방법입니다.

이 영상을 상업적으로 이용하지 마세요

다음부턴 워터 마크라도 넣어볼까나...;;

보신분들은 댓글좀 (굽신굽신)


신고
크리에이티브 커먼즈 라이선스
Creative Commons License

댓글을 달아 주세요

  1. 에펙 배움 2013.03.26 22:51 신고  댓글주소 수정/삭제 댓글쓰기

    노리섬 짱짱맨1

  2. ARA 2013.06.06 21:08 신고  댓글주소 수정/삭제 댓글쓰기

    정말감사합니다~

  3. Breeze 2013.06.26 13:43 신고  댓글주소 수정/삭제 댓글쓰기

    강의 잘봤어요~
    그런데 잘못된게 있네요.;ㅋㅋ

    1초에 3000장이 아니구요..
    원래는 30장인데 디지털로 변환하는 과정에서 약간의 손실이 발생해서 29.97장으로 되는겁니다... 3천장이 아니구 29.97장입니답!!ㅎㅎㅎ 강의는 좋네요!!

  4. kim 2013.07.21 22:43 신고  댓글주소 수정/삭제 댓글쓰기

    잘보고 있습니다 거마워여

  5. 신정은 2013.08.24 03:32 신고  댓글주소 수정/삭제 댓글쓰기

    1강도 잘보고가요~
    ㅎㅎㅎ
    강좝 보기 전엔 전혀 감도 안잡혔는데
    프리미어랑도 뭔가 비슷해서
    슬슬 감이 잡히는거같아요~

    정말 감사합니다~

  6. CRN 2013.09.03 20:36 신고  댓글주소 수정/삭제 댓글쓰기

    버전몇이에요?

  7. phs 2013.10.14 12:37 신고  댓글주소 수정/삭제 댓글쓰기

    감사합니다 잘 배웁니다.

  8. 아노 2014.01.02 15:21 신고  댓글주소 수정/삭제 댓글쓰기

    왜 저는 마스크 옆에 있는 펜툴(?)을 찍으면
    shape layer1이 생기는 걸까요? ㅜㅜㅜㅜ black solid에 마스크는 생기지 않아요..ㅠㅠ

  9. RBF 2014.01.20 15:22 신고  댓글주소 수정/삭제 댓글쓰기

    감사합니다~잘보구있어요

  10. JANG 2014.03.27 17:57 신고  댓글주소 수정/삭제 댓글쓰기

    우와 신세계네요 ㅎㅎㅎ
    책으로 예제 따라하려니깐 많이 힘들었는데ㅜ
    정말 감사합니다ㅜ
    복 받으실꺼에요^^

  11. 2014.04.18 13:24 신고  댓글주소 수정/삭제 댓글쓰기

    감사합니다~ 많은 강의 올려주세요~~

  12. 2014.04.18 13:24 신고  댓글주소 수정/삭제 댓글쓰기

    감사합니다~ 많은 강의 올려주세요~~

  13. 듀랄루민 2014.07.12 06:12 신고  댓글주소 수정/삭제 댓글쓰기

    베가스는 거의 중급까지 올렸고 에펙은 엄두도 안났는데 제작자분의 강의를 보면서 키울수 있을거 같습니다

  14. 도깨비강종헌 2014.07.18 17:27 신고  댓글주소 수정/삭제 댓글쓰기

    감사합니다...ㅎㅎ

  15. 김상윤 2014.07.18 19:05 신고  댓글주소 수정/삭제 댓글쓰기

    초등학교 교사입니다.
    아이들에게 기억에 남을 만한 졸업영상을 만들어보고자 유튜브에 들어갔다가 발견했습니다.
    좋은일 하시네요.
    복받으십시오.

  16. 매직헌터 2014.10.27 18:31 신고  댓글주소 수정/삭제 댓글쓰기

    정말로 좋은 강의 감사합니다...
    저도 제가 가지고 있는 재능을 가지고 이렇게 멋지게 강의로 만들고 싶네요..
    최고 입니다.

  17. 에어 2015.03.06 07:28 신고  댓글주소 수정/삭제 댓글쓰기

    정말 감사합니다

  18. 묵향 2016.06.07 22:58 신고  댓글주소 수정/삭제 댓글쓰기

    정말 감사합니다.

블로그 이미지

노리섬

카테고리

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

티스토리 툴바