태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

포토샵강좌-클리핑패스(Clipping path) 및 EPS저장 옵션 활용법
이번 포토샵 무료 강좌에서는 디자인 작업시 알아두면 약방의 감초같은 포토샵에서 클리핑패스(Clipping path)를 사용하는 방법에 대해서 자세히 알아보도록 합니다.

인쇄. 출판분야에서 많이 사용하는 편집 프로그램(쿽, 페이지메이커, 인디자인등)이나 일러스트레이트에서 배경없는 이미지를 사용하기 위해 포토샵에서 클리핑 작업을 해야하는 경우가 종종 있습니다. 쉽게 말해 아래 이미지에서 맛있는 요리가 담긴 접시만 사용하고 배경은 잠시 숨겨두는 기능이라고 생각하시면 됩니다.

사용자 삽입 이미지
이런 작업은 특히 신문, 잡지등을 편집할 때 많이 사용되며 편집작업 시 이미지를 불러 들일 때 링크를 시키거나 8bit 이미지로 저장되어 프로그램 구동을 빠르게 하므로 작업의 효율성을 높여주기 때문입니다.

그럼 지금부터 클리핑패스 사용법에 대해서 차근차근 알아보도록 하겠습니다.
1. 먼저 펜툴(Pen Tool-P)로 이미지에서 원하는 부분만 선택합니다.
사용자 삽입 이미지
2. 다음 패스 팔레트의 Work path가 선택된 상태에서 팔레트 우측 확장 메뉴를 열고 Save Path(패스 저장)합니다.
사용자 삽입 이미지
3. 패스 저장시 다중 패스가 있을 경우 혼동이 올 수 있으므로 앞으로 저장 될 클리핑패스와 일반 Work Path가 구분되도록 가급적 아래 이미지처럼 네이밍을 정해줍니다.
사용자 삽입 이미지
4. 다음은 다시 팔레트 우측 확장 메뉴를 열고 클리핑패스(Clipping Path)를 적용시킵니다.
사용자 삽입 이미지
5. 클리핑패스(Clipping Path) 적용시 앞서 저장시킨 패스 경계의 Flatness(평탄정도)값을 지정해 주어야 하는 옵션창이 뜨는데 이때 Flatness값은 0.2~100까지 지정할 수 있도록 되어 있는데 대개의 경우 Flatness값을 0.2로 설정해주는 것이 일반적입니다. 저장된 패스의 Flatness 값을 0.2로 적용하고 OK버튼을 누릅니다.
사용자 삽입 이미지
6. 이제 일러스트레이터나 외부 프로그램에서 활용하기 위해 클리핑패스가 적용된 이미지 파일을 EPS파일로 저장해야 합니다. 이때 참고할 점은 JPG.TIF.PNG.TGA등 다른 포맷은 배경을 클리핑해서 저장되지 않으므로 반드시 EPS파일로 저장하도록 합니다.

EPS저장시 옵션창이 나타나는데 이 설정은 이미지가 보여지는 선명도의 정도를 설정하는 것으로 Preview: TIFF(8bits/pixel) / Encoding: Binary로 설정하면 무난합니다.
사용자 삽입 이미지
7. 참고로 클리핑패스가 적용된 이미지와 일반 패스가 적용된 이미지를 EPS파일로 저장했을 때 윈도우탐색기 미리보기에서도 그 차이가 구분된다. 클리핑패스가 적용된 이미지는 배경이 검정색으로 보이는 반면 그렇지않은 이미지는 원본이미지와 같이 배경이 모두 보인다.
사용자 삽입 이미지
8. 일러스트레이트를 열고 레이아웃 배경을 만든 다음 Place(링크로 불러오기) 명령으로 클리핑 패스가 적용된 이미지를 불러오면 보는 것처럼 배경이미지는 짤려 나가고 클리핑 시킨 오브젝트 부분만 보여지고 인쇄 또는 출력되게 됩니다.
사용자 삽입 이미지
비교를 위해 옆에 복사한 다음 클리핑패스가 적용되지 않은 EPS파일을 Place 시킨경우 보는것처럼 배경이미지가 다 보이게 됩니다.

아울러 일러스트레이터나 편집프로그램에서 eps파일이 미세한 라인이 생기거나 깨져보이는 것은 포토샵에서 이미지 저장시 8bit로 저장했기 때문인데 이것은 EPS파일 자체가 용량을 많이 차지하므로 잡지 또는 책과 같은 많은 양의 페이지 작업시 컴퓨터의 부하를 줄이기 위한 방법으로 활용되기 때문입니다.

신고
※글에 대한 여러분 의견을 남겨 주십시오. 감사합니다!
  1. Favicon of http://hfkais.blogspot.com BlogIcon HFK 2008.03.31 10:05 신고  댓글주소  수정/삭제  댓글 남기기

    흔히 말하는 '누끼 따는 것' 과 어떤 차이가 있나요? 그냥 배경을 날리고 PNG등으로 저장해서 쓰는 것과 차이가 있는지요?

    • Favicon of http://www.soondesign.co.kr BlogIcon 이정일 2008.03.31 15:16 신고  댓글주소  수정/삭제

      제가 대신 답변을 드려도 좋을지 모르겠지만 "누끼 따는 것"과 비슷한 개념입니다.

      제품(상품)의 배경을 바꾼다던가 다른 이미지와 합성하기 위해 필요한 부분만을 오려내는 것을 일본어로 "누끼딴다"라고 하는데 마루님께서 위에서 설명한 것이 바로 그것입니다.

      여담입니다만 디자인계에 발을 새로 담근 신참들을 위해 누끼 따는 거 연습시킬 요량으로 인삼뿌리만큰 좋은 게 없죠.

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

      앞서 정일님이 설명을 잘 해주셨지만 덧붙인다면 다른 툴로 선택하고 배경날리고 PNG파일 저장하면 원본이 변경되는 상황이 발생하지만 클리핑패스를 활용하면 언제든지 원본을 유지한 상태에서 필요한 제품 부분만을 활용할 수 있다는 것이 차이점이라고 볼 수 있습니다.

  2. Favicon of http://blog.naver.com/mai20 BlogIcon 이리나 2008.03.31 15:49 신고  댓글주소  수정/삭제  댓글 남기기

    우와 유용하네요 잘 배우고 갑니다

  3. Favicon of http://0ple.wo.tc BlogIcon 공상플러스 2008.03.31 15:55 신고  댓글주소  수정/삭제  댓글 남기기

    그냥 포토샵에서 블러만 쓸줄아는 1인

  4. 2008.04.01 12:01  댓글주소  수정/삭제  댓글 남기기

    비밀댓글입니다

  5. 2008.04.02 12:49  댓글주소  수정/삭제  댓글 남기기

    비밀댓글입니다

  6. Favicon of http://kangsign.com BlogIcon 강자이너 2008.04.03 23:20 신고  댓글주소  수정/삭제  댓글 남기기

    아..요즘 한창 많이 써먹고 있어요.-_-b

  7. 못난이 2008.09.05 01:07 신고  댓글주소  수정/삭제  댓글 남기기

    요즘 컴 배우고 있는 주부 입니다 마루님 담아갑니다
    늘 좋은글 많이 올려주셔서 감사 합니다

  8. Favicon of http://blog.naver.com/numbk BlogIcon numbk 2008.09.20 10:16 신고  댓글주소  수정/삭제  댓글 남기기

    마루님. 저렇게 하고서 quark에서 부르면 오린 이미지만 나오나요? 포토샵에선 패쓰따고 저렇게 저장해도 이미지가 그대로 나오더라구요. 물론 패쓰는 따져있는데말이에요. 방금 일러스트레이터에서 불러봤는데 원하는대로 이미지가 나왔거든요. 포토샵에선 원래 그렇게 안나오는건지요~(저 이거때문에 일에 차질이..ㅜㅜ; ) 답변부탁드리겠습니다~

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

      쿽에서도 일러스트레이터와 같이 정상적으로 나타납니다.
      궁금해 하시는 것처럼 포토샵에서는 아무런 변화가 없어서 감을 잡기 힘드시다는 이야기 같은데 맞는지 모르겠네요.^^
      일러스트레이터에서 클리핑패스를 적용한 부분만 보이면 정상적으로 적용된 것입니다.
      이 방법은 원본 파일을 손상없이 유지하고 필요한 부분만 출력하고자 할 때 활용하는 방법이니 이해에 도움이 되었으면 합니다.
      다음에는 마스크레이어를 통해 좀 더 실감나게 활용하는 방법을 올려 드리도록 해보겠습니다.

  9. Favicon of http://blog.naver.com/numbk BlogIcon numbk 2008.09.23 19:39 신고  댓글주소  수정/삭제  댓글 남기기

    감사합니다. 마루님 ^^ 도움이 되었어요!! 그리고 하나 더 질문이 있는데요. 포토샵에선 버전에 상관없이 모든 파일이 다 불러지나요? 제가 집에선 cs를 쓰고 학교에선 7을 쓰는데 언젠가 파일이 안열리니까 버전이 달라서 그럴수도 있다고 그러셨거든요? 근데 그거에 대해서 지식인에 질문을 했는데 eps로 저장하면 상관없다는 답변을 얻어서요.. 궁금해요.~!

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

      일러스트의 경우는 문제가 되지만, 포토샵의 경우는 상관이 없는 것으로 알고 있습니다. 하위버전 적용옵션이 없거던요. 보다 정확한 정보를 드리기 위해서 CS3에서 작업한 파일을 CS2에서 열어보고 결과를 포스팅 또는 답변으로 알려드리도록 하겠습니다. 저는 이런 질문 해주시는 분이 제일 좋아합니다. 한번 더 살펴볼 수 있는 계기가 되니 말입니다.^^

  10. ch4391 2008.10.09 16:11 신고  댓글주소  수정/삭제  댓글 남기기

    제가 위에 방법대로 해서 일러스트로 불르면 패스딴부분이 뻥뚤려서 보이는데;

    왜그런거져?? 패스딴부분만 나와야 대는거 아닌가여?''ㅣ;;;

  11. 닌니 2009.04.09 15:31 신고  댓글주소  수정/삭제  댓글 남기기

    유용한 정보 감사합니다~ 담아갑니다~^^

  12. 2009.05.07 00:13  댓글주소  수정/삭제  댓글 남기기

    비밀댓글입니다

  13. jude 2009.06.17 14:26 신고  댓글주소  수정/삭제  댓글 남기기

    좋은 정보 감사합니다~^^

  14. Favicon of http://www.isummit.co.kr BlogIcon 허양이 멍멍 2009.06.26 11:07 신고  댓글주소  수정/삭제  댓글 남기기

    마루님..하양이멍멍입니다.
    잘 보고 배우고 절대 잊어버리지않고..요긴하게 사용될 정보입니다. 감사합니다.
    마루님..행복하세요^^

  15. 이진희 2009.06.30 12:29 신고  댓글주소  수정/삭제  댓글 남기기

    클리핑 이미지를 일러로 불러와서 일러에서 깨져 보여도 인쇄시는 깨지지 않는다는 말씀이죠? 해상도는 72인데 사진 원본 사이즈가 그렇게 작은 사이즈가 아니거든요-
    걱정이 되어서...ㅡㅜ

  16. 수채화 2009.10.19 07:44 신고  댓글주소  수정/삭제  댓글 남기기

    안녕하세요. 자세한 강좌 덕분으로 아주 조금씩 공부하고 있는 주부입니다. 요즘 cs4 를 깔아서 사용해 보고 있는데 위에 클리핑 패쓰를 따라 할 수가 없네요. work path 상태에서 오른버튼을 누르면 save path 라는것도 없고... 없는 목록이 너무 많은데... 너무 막막한 질문일까요? cs4와 그 외에 다른 버전 사용법이 많이 다른지도 궁금합니다. 처음부터 cs4로 공부하려니 따라해봐도 막히는 부분이 많은것 같아요.

  17. 해니 2013.01.20 00:17 신고  댓글주소  수정/삭제  댓글 남기기

    감사합니다 유용한 정보 도움이 되었어요~! 그런데 인디자인으로 저 파일을 가지고 가서 누끼 모양대로 글씨 정렬이 흐르도록 하려고 하니 원본 파일선(네모박스모양)대로 글씨 정렬이 되네요..ㅠㅠ어떻게 하는건가요?


우드스