Ілюстратор: як створити спірограф?


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, але альтернативою open source є LaTeX + TikZ. Ви можете написати сценарій, експортувати його у форматі PDF та імпортувати його як векторну графіку в Illustrator. Matlab / Octave також може експортувати приємну векторну графіку.
Кроулі

Це дивовижно, саме те, що я шукав. Мені потрібно буде запустити й інші параметричні рівняння, і це спрощує це. Дякую за витрачений на це час.
sabithpocker

@Crowley так, це досить просто зробити в багатьох різних інструментах. Сценарій ліцензований під MIT, ніщо не перешкоджає випускати постскрипт або svg з нього. Але цей сценарій модифікований так, щоб він ілюстрував, тому що він намагається помістити Безьє. І не робити це з сегментів, як це робить більшість графічних інструментів.
joojaa

@joojaa результати TikZ та Matlab залежатимуть від вибірки кривої, і обидва можуть надавати векторну графіку. Якщо він затінений, Matlab експортує лише растрові карти ... Хочеться, щоб я міг підтримати вашу відповідь як за рішенням, так і за визначенням функції.
Кроулі

@Crowley 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), поки ваша цифра не завершиться.

Крім того, ви можете використати для цього динамічний ефект трансформації та зберегти форму та кількість копій, які можна редагувати:

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

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

Ви можете експериментувати з усіма іншими налаштуваннями, щоб зробити найдивовижніше мистецтво таким чином. Якщо встановити Previewпрапорець, ви зможете зазирнути до того, що ви досягаєте.

Для додаткових розваг і хихикань ви можете зробити цей трюк із заповненою формою, яка має будь-який ненормальний режим накладання та / або непрозорість нижче 100%.

суміш спірографа


1
Чудово, дозвольте спробувати. Але виглядає так, що це наближення до спірографа, який представляє собою суцільну єдину пряму, а не повторювані еліпси.
sabithpocker

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

@Lucian Вихід, який ви показали, просто WOW. Я сам програміст 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 або Використовуйте конвертувати інструмент для прив’язки) введіть тут опис зображення

Виберіть дві точки ліворуч та праворуч, а потім відрегулюйте її вгору, щоб мати задану форму (натисніть 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.