Иллюстратор: как создать спирограф?


13

Я пытаюсь создать спирограф в Illustrator согласно приложению. Как мне это сделать? С чего начать?

спирограф

Ответы:


16

Итак, спирограф - это просто функция, и я создал скрипт для рисования функций с именем jooGraphFunction . С этим инструментом под рукой мы можем пойти и построить

cos(2*t)*(10*cos(12*t)) -sin(2*t)*(26*sin(12*t)) 
sin(2*t)*(10* cos(12*t)) +cos(2*t)*(26*sin(12*t)) 

за пределы диапазона , 0чтобы PIс ступая , PI/24и вы получите. Где 12 - количество лепестков.

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

Изображение 2 : Скриншот графического интерфейса jooGraphFunction и нескольких альтернативных версий с разным количеством лепестков.

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

Изображение 2 : Рисование с таким же количеством лепестков, как у вас (36), выполнено в той же технике.

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


Я не знаю вариантов для jooGraphFunction, но альтернативой с открытым исходным кодом является LaTeX + TikZ. Вы можете написать скрипт, экспортировать его в формате PDF и импортировать как векторную графику в Illustrator. Matlab / Octave также может экспортировать хорошую векторную графику.
Кроули

Это потрясающе, именно то, что я искал. Мне нужно будет запустить и другие параметрические уравнения, и это так легко. Спасибо за потраченное на это время.
sabithpocker

@ Кроули, да, это довольно легко сделать с помощью множества различных инструментов. Скрипт лицензирован под MIT, ничто не мешает кому-либо испустить постскриптум или svg из него. Но этот сценарий был изменен в соответствии с иллюстрацией, потому что он пытается подогнать его по Безье. И не делайте это из сегментов, как большинство графических инструментов.
Joojaa

@joojaa Результаты TikZ и Matlab будут зависеть от выборки кривой, и оба могут отображать векторную графику. Если он затенен, Matlab экспортирует только растровые изображения, хотя ... Я бы хотел, чтобы вы ответили как на решение, так и на определение функции.
Кроули,

@Crowley Matlab может экспортировать векторы. Но да, я знаю, как работают tikz и matlab.
joojaa

8

Я знаю, что ОП требует Illustrator, но если вы не против потратить ноль € / $ на часть программного обеспечения, это встроенная функция в Inkscape .

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


Это интересно. Я никогда не пробовал Inkscape. Я попробую это.
sabithpocker

7

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

Чтобы получить очень похожий эффект, вы должны взять форму эллипса или эллипса, а затем повернуть и скопировать ее несколько раз. Угол поворота должен составлять несколько градусов, на которые делится 360 °.

Типичный способ сделать ваш пример:

  • Нарисуйте свой эллипс с помощью Ellipseинструмента (ярлык L);
  • Убедитесь, что эллипс имеет ход и не заполнен;
  • Пока эллипс выбран, переключитесь на Rotateинструмент ( R);
  • С вашего Left Altнажатия, нажмите центр эллипса - это регистрационный знак должен быть уже виден там. Ваш курсор должен быть точным крестом с тремя точками сбоку;
  • В появившемся диалоговом окне выберите угол (θ), который при умножении на целое число (n) дает 360 °;
  • Нажмите Copy;
  • Выберите Object > Transform > Transform Againили нажмите Cmd / Ctrl+ Dнесколько раз (n-2), пока ваша фигура не будет завершена.

В качестве альтернативы, вы можете использовать динамический эффект Transform для этого и сохранить редактируемые форму и количество копий:

  • Нарисуйте эллипс без заполнения, как указано выше;
  • С выбранной формой выберите Effect > Distort & Transform > Transform...;
  • Выберите угол θ под заголовком «Повернуть». Не трогайте настройки «Масштаб» или «Переместить» (пока);
  • Введите количество копий n-1 внизу диалога;
  • Нажмите OK.

Этот эффект динамически применяется к базовой фигуре, вы можете редактировать фигуру, и эффект будет следовать ее примеру. Вы также можете double clickпо эффекту в Appearanceпалитре отредактировать его. Таким образом, вы можете создать несколько различных фигур в один миг.

Вы можете поэкспериментировать со всеми другими настройками, чтобы создать самое удивительное искусство. Флажок Previewпозволяет вам взглянуть на то, что вы достигаете.

Для дополнительного удовольствия вы можете сделать этот трюк с заполненной формой, которая имеет любой ненормальный режим смешивания и / или непрозрачность ниже 100%.

смешивая спирограф


1
Круто, позвольте мне попробовать. Но похоже, что это приближение к спирографу, который представляет собой непрерывную одиночную линию, а не повторяющиеся эллипсы.
Сабитпокер

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

@Lucian Вывод, который вы показали, просто ВАУ. Я сам являюсь программистом Javascript и сделал код для спирографа , но никогда не пробовал использовать AI Scripting. Я тоже попробую.
sabithpocker

4

Это превосходное видеоурок, который слишком длинен, чтобы его здесь объяснять, но есть разные способы создания спирографов непрерывной линии в Illustrator.

TL / DR; создавать эллипсы, вращать-дублировать их и убирать лишние точки.

Убедитесь, что у вас включены умные направляющие («Просмотр»> «Умные направляющие»)

  1. создать эллипс, который выше, чем шире (только штрих, без заливки)
  2. с помощью rинструмента « Поворот» option+ щелкните на верхнем якоре и введите угол, который при умножении на целое число (n) даст 360 °. щелчокCopy
  3. Теперь optionнажмите + на вновь созданном эллипсе, в противоположной точке.
  4. продолжайте дублировать форму, пока у вас не будет (n) фигур.
  5. Используйте aинструмент, чтобы выделить все точки в центре вашего спирографа и удалить их.
  6. Присоединяйтесь к путям ( cmd+ j)
  7. Shift+ перетащите вокруг последней созданной точки в последней дублированной фигуре, чтобы отменить ее выбор
  8. Преобразование выбранных опорных точек для плавного нажатия на кнопку в меню «Опорная точка»
  9. выберите оставшиеся негладкие точки и cmd+ shift+ option+, jчтобы соединить точки, выберите «Гладкая»

Это звучит как очень хороший метод. Придется попробовать самому!
Винсент

0

Обратите внимание, что я использую Illustrator CS 6 Различия в ярлыках или появлении выделенного инструмента в других версиях :-)

Сначала сделайте круг (нажмите L или используйте инструмент затмения) введите описание изображения здесь

Затем используйте круг, чтобы сделать форму лепестка (нажмите E или используйте инструмент Свободное преобразование), перетаскивая только правую или левую сторону, нажимая alt, чтобы иметь равную форму. введите описание изображения здесь

Затем сделайте нижний кончик лепестка (нажмите Shift + C или используйте инструмент Convert Anchorpoint) введите описание изображения здесь

Выберите две точки влево и вправо, затем отрегулируйте их вверх, чтобы получить заданную форму (нажмите кнопку A или инструмент прямого выбора и клавишу «Коррекция вверх») введите описание изображения здесь

Изменить местоположение привязки (нажмите R + Alt + Location - см. Ссылку для моего местоположения) введите описание изображения здесь

Поверните лепесток на 5 повторов в зависимости от желаемого изображения (360/5 = 72) (нажмите R или используйте инструмент поворота + введите угол, затем нажмите COPY ). Повторите копирование (сделайте это 3 раза), нажав Ctrl D, пока копия подсвечен.

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

Отрегулируйте форму первого лепестка, если вам нужна идеальная звезда внутри.

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

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


0

Нарисуйте 1 эллипс ....

выбирать Effect > Distort & Transform > Transform...

Настройте параметры ....

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


Ну да, это просто не спирограф :) Похоже, но нет. Также это ответ Винсента. Но мне кажется, что два вопроса, которые не были одинаковыми, были объединены
joojaa
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.