Як робляться ці круті, лінійні кадри?


19

лінія кадру 1 лінія кадру 2

Я люблю і завжди був містифікований таким видом накрученого дизайну.

Після + 10 років, працюючи графічним дизайнером, я все ще не можу обернути голову, як це робиться. Геометрична вигнута конструкція в цілому.

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

Хтось із вас працював над цією технікою на Illustrator? Який підхід?


Чому потрібно повідомити нам, що ти маєш 10+ років як дизайнер? Просто цікаво, яку користь це додає до питання.
DᴀʀᴛʜVᴀᴅᴇʀ

Їх ... намалювали так? Не знаєте, як відповісти на це. Вони являють собою сегменти кривих, з'єднаних між собою. Та сама концепція, як використання французьких кривих перед комп'ютером.
DA01

@ DA01 Добре бачите, що люди до 30 років, можливо, ніколи не бачили французьких кривих чи намальованих на папері лінійками та циркуль. Просто кажу.
joojaa

1
@joojaa ах .... так, ну ... ОК, я бачу вашу думку. Але заперечує хто-небудь, що має мати графічний дизайнер. Це як архітектор, не знаючи, що таке правитель архітекторів. Так, вони не обов'язково використовують його, але це стосується дернової / історії професії. :)
DA01

@ DA01 Ви побачите, що часто люди знають багато речей, вони просто не в змозі поєднати цей знання на ціле і застосувати його в конкретних випадках. Так і має бути одне, але якщо це ще не важливо, пояснити це. Все, що можна сказати, - це мені зрозуміло, що було б очевидно, що студент 4 курсу магістратури машинобудування знає тригонометрію. Мабуть, добра третина з них - не дуже. Але так, у мене була схожа реакція на колінний ривок.
joojaa

Відповіді:


24

Є багато способів наблизитись до цього. Ви маєте рацію, криву не потрібно робити з одного шматка, її можна побудувати з декількох частин. Насправді одна крива може бути побудована з декількох кривих.

Я відповів на подібне запитання щодо спіральних ковпачків , в основному те саме стосується і тут. Коли ви робите це, ви створюєте початкову форму, а потім обертаєте і дзеркально обмальовуєте її. Пізніша картина - чудовий приклад цього. Криві можна побудувати, наприклад, за допомогою двох сусідніх дуг. Також може бути ліберальне повторне використання єдиного намальованого контуру, зміщення, дзеркало та розрізи колами та лініями.

По-друге, конструкція може бути побудована з іншої функції, ніж спіраль. Незважаючи на те, що оснащення сіткою, виготовленою вручну, досягає аналогічної точності лінії. Знову хитрість полягає в тому, щоб відобразити і обертати симетричні частини та відрізки ліній.

побудова петлі

Зображення 1 : Побудова повторюваного малюнка

Ведення точної роботи в Illustrator залежить від майстерності інструменту Line , Ellipse інструмент , Rotate Tool , Mirror Tool , Scale Tool і перекосу інструменту . З них найскладнішим є оволодіння лінійним інструментом, оскільки оволодіння ним, а інструмент еліпса залежить від того, ви знаєте, як використовувати діалогове вікно Alt. І для лінійного інструменту є 2 причини для цього!

користувацькі посібники з будівництва за змістом

Зображення 2 : Створіть власні будівельні посібники, і ви можете вирізати та приєднати їх до вмісту серця.

Як це зроблено (підручник, відповідно до запиту)

Щоб відповісти на коментар про те, як це зроблено, я окреслю процес створення Зображення 1 .

  1. Малювання основних ваших путівників.

    • Почніть з малювання овалу та невеликого відрізка лінії в середині овалу. Лінія є, тому я можу легше приєднатися до центру обертання (в кінці рядка)

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

      Зображення 3 : Не забудьте позначити центр обертання, так простіше

    • Використовуйте інструмент обертання для обертання напрямної, в цьому випадку на 90 градусів, але ви можете використовувати будь-який інший кут. Порада : Alt+ Клацніть, щоб розмістити поворот і відкрити діалогове вікно для цифрового введення.

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

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

      Зображення 4 : Витратьте час на виготовлення напрямних.

    • Вам потрібно підготуватися до вирізання овалів на їх перетинах і після (або на) крива починає опускатися вниз до дзеркальної лінії. Для цього готую перпендикулярну лінію зрізу та дзеркальну лінію.

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

      Зображення 5 : Підготуйте лінії зрізу

    • Скопіюйте один з овалів і зробіть новий шар, наклейте овал спереду. Зафіксуйте направляючий шар.

  2. Побудова форми.

    • Видаліть нижню половину овалу.

    • Вставте крапку на першому перетині овалу і розріжте овал на 2 на овальному до овального перетину.

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

      Зображення 6 : Наріжте шматочками

    • Дзеркальна копія сегмента над дзеркальною лінією та з'єднайте криві. Порада : якщо Illustrator вставить проміжок між просто переміщенням однієї точки на бічний проміжок видалення, переміщення назад та повторне з'єднання, криві тепер вказують так само, і зайвого прольоту не буде.

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

      Зображення 6 : Приєднуйтесь до дзеркала

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

      Зробіть дотичну трохи коротшою, ніж ширина зазору в найближчих точках (або однаково широких). Можна налаштувати, як округнутий край, зробивши довший дотичний. Я роблю форму трохи більш загостреною, ніж в оригінальному прикладі, щоб показати, що можна вільно змінювати форму.

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

      Зображення 7 Зробіть дотичну симетричною та перпендикулярною до дзеркальної лінії

    • Перетягніть криву точку назад по лінії симетрії, поки ви не отримаєте приємну асимптотичну поведінку.

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

      Зображення 8 Налаштування петлі.

    • Сховати напрямні та дзеркало / обертатись та приєднуватися.

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

      Зображення 9 Фінальне зображення.

Опублікувати scriptum

Зрештою, я хотів би сказати, що графік функції:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Урожай:

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

Я здогадуюсь, що багато способів скинути кота.


Чудова відповідь, дякую! Я все ще хотів би побачити трохи глибше уявлення про техніку, з покроковим відтворенням деяких фігур, які я розмістив, дуже цікаво про деякі з них і про те, який робочий процес (які булеви використовувати, інструментальні методи) тощо), чи потрібно. Але це занадто багато просить. Ще раз дякую за приємний пост. Допомагає і той про спіральні ковпачки.
МістерМеррік

@MrMerrick Done
joojaa

Дякую за те, що знайшли час і зусилля, щоб відповісти на @joojaa. Пропущений фрагмент головоломки для мене використовував ті лінії, що допомагають симетрії, де я можу прив’язати точки вздовж них, щоб вдосконалити фігури. Я звик працювати з дзеркальними речами, щоб створити геометричні твори мистецтва, але коли справа доходить до кривих та більш текучих робіт, у мене виникли проблеми, щоб вона виглядала гладкою. Я вкладу час, щоб приручити цей інструмент для дуги. Чи можу я задати 2 заключних питання? 1- що ви маєте на увазі під майстерністю лінійного інструменту? Я використовую лише alt або для того, щоб рости в протилежному напрямку свого походження, або alt + клацання, щоб отримати діалогове вікно створення. Є те, що його?
МістерМеррік

і 2- На малюнку 2, як ви робите ці хвилясті лінії настільки жахливо гладкими? Це просто дуговий інструмент чи це фактично обмежений точкою за точкою (утримуючи зсув під час розміщення та перетягування точок) безьє? Це найдаліше, що я отримав із інструментом дуги + суміш , що смішно.
МістерМеррік

@MrMerrick - це єдиний проміжок часу. У будь-якому разі не використовуйте дуговий інструмент його марно. Така ж марність стосується всіх інших інструментів форми, крім спіралі, лінії та еліпса. Незважаючи на це, інструмент еліпса є менш оптимальним. Новий ілюстратор також має новий інструмент кривої, який кращий, ніж безьє. B-сплайни і спірокруги просто вищі.
joojaa
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.