태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

일러스트 강좌, 코일 그리는 방법

분류: Design Lecture/Adobe Illustrator 작성일: 2009.02.27 18:05 Editor: 마루[maru]

일러스트에서 패스 또는 선(path & stroke)을 이용해 겹쳐 감겨 있는 코일을 그리는 방법에 대해서 간단하게 배워 보도록 하겠습니다. 코일의 표현은 일러스트를 배우는 분들이 자주 물어 오는 표현 방법 중에 하나이기도 합니다.

이번 강좌의 포인트는 라인의 ‘겹침(overlapping)’ 효과를 표현하는데 있습니다. 겹침 효과(overlapping) 효과는 알고 보면 단순하지만 의외로 일러스트 고급과정에서 많이 활용되는 테크닉이기도 합니다.

일러스트레이터, 교차돠는 하나의 스트로크는 합쳐 진 모습이다.

일반적으로 선(Stroke)를 이용해 교차를 시키면 위의 아래 이미지 처럼 합쳐 진 모양으로 표현이 됩니다. 이렇게 되면 코일의 감겨 진 모습을 느끼게 할 수 없습니다. 그럼 겹친 모양으로 돌아가는 코일의 표현은 어떻게 하면 사실적인 느낌을 전달할 수 있을까요?

가위 툴로 Stroke를 2 Part로 분할

방법은 의외로 간단합니다. 선(Stroke)을 2 Part로 분할시킴으로써 해결할 수 있는데 일러스트 도구상자(Tool Box)에서 가위 툴을 선택 한 다음, 구부러진 코일 선(Stroke)의 중간 부분(화살 표시)을 클릭해 2 Part로 분할시켜 줍니다. 위의 예제 그림과 같이 겹친 모양으로 보이게 됩니다.

가위툴로 Stroke 분할 시 보이는 가장자리 경계

다음으로 가위 툴로 분할시킨 부분을 보면 각각의 선(Stroke)의 끝의 경계 자국이 남게 되는데 이것을 깔끔하게 마무리하기 위해서 아래 예제 이미지처럼 내부 선을 선택 후 선(Stroke)의 캡 옵션에서 끝과 코너 마감을 라운드로 변경해 주면 깔끔하게 정리가 됩니다.

Stroke 가장자리 마감, Cap Option 라운드 선택

이러 방식으로 겹친 모양으로 감겨 돌아가는 코일의 사실적인 표현이 가능하고. 이 겹침(overlapping) 효과를 응용해 다양한 효과들을 표현할 수도 있습니다. 유용하게 활용하시길 바랍니다.

저작자 표시 비영리 변경 금지
신고
※글에 대한 여러분 의견을 남겨 주십시오. 감사합니다!
  1. Favicon of http://koko8829.tistory.com BlogIcon 열이아빠 2009.02.27 18:27 신고  댓글주소  수정/삭제  댓글 남기기

    어도비쪽 CS4 가이드를 보니깐 stroke를 '획'으로 표현했던데 일반적으로는 '선'이라고 많이 표현하나요?

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

      획도 틀린 표현은 아니지만 획은 주로 문자와 관련되어 쓰이는 표현이라 선으로 표현하는 편이고 그게 더 이해하기 쉬울 것 같습니다.

  2. 2009.02.27 18:42  댓글주소  수정/삭제  댓글 남기기

    비밀댓글입니다

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

      늘 구독하는 블로그입니다.
      말씀처럼 보편화된 팁이지만 구독하다 생각난 김에 일러스트레이터를 배우기 시작한 분들을 위해 영문링크보다는 한글로 풀어 설명하는 게 도움이 될 것 같아 직접 작성해 보았습니다.^^
      같은 형태를 적용했으니 참조라고 할 수도 있겠습니다.
      관심을 가져 주셔서 감사합니다.

  3. Favicon of http://ura.nium0.wo.tc BlogIcon 공상플러스 2009.02.27 22:25 신고  댓글주소  수정/삭제  댓글 남기기

    앜.. 난 벡터에 젬병인데 여기 보고 열심히 공부할거에요

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

      맞은 팁들이 많지만, 구성하는게 시간이 많이 걸려서 쉽지가 않지만 공플님께 조금이라도 도움을 드릴 수 있다면 힘내서 계속 포스팅하도록 힘 쓰겠습니다.^^

  4. 폭주야옹이 2009.07.29 13:26 신고  댓글주소  수정/삭제  댓글 남기기

    좋은정보 감사합니다 ^^

  5. 하양이멍멍 2009.08.21 10:13 신고  댓글주소  수정/삭제  댓글 남기기

    안녕하세요..마루님
    마루님의 강좌를 보면 사용하시는 프로그램이 모두 최신버전이군뇨~~ ㅜㅜ;;

    최신버전프로그램을 다운받아야 겠어요

    이 기능을 지금에서야 알게된게 너무 너무 요긴하게 사용하겠어요
    회사홈피에서 찾아오는길..도로그릴때..일일이 노가다를 했는데..
    이런 쉬운 기능이 있을줄이야..

    감사합니다...나의 마루님 ^^


우드스