Как привязать конечную точку линии к прямоугольнику/кругу в Illustrator?

Я начинающий пользователь Illustrator, и мне он очень нравится. Мне также нравится делать концептуальные карты, подобные этой:введите описание изображения здесь

Мне было интересно, есть ли возможность легко создавать и изменять концептуальные карты ?

Проблема в том, что если я нарисую эту диаграмму в Illustrator:

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

а затем я перемещаю прямоугольник слева, тогда линия остается там, где она есть:

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

Я хотел бы, чтобы прямоугольники были связаны с конечными точками линий, чтобы при перемещении левого прямоугольника линия перемещалась вместе с ним следующим образом:

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

Интересно, возможно ли выполнение такой простой задачи с помощью такого мощного приложения для векторной графики, как Illustrator? Я надеюсь, что это возможно, но, возможно, я просто не знаю, как это сделать. Может ли кто-нибудь помочь мне с этим?

для этого типа задачи я бы использовал специальную программу, такую ​​​​как конструктор диаграмм, потому что Ai гораздо более «общий». meesoft.logicnet.dk/DiagramDesigner
Вы настаиваете на использовании иллюстратора? Я настоятельно рекомендую вам попробовать некоторые из предложений от @Joojaa
Мне интересно, возможно ли вообще выполнить такую ​​простую задачу, как описано выше, в Illustrator, учитывая, что Illustrator — действительно мощное программное обеспечение.
Я пробовал такое специальное программное обеспечение для создания концептуальных карт, но моя цель — использовать дополнительные функции Illustrator.
Другими словами, я хочу выйти за рамки того, что предлагают типичные программы для составления концептуальных карт. Типичное программное обеспечение для создания концептуальных карт не имеет многих функций Illustrators. Наиболее близким был бы Omnigraffle, но в нем отсутствует функция рукописного ввода.
Всем привет; было бы лучше, если бы вы начали новый вопрос с вашим нижним редактированием.
Хорошо, я просто удаляю это редактирование. Я думаю, что нет такого программного обеспечения, кроме, возможно, Microsoft Visio, я должен проверить это.
теперь ветка ответов на вопросы сбивает с толку. потому что это 2 отдельных вопроса и ответы, которые определенно нужно разделить. Кроме того, прямой отбор не дает полного ответа на вопрос. Он делает только на очень ограниченном уровне то, что вы хотите. и присутствовал в первом векторном программном обеспечении 1970-х годов. Но, честно говоря, я и подумать не мог, что вы меня так просто завели :) Увидев оригинальную формулировку, я впал в ступор. @Scott, есть ли у модов способ разделить вещи, или я просто удалю свой ответ.
Оставьте свой ответ @joojaa, это очень актуально. Во всяком случае, их можно было бы объединить, но даже по отдельности (даже если один из них закрыт) они добавляют ценность. Я и Илан ответили на строгий вопрос без комментариев (как в Иллюстраторе). Вы просто предложили альтернативы (как же без Illustrator). Хотя на мой взгляд все верно.
@joojaa Редактирование вопроса часто меняет действительность ответов на этот конкретный вопрос. Это случилось со мной. Однако посмотрите на это с точки зрения Google... кто-то, кто столкнется с этим вопросом, найдет ваш ответ очень полезным.

Ответы (2)

Отвечу на сам вопрос - т.е. как двигать объекты вместе в Illustrator именно так, как вы спрашиваете.

Предположим, у вас есть эта картинка, где есть 5 прямоугольников и 4 прямые линии, указывающие, как указано -

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

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

Для этого вы нажимаете на инструмент Direct Direction (или нажимаете Aна клавиатуре)-

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

Затем вы делаете прямоугольник выделения, выбирая весь серый прямоугольник и точки прямых линий, которые касаются прямоугольника -

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

Вы должны увидеть, что все точки имеют сплошной цвет = выделены, а другие точки имеют белый цвет = не выделены - в точности как на картинке.

Теперь вы размещаете указатель над любой частью выбранных объектов (обычно Ai отмечает слово «путь», когда вы над каким-либо рассматриваемым объектом), затем вы щелкаете и начинаете перетаскивать в любое место, которое вы хотите — все объекты будут перемещаться по мере того, как вы ожидать, что они переместятся (в вопросе я имею в виду) -

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

или же

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

Подобным образом вы можете двигать любой объект как хотите: выбираете ближайшие точки привязки и готово.

Я бы порекомендовал что-то вроде:

  • yEd , раньше часто этим пользовался, сегодня не очень. Вероятно, лучше всего подходит для простых и умеренно сложных вещей. Хорошая поддержка разных форматов.
  • Gephi , для красивых ориентированных графов с большой силой.
  • Тюльпан , не использовал больше одного раза, вроде нормально
  • graphwiz , я использую это все время, а затем делаю последние штрихи в иллюстраторе. Это, вероятно, создало образ, который у вас есть.
  • Mathematica , но это может быть излишним.

Изображение сделано с помощью yedit и Illustratr

Изображение 1: (случайный) график, созданный с помощью комбинации yEd и Illustrator.

Причина в том, что вы хотите иметь программное обеспечение, которое может дать вам хороший автоматический макет. Или вы в конечном итоге делаете много работы. Другие вещи, если вам нужны веб-страницы или другие параметры, посмотрите на:

  • graphdracula , использует Рафаэля .
  • d3js , см. примеры , очень хорошие интерактивные графики для веб-страниц. Вы можете просто скопировать содержимое тега SVG и поместить в файл, если хотите открыть его в иллюстраторе.
  • Google диаграммы

Другое программное обеспечение на заметку:

  • Microsoft Visio, насколько мне известно, не имеет автоматического макета

РЕДАКТИРОВАТЬ в ответ на измененный вопрос:

Нет, к сожалению, линия не может следовать за объектами. Но да, вы можете перемещать их одновременно, да. Что нельзя привязывать объект к строке. Это не является целью приложения. Можно ли заставить его работать? Возможно, я экспериментировал с API в этом направлении. Его можно заставить работать, но id не видит большого рынка для этого без автоматического макета. Алгоритмы автоматической компоновки графиков немного сложны. Когда я приложил некоторые усилия и спросил в своей местной академии, есть ли там кто-нибудь, кто изучает это, я получил пустые взгляды. Статьи в этой теме немного сложны для чтения, и до сих пор мне удалось реализовать только 3 из самых тривиальных процедур со значительными усилиями (и две очень неэффективные мои собственные). У меня нет планов что-либо делать по этому поводу.

Абсолютно. Illustrator вообще не инструмент для этого; все приведенные выше примеры будут более гибкими, простыми, стильными, последовательными и устойчивыми.
Могу ли я предложить вам добавить диаграммы Google?
Спасибо Joojaa, поэтому я не могу легко выполнить эту простую задачу в Illustrator. Это все, что я хотел знать, похоже, мне придется дождаться ZoomNotes для Mac.
@jhegedus Вы можете выполнить часть работы в другом месте, а затем экспортировать ее в иллюстратор, это то, что я делаю. Это не так уж и важно.
@RandomO'Reilly Готово. Если у кого-то есть еще, я рад добавить их сюда и, конечно же, в свою коллекцию.
Учитывая, что это в основном вопрос визуализации сети, вот еще несколько (некоторые могут быть не такими уж важными, но вы можете извлечь из этого что-то интересное) visualsquirrel.wordpress.com/2014/03/10/…