Illustrator : 두 개의 원을 접선으로 결합하고 편집 가능한 상태로 유지하는 효율적이고 정확한 방법이 있습니까?


9

두 개의 원이 같은 크기이고 가로 / 세로이면 알약 모양으로 쉽게 결합 할 수 있습니다.

여기에 이미지 설명을 입력하십시오

원이 추가 각도에 있으면 여전히 가능하지만 더 이상 스마트 안내선에 의존 할 수 없습니다.

여기에 이미지 설명을 입력하십시오

접선이 있어야 할 위치에 선을 대략적으로 추가 한 다음 원에서 가위 도구를 사용하여 내부 영역을 잘라 내고 두 초승달 모양을 하나의 모양으로 결합 할 수 있습니다.

여기에 이미지 설명을 입력하십시오

더 좋은 방법이 있습니까? 나중에도 여전히 편집 할 수있는 방법이 있습니까?

이 영역과 동일한 영역을 다루지 만 편집 할 수 없거나 서로 일치하지 않는 서클 (스마트 가이드로는 도움이되지 않는)은 다루지 않는 다른 질문이 있습니다.



몇 가지 다른 질문과 답변이 있지만 특히 편집 가능성과 원의 크기가 같지 않고 수평 / 수직이 아닌 경우이 작업을 수행하는 방법과 관련하여 여기에 가고 싶었던 내용을 정확하게 다루지 못했습니다. 스마트 가이드를 사용하십시오.
marcusdoesstuff

답변:


9

실험 후 두 가지 괜찮은 방법을 발견했습니다.


두꺼운 둥근 캡 / 조인 스트로크로 패스를 만들 수 있습니다. 두 개의 원이 같은 크기이면 가능합니다 Object > Expand....

각 끝의 크기가 다른 원을 원한다면 획 너비 도구 ( Shift+W)를 사용하여 각 끝을 조정할 수 있습니다. 이것은 잘 작동하고 편집 가능하지만 항상 완벽한 결과를 제공하지는 않습니다. 특히 모서리가있는 복잡한 모양을 시작하는 경우 특히 그렇습니다. 예제는 다음 gif를 참조하십시오.

여기에 이미지 설명을 입력하십시오


또는 두 원 사이에 혼합 옵션을 사용할 수 있습니다. 이것은 몇 가지 스크린 샷을 통해 가장 잘 설명됩니다.

여기에 두 개의 원이 있습니다.

여기에 이미지 설명을 입력하십시오

두 원을 모두 선택한 상태에서와 혼합하십시오 Object > Blend > Make.

여기에 이미지 설명을 입력하십시오

로 블렌드를 조정할 수 있습니다 Object > Blend > Blend Options. '간격'드롭 다운에서 '지정된 단계'를 선택하고 50과 200 사이의 값을 입력하십시오. 파일에 블렌드가 많으면 시스템 속도가 느려질 수 있습니다. 값이 낮 으면 최종 결과에 영향을 줄 수 있습니다 .

여기에 이미지 설명을 입력하십시오

개별 원을 옮길 수 있습니다 (이제 윤곽이있는 원을 채워진 원으로 변경했습니다).

여기에 이미지 설명을 입력하십시오

이 시점에서 ... 블렌드는 여전히 편집 가능하며 결과는 초안으로 좋습니다. 그러나 필자의 경우와 같이 실제로이 모양을 구성하는 100 개의 원이 있으므로 마음에 들거나 작품을 마무리 할 때이 모양을 단순화하고 싶을 수 있습니다. 이렇게하려면 먼저 Object > Expand.

여기에 이미지 설명을 입력하십시오

그런 다음 패스 파인더 도구를 열고 모든 결과 원을 '단일화'옵션과 병합 할 수 있습니다.

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오

두 개의 원래 원 사이의 가장자리를 더 세분화하려면 접선 앵커 사이의 모든 경로 앵커를 삭제할 수 있습니다 ...

여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오

펜 도구로 다시 가입하십시오.

여기에 이미지 설명을 입력하십시오


이것은 두 원 사이에 거의 완벽한 접선 결합을 만들어야합니다. 블렌드 도구를 사용하여 모퉁이, 여러 원이있는 더 복잡한 모양 또는 색상 블렌드를 사용할 수도 있습니다. 훌륭한 로고나 픽토그램을 만들기 위해 정확성이 필요할 때이 방법이 마음에 듭니다. 그러나 스트로크 너비 도구는 확실히 빠르며 대신 사용할 수 있습니다.

접선을 완벽하게 연결하는 데 매우 효과적인 스크립트에 대해서는 아래 CAI의 답변을 참조하십시오.


여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오


내 대답을 삭제
했으므로

2 개의 원에 합류하면 훌륭한 방법입니다. 제 경험상 종종 더 복잡한 모양 / 곡선의 접선을 연결하려고합니다. 훌륭한 솔루션은 의심의 여지가 없지만 모든 상황에 적합하지는 않습니다. :
Cai

마지막 사진은 잘 작동하는 3 개의 원이 혼합 된 모습을 보여줍니다. 블렌드 경로를 아주 쉽게 확장 할 수 있습니다. 오목한 곡선으로 처리하는 것이 다소 어려울 수 있습니다. 나중에 더 많은 예를 추가 할 수 있습니다.
marcusdoesstuff

더 복잡한 모양의 gif 애니메이션을 추가했습니다. 스트로크 너비 도구와 달리 원 크기로도 정확 할 수 있기 때문에이 혼합 방법을 좋아합니다.
marcusdoesstuff

블렌드가 작동하지 않는 예를 내 답변에 추가했습니다. 나는 당신의 답변을 빼앗 으려고하지 않고, 정말로 그렇지는 않습니다. 그것은 그것이 항상 적절하지 않다는 것을 설명하려고 노력하는 것입니다. :)
Cai

4

이를 수행하는 데 도움이되는 유용한 스크립트가 있습니다.

이 Illustrator 스크립트 모음 에는 다음 두 가지가 포함됩니다.

"편집 가능하게 유지하기"— 원 (또는 도형의 일부)을 이동하면 접선이 변경되므로 선을 다시 그려야합니다. 나는 그 주위에 어떤 방법도 볼 수 없습니다. 그러나 쉽게 액세스 할 수있는 스크립트를 사용하면 문제가되지 않습니다.

사용중인 공통 탄젠트 스크립트의 예 :

실제 스크립트

특정 인스턴스에서 접선을 연결할 때 Illustrators Blend 명령을 사용하면 제대로 작동하지만 항상 작동하지는 않습니다. Blend 명령이 작동하지 않는 상황에서 Common Tangents 스크립트를 보여줍니다.

다시 작동하는 스크립트

동일한 커브로 블렌드를 사용하면 실제로 작동하지 않습니다.

블렌딩 실패


이 스크립트 옵션에 감사드립니다. 나는 실험을 할 것이다.
marcusdoesstuff

나는 그런 식으로 블렌드 기능을 깨는 것을 볼 수 없지만이 스크립트 세트는 매우 좋습니다. 탄젠트 스크립트는 우아하고 간단하며, 구석 구석과 둥근 구석 스크립트도 훌륭합니다.
marcusdoesstuff

둥근 구석 스크립트는 CC와 같은 사전 CC를 사용하는 경우
Cai

CC에서 그 점이 개선 되었습니까?
marcusdoesstuff

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.