태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

일러스트 디자인에서 웨이브 효과는 그 쓰임새가 많이 쓰이는 편입니다. 인물 일러스트나 리본 일러스트에서 자주 활용되는 웨이브는 의외로 어렵지 않게 만들수 있습니다.

텍스트 오브젝트는 별도로 '텍스트 워랩(Text Wrap)' 기능을 통해서 간단한 형태의 웨이브 효과를 줄 수 있지만 일반 오브젝트를 일러스트에서 웨이브 효과를 손쉽게 줄 수 있는 기능은 Make with Mesh..[단축키: Alt+Ctrl+M] 기능을 이용하는 방법입니다.

사용자 삽입 이미지

메쉬를 이용한 웨이브 배너이미지

그럼 다이나믹하고 생동감 있는 컬러풀(Colorfull)한 웨이브(Wave)를 어떻게 만드는지 알아보겠습니다.

1) 컬러풀한 색상조합 또는 추출 오브젝트 복제 및 객체 정렬
사각형 툴을 이용해서 적당한 크기의 직사각형을 하나 그리고 [선택 툴(V)]로 선택한 다음 Alt키를 누른 채 아래로 복제한 다음 [종속복제(Ctrl+D)]를 눌러 일정 간격으로 5개 복제합니다.

다음 모든 오브젝트를 선택한 다음 세번째 오브젝트를 마우스 왼쪽 버튼으로 원클릭한 다음 Align(정렬) 팔레트의 Distribute Spacing 영역에서 간격 값을 '0'으로 지정하고 위아래 객체정렬을 클릭합니다. 그러면 세번째 객체를 기준으로 모든 오브젝트가 간격없이 정렬되게 됩니다.

사용자 삽입 이미지
2) 컬러리본 만들기
정렬된 모든 오브젝트를 선택 툴로 선택한 다음, 적당한 길이로 그림과 같이 늘려줍니다.
사용자 삽입 이미지
3) 형태변형을 위한 메쉬(Mesh)기능 적용하기
컬러리본을 선택하고 메뉴에서 Object>Envelope Distort> Make with Mesh..[단축키: Alt+Ctrl+M]를 클릭해서 Envelope Mesh 설정창을 띄우고 Rows: 4 / Colums:4 를 입력하고 OK버튼을 클릭하면 선택한 컬러리본에 Mesh가 적용됨을 확인할 수 있습니다.
사용자 삽입 이미지
4) Direct Selection tool(직접선택 툴)로 아래 이미지와 같이 anchor를 선택하고 scale Tool(비율조정 툴), Rotate Tool(회전 툴), Shear Tool(비틀기 툴)을 번갈아가면 원하는 웨이브 형태를 갖추는데 Shift키를 누른 상태에서 변형을 해야 양뱡향이 일정한 형태로 변형됨을 기억하시길 바랍니다.

변형과정은 아래 플래쉬 무비를 참고하시면 됩니다.

사용자 삽입 이미지
메쉬기능으로 웨이브 형태를 만들어 가는 과정 화면
확대
이제 어떻게 형태를 만들어 가는지 조금 이해가 되셨나요? 어려운 것은 없지만 중요한 것은 좋은 웨이브 형태를 만드는 것은 결국 유저의 감각이 필요하다는 것이겠죠^^
아래는 지금까지 작업을 바탕으로 만들어진 작업물의 이미지 입니다.
사용자 삽입 이미지

아래 원본 첨부파일을 활용하면 어떤 형태로 작업되었는지 그 과정을 쉽게 알 수 있습니다.
 

신고
※글에 대한 여러분 의견을 남겨 주십시오. 감사합니다!
  1. Favicon of http://0ple.wo.tc BlogIcon 공상플러스 2008.02.26 21:12 신고  댓글주소  수정/삭제  댓글 남기기

    플래쉬에도 저런 기능이 있으면 좋으련만..
    저거보니 비스타 테마가 생각나는데..
    마소.. 설마?
    '_;+

    • Favicon of http://www.designlog.org BlogIcon 마루[maru] 2008.02.27 08:00 신고  댓글주소  수정/삭제

      아쉬운 부분이라고 생각합니다.
      차기버전에 한번 기대를 걸어보는 것도 좋을 것 같습니다.
      ^^비스타 테마에 엇비슷한 분위기의 월페이퍼가 있었나 봅니다.

  2. Favicon of http://ismvisualstudio.net/blog/freeism BlogIcon freeism 2008.03.03 14:44 신고  댓글주소  수정/삭제  댓글 남기기

    와~ 멋집니다.
    저런거 어떻게 만드나 했는데, 이런 식이었군요. ^^
    한 번 써먹어 봐야겠습니다. ^ -^)
    좋은 정보 감사합니다~~

  3. 푸르나무 2008.10.29 11:03 신고  댓글주소  수정/삭제  댓글 남기기

    이렇게 멋진팁이..!
    정말 감사합니다
    새로운 신세계(?)를 알게 됬습니다.

  4. 상록수 2010.02.11 12:03 신고  댓글주소  수정/삭제  댓글 남기기

    아무리해도 앞부분에 틈없이 정렬하는게 잘 안되요;;
    자꾸 에러 메세지가.. CS2쓰는데 잘 안되네요.
    하지만 뒷부분은 따라해봤습니다.^^
    앞으로 쓸기회가 있길~
    좋은팀 주셔서 정말 감사합니다 ^ ^

  5. scarface 2010.04.20 16:36 신고  댓글주소  수정/삭제  댓글 남기기

    음 어렵지만 잘배우겠습니다

  6. 2010.10.22 09:00  댓글주소  수정/삭제  댓글 남기기

    비밀댓글입니다


우드스