Иллюстратор: Существует ли эффективный и точный способ объединить два круга по их касательным (и сохранить их редактируемыми)?

9

Легко объединить два круга, если они одинакового размера и горизонтального / вертикального, в форме таблетки:

введите описание изображения здесь

Если круги находятся под дополнительным углом, это все еще возможно, но вы больше не можете полагаться на умные направляющие.

введите описание изображения здесь

Вы можете добавить линии примерно там, где должны быть касательные, а затем использовать ножницы на кругах, вырезать внутреннюю область и затем соединить два полумесяца в одну форму.

введите описание изображения здесь

Есть лучший способ сделать это? Есть ли способ сделать это, что еще можно редактировать потом?

Есть некоторые другие вопросы, которые охватывают ту же область, что и эта, но не охватывают возможности редактирования или объединения кругов, которые не совпадают друг с другом (где умные направляющие не могут помочь).

marcusdoesstuff
источник
Есть несколько разных вопросов и ответов, но ни один из них точно не соответствует тому, что я хотел бы здесь изложить, особенно в том, что касается возможности редактирования и того, как это сделать, когда круги не одинакового размера и горизонтальны / вертикальны друг к другу, так что вы можете используйте умные гиды.
marcusdoesstuff

Ответы:

9

После экспериментов я нашел два достойных метода.


Вы можете сделать путь с толстым, круглым колпачком / соединительным штрихом. Если два круга имеют одинаковый размер, то вы можете, Object > Expand...и этого будет достаточно.

Если вы хотите, чтобы каждый конец имел окружность другого размера, тогда вы можете использовать инструмент ширины штриха ( Shift+W) для настройки каждого конца. Это работает нормально и остается редактируемым, но не всегда дает идеальные результаты ... Особенно, если вы начинаете делать более сложные фигуры с углами. Смотрите следующий gif для примера:

введите описание изображения здесь


В качестве альтернативы вы можете использовать параметры наложения между двумя кругами. Это лучше всего объяснить с помощью нескольких снимков экрана:

Вот два круга.

введите описание изображения здесь

Выбрав оба круга, смешайте их с Object > Blend > Make.

введите описание изображения здесь

Вы можете настроить смесь с Object > Blend > Blend Options. Выберите «Заданные шаги» в выпадающем меню «Интервал» и введите значение от 50 до 200. Если значение выше, чем это может замедлить работу вашей системы, если в вашем файле много смешиваний, низкие значения могут повлиять на конечный результат. ,

введите описание изображения здесь

Отдельные круги могут быть перемещены (я теперь изменил выделенные круги на заполненные круги), и смесь будет следовать.

введите описание изображения здесь

На данный момент ... Смесь все еще редактируема, и результат хорош как черновик. Однако, как в моем случае, на самом деле есть 100 кругов, составляющих эту форму, я, возможно, захочу упростить эту форму, как только я буду доволен ею или когда я завершаю оформление. Для этого сначала Object > Expand.

введите описание изображения здесь

Затем вы можете открыть инструмент поиска пути и объединить все получившиеся круги с помощью опции «объединить».

введите описание изображения здесь

введите описание изображения здесь

Если вы хотите еще больше уточнить ребра между двумя исходными кругами, вы можете удалить все якоря пути между тангенциальными якорями ...

введите описание изображения здесь

введите описание изображения здесь

И снова соедините их с помощью инструмента «Перо».

введите описание изображения здесь


Это должно создать почти идеальные касательные соединения между двумя кругами. Вы также можете делать углы с помощью инструмента смешивания, более сложные формы с несколькими кругами или даже смешивать цвета. Мне нравится этот метод, когда требуется точность, чтобы создавать отличные логотипы или пиктограммы. Инструмент ширины хода, конечно, быстрее и имеет свое место.

Пожалуйста, смотрите ответ CAI ниже для скриптов, которые очень хорошо работают для идеального соединения касательных.


введите описание изображения здесь

введите описание изображения здесь

marcusdoesstuff
источник
удалил мой ответ, потому что ваш в любом случае лучше :)
PieBie
Хорошие методы, если вы объединяете 2 круга - по моему опыту вы часто хотите соединить касательные более сложных форм / кривых. Отличное решение, без сомнения, но не подходит для любой ситуации :)
Cai
Последнее изображение показывает смесь с тремя кругами, которая работает хорошо. Вы можете еще больше расширить путь смешивания. Это может быть несколько сложнее сделать с вогнутой кривой, хотя. Я могу добавить больше примеров позже.
marcusdoesstuff
Добавлена ​​анимация GIF более сложной формы. Мне нравится этот метод наложения, так как я могу быть точным с размерами моего круга, в отличие от инструмента ширины обводки.
marcusdoesstuff
Добавил пример к моему ответу, где blend не работает. Я не пытаюсь отнять у вас ответ, на самом деле это не так, это отличный метод - просто пытаюсь проиллюстрировать, что он не всегда подходит :)
Cai
4

Есть несколько полезных скриптов, которые могут помочь вам сделать это.

Эта коллекция сценариев Illustrator включает в себя два:

Что касается «сохранения его в редактируемом виде» - при перемещении кругов (или любой части фигур) касательные изменятся, поэтому вам придется перерисовывать линии. Я не вижу никакого способа обойти это. С легко доступным скриптом это не должно быть проблемой.

Пример используемого сценария Common Tangents:

Сценарий в действии

Использование Illustrator Команда Blend хорошо работает при соединении касательных в определенных случаях, но не всегда работает. Иллюстрация сценария Common Tangents в ситуации, когда команда Blend не работает:

Сценарий снова в действии

Использование смеси с одинаковыми кривыми на самом деле не работает:

Смесь терпит неудачу

Cai
источник
Спасибо за эти варианты сценария. У меня будет эксперимент.
marcusdoesstuff
Я не могу себе представить, что когда-нибудь нарушу функцию смешивания таким образом, но этот набор сценариев очень хорош. Сценарий касательной элегантно прост, и сценарии metaball и любых углов тоже хороши.
marcusdoesstuff
Скрипт за круглым углом отлично подходит, если вы используете что-либо до CC (как я)
Cai
Они улучшили это в CC?
marcusdoesstuff