일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

Main Menu

  • LIFE (187)
    • DESIGN (33)
      • 디자인 공간 (16)
      • 디자인 관련 용어 정리 (13)
      • 전시 (4)
    • ILLUSTRATOR (12)
      • 일러스트레이터 CC (8)
      • 기초 일러스트레이터 CC (4)
    • EVERY MOMENT (81)
      • 커피 와인 음식 (42)
      • 국내해외 여행 (23)
      • 패션 공유 (8)
      • 사용 후기 (8)
    • EVERY MEMORY (61)
      • 메모 (5)
      • 블로그 (11)
      • 영화 책 컨텐츠 후기 (45)

    ※ 일러스트레이터가 한글버전이라 캡처본은 모두 한글버전 기준입니다. 영어 명령어와 단축키 표기 참고바랍니다.

    일러스트레이터에서 다양한 작업을 하려고하면 다양한 만큼 다채로운 형태가 설계된 디자인일 경우가 많고, 그만큼 복잡한 도형일수록 분리된 개체수가 많기 때문에 그룹이 안만들어지는 경우가 많다. 일단 합친 후에 사진을 넣든 다른 그래픽을 넣든 해체해서 재조합을 할 수 있는데 그룹화가 안먹히는 순간 그게 힘들어진다. 그룹화가 안먹힐 때는 컴파운드 패스를 만들면 작업하기 손 쉽다. 컴파운드 패스를 잘 활용하면 디자인 작업시 일러스트레이터 사용성을 높혀준다.

     그룹화 오류

    복잡한 도형들을 그룹으로 만들려했는데 안먹히는 경우에 아무리 그룹(Ctrl+G)를 해도 그룹화가 안되는 경우가 있는데, 패스파인더로 합치고자해도 분리된 도형들이 그룹으로 만들어지는 것과 같기 때문에 안먹힌다. 아래 도형들 같은 경우에는 그룹화가 쉽게 되는 경우지만, 보통 대형 사이즈에 많은 양의 패스를 활성화한 상태에서 그룹화가 안될 때가 많다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong
    일러스트레이터에서 그룹화 안될때 해결 방법

     그룹이 아닌 컴파운드패스(compound path)로 만들기 ▶ Ctrl+8

    그럴 때는, 컴파운드패스(Compound path) Ctrl+8을 클릭하면 그룹이 아닌 컴파운드 패스 형태로 만들어지는데 컴파운드 패스는 패스들의 복합체라는 뜻으로 단순히 그룹을 지어주는 것에서 한 단계 더 나아가 하나의 또 다른 덩어리 형태를 만들어주는 명령어이다. [메뉴] > [오브젝트] > [컴파운드 패스] > [만들기], 영문으로는 [menu] > [object] > [compound path] > [make(?)]으로 알고 있다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    그룹화가 안될 때는 컴파운드 패스를 사용해서 쉽게 그룹화하야 작업하는 것을 추천한다. 오늘 준비한 포스팅은 복잡한 순서 없이 일러스트레이터 내 툴을 설명하는 거다보니 짧게 마무리한다. 굉장히 단순한 방법인데도 이걸 몰라 버벅거렸던 시간이 꽤 있었기 때문에, 혹시 어려움을 겪으시는 분들께 도움이 되기를.

    ※ 위 내용 중 수정이 필요한 설명과 잘 안되는 부분이 있으실 경우, 댓글 남겨주시면 감사하겠습니다.

    디자인툴 강의, 일러스트 강의, 일러스트 그룹화 작업, 일러스트 컴파운드패스, 일러스트 해결방법, 일러스트레이터 강좌, 일러스트레이터 그룹화 안될때, 일러스트레이터 컴파운드패스, 일러스트레이터cc, 패턴디자인

    댓글(0)

    Clipping Mask & Compound Path

    어떤 내용을 특정 오브젝트(영역) 안에 가두는 것.

    선택된 오브젝트 중 가장 상위에 있는 오브젝트를 특정 영역으로 인식한다.

    1. 이미지를 불러온다.

    2. 특정 영역을 만든다.

    3. Clipping Mask를 적용해 이미지를 영역 안에 넣는다.

    4. Compound Path에 대해 이해한다.


    이미지를 불러옵니다.

    비트맵 이미지는 일러스트에서 편집이 어렵기때문에 이미지를 잘라내거나 할 때 클리핑 마스크를 사용하기도 합니다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong
    출처: https://pixabay.com/photos/autumn-autumn-leaves-nature-leaf-1746739/

    사각형 오브젝트를 하나 만들어줍니다. 선과 면의 색은 상관없어요. 가장 위로 올려주세요.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    오브젝트 전체를 선택한 후 클리핑 마스크를 적용해줄 거예요. 우클릭하면 Make Clipping Mask라고 있는 걸 선택해도 되고, Object > Clipping Mask > Make로 해도 됩니다. 단축키는 Ctrl+7이에요.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    이 상태가 클리핑 마스크가 적용된 상태입니다. 아래에 있던 이미지가 상위에 있는 사각형 오브젝트의 영역 안에 가둬진 거예요. 이미지가 없었던 부분은 데이터만 남아있는 상태입니다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    이번엔 글자를 타이핑해서 그 안에 이미지를 가둬볼게요. 원하는 글을 타이핑해줍니다. 클리핑 된 게 잘 보이도록 글씨를 두꺼운 서체로 해줬어요.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    타이핑한 글자를 가장 상위에 놓고 클리핑 마스크를 적용시킵니다. 그럼 글자의 영역만큼만 이미지가 남아있어요. 이건 글자가 살아있는 상태에서 클리핑마스크를 적용시킨겁니다. 글자를 오브젝트화 시킨 후 클리핑마스크를 적용해보는것도 해봅시다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    글자를 오브젝트화 시키는 방법은 글자를 선택하고 우클릭하면 Create Outlines라고 있어요. 이거 클릭하면 이렇게 글자가 오브젝트화 됩니다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong
    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    아까 글자가 살아있을 때와는 다르게 오브젝트의 경우에는 이상태에서 클리핑 마스크를 적용시키면 안 돼요. 이때 같이 사용되는 게 Compound Path입니다. Compound Path는 서로 떨어져 있는 두 개 이상의 오브젝트를 하나의 오브젝트로 인식시키는 명령이에요.

    글자를 오브젝트화 시키면 그룹으로 묶여있어 하나인 것처럼 보이지만 하나의 그룹으로 묶여있을 뿐이라 오브젝트는 여러 개예요. 오브젝트가 여러 개면 가장 상위의 오브젝트 하나에만 클리핑 마스크가 적용되기 때문에 그룹을 풀고 클리핑 마스크를 적용시켜보면 이런 모양이 돼버리죠.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    모든 오브젝트에 클리핑 마스크를 적용시키기 위해 우선 그룹을 풀고 컴파운드 패스를 실행합니다. Object > Compound Path > Make 클리핑마스크 바로 아래에 있어요. 실행해도 겉으로 보이기에는 아무것도 달라지지 않아서 확인하기 힘든데 이럴 땐 오브젝트를 클릭하고 우측 상단을 보면 오브젝트의 상태가 나와있어요. Compound Path라고 나와있으면 된 겁니다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    그리고 클리핑 마스크 실행해보면 아까처럼 모든 글자 안에 이미지가 들어가 있게 됩니다.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    마스크를 해제하면 이렇게 지정했던 영역은 데이터만 남고 보이지 않게 돼요.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong

    오브젝트 두 개에 색상과 패턴을 다르게 해서 올려주고 클리핑 마스크를 적용해봤어요.

    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong
    일러스트 컴파운드 패스 수정 - illeoseuteu keompaundeu paeseu sujeong