Во-первых, давайте кратко познакомимся с понятиями инструмента «Перо» и контуров.
Инструмент «Перо» — это инструмент векторного рисования. Его преимущество заключается в том, что он может рисовать плавные кривые и сохранять эффект плавности после масштабирования или деформации. Векторное изображение, нарисованное с помощью инструмента «Перо», называется путем. Путь является векторным путем и может быть незамкнутым и открытым. Если начальная и конечная точки нарисованы одинаково, можно получить замкнутый путь. Теперь давайте нарисуем простой путь, как показано ниже. Выберите инструмент «Перо» на панели инструментов (сочетание клавиш P).

И сохраните параметры инструмента «Перо», как показано (над панелью инструментов): выберите второй метод рисования (простой путь) и отмените функцию резиновой ленты.

Затем щелкните по экрану ручкой, и вы увидите, что есть отрезки линий, соединяющие точки попадания. Удерживая нажатой клавишу Shift, можно удерживать нарисованную точку в целом кратном 45 градусам от предыдущей точки (например, ноль градусов, 90 градусов)
Позволяет рисовать горизонтальные или вертикальные сегменты линий (клавиша Shift нажимается, начиная с 5-й точки на рисунке)

Из приведенного выше простого упражнения выводим два правила:
- Мы не рисовали сегменты линий напрямую, а определяли положения каждой точки, а программное обеспечение соединяло точки, образуя линии.
- Формой (направлением, расстоянием) отрезка линии управляет не сам отрезок, а положение каждой точки в отрезке.
Два термина, которые следует запомнить:
- Эти точки называются опорными точками.
- Отрезки линий между опорными точками называются сегментами.
Точки привязки, которые мы только что нарисовали, также называются линейными опорными точками, поскольку отрезки между ними представляют собой прямые линии.
Теперь давайте нарисуем изогнутую опорную точку.

Мы видим, что при рисовании второй и последующих опорных точек и перетаскивании линии направления форма кривой также меняется.
Как генерируются кривые и как мы контролируем форму кривых? Помимо направления и расстояния прямой линии, кривая имеет дополнительную форму кривизны. Направление и расстояние можно получить, просто изменив положение опорной точки, но как контролировать кривизну?
Как показано на рисунке, выберите «Инструмент прямого выделения» на панели инструментов и обратите внимание на полую стрелку внизу.

Предположим, что четыре опорные точки, которые мы только что нарисовали, — это ABCD.
Используйте «Инструмент прямого выбора», чтобы выбрать сегмент между AB, и вы увидите линию направления, которую мы определили, когда только что рисовали опорную точку AB.

Присмотритесь к этим двум направляющим линиям и представьте себе следующее:
Человек хочет пройти из точки А в точку Б. При старте из точки А другие люди в точке А будут видеть, что он идет вверх и вправо, а человек в точке Б увидит, что он идет в направлении вверх и вправо. направление вниз. Направление вправо основано на результатах наблюдения из двух мест. Вы можете определить маршрут, по которому идет этот человек: это должна быть верхняя дуга, похожая на крышку горшка. Теперь мы выбираем «Инструмент точки преобразования», как показано на рисунке. Этот инструмент используется для изменения линии направления.

Затем измените линию направления в опорной точке AB, как показано на рисунке ниже. Обратите внимание, что в конце линии направления есть маленькая точка. ручка». Вам нужно щелкнуть по положению ручки, чтобы изменить ее. Линия направления

В сочетании с только что приведённой метафорой нетрудно понять:
- Изменение линии направления опорной точки B вниз эквивалентно указанию тому, что человек должен начинать сверху от точки A и входить снизу от точки B, тогда пройденное расстояние будет иметь форму буквы S.
- Затем измените направляющую линию опорной точки A вниз, что эквивалентно началу снизу точки A и затем входу снизу точки B. Выбранный путь представляет собой нисходящую дугу.
Измененная линия направления показана ниже:

Поняв влияние направления линии направления на форму кривой, давайте посмотрим на влияние длины линии направления. Как показано ниже, перетащите линию направления в том же направлении: (Вы можете использовать . «Инструмент прямого выбора»)

Для опорной точки, если линия направления длиннее, тем длиннее будет кривая в этом направлении, и наоборот <BR>Вы можете представить, что кривая представляет собой резиновую ленту с двумя концами в начале и в конце в любом направлении. Чем больше сила, тем резинка будет двигаться ближе в этом направлении. Напротив
Помимо изменения опорной точки, вы также можете использовать «Инструмент прямого выбора», чтобы изменить форму кривой клипа, как показано ниже:

Примечание. Нельзя сказать, что это «изменение фрагмента», но следует сказать, что это «изменение двух опорных точек одновременно».
Помните принцип:
фрагменты состоят из опорных точек. Только изменяя опорные точки, можно изменить форму фрагмента. Это необратимая причинно-следственная связь <BR> Подведем итог:
Для двух опорных точек BC на этой кривой, за исключением начальной и конечной точек, есть две направляющие линии:
Одна из них — это «идущая» линия направления от предыдущей опорной точки; другая — «идущая» линия направления, ведущая к следующей опорной точке. Для начальной точки существует только «идущая» линия направления для конечной точки; есть только линия направления «вперед». Сделаем небольшое упражнение под линией направления «вперед», как показано на рисунке:

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

Хотя требования соблюдены, на таком пути используются 4 опорные точки. Посмотрите на картинку ниже:

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

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

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

Помните один принцип: чем меньше количество опорных точек для рисования кривой, тем лучше. Если количество опорных точек увеличится, это не только увеличит количество шагов рисования, но и будет неблагоприятно для последующих модификаций. момент, у вас обязательно возникнут две проблемы:
- Кажется, две опорные точки способны охватить все формы кривых?
Эта точка зрения явно ошибочна. Например, кривая, которую мы нарисовали в первом примере, требует более двух опорных точек. - Итак, как минимизировать количество используемых опорных точек?
На самом деле здесь скрыт еще один вопрос: где находится лучшая точка привязки?
Вот правила, которые я лично суммировал:
Форма кривой между двумя опорными точками делится на две категории: C-образная и S-образная.
Ниже приведены несколько форм формы C:

Линии их направления следующие:

Ниже приведены несколько форм S-образных кривых:

S-образная направляющая линия показана ниже:

Анимация ниже демонстрирует точку разделения между формой C и формой S при настройке линии направления.

Поняв (и поняв) формы двух кривых C и S, вы можете проанализировать, сколько опорных точек необходимо перед рисованием. Фактически это означает анализ того, сколько можно нарисовать одной кривой (C-образной или S-образной). ). Хотя количество опорных точек в области рисования может отражать уровень и навыки рисовальщика, для большинства людей этого достаточно, если оно соответствует потребностям. Поэтому при рисовании в этом нет необходимости. быть слишком требовательным к сокращению количества опорных точек.
Теперь давайте нарисуем форму М, похожую на логотип McDonald's. Сначала мы представим три процесса. Пожалуйста, сначала внимательно прочтите текстовое описание, а затем посмотрите анимационную демонстрацию. Первый метод: после завершения рисования измените «направление». вторая опорная точка — направляющая линия, и положение опорной точки можно соответствующим образом перемещать (после рисования удерживайте нажатой клавишу Ctrl и щелкните в любом месте за пределами контура, чтобы завершить рисование).

Среди них мы заметили явление:
Когда вы создаете новую опорную точку кривой и перетаскиваете ее направляющую линию, то, что на самом деле перемещается с помощью мыши, — это линия направления «движения», в то время как направление «движения» всегда находится под горизонтальным углом 180 градусов с ней, и Длина также одинакова. Поэтому, хотя изначально мы должны установить «направление движения» второй опорной точки вверху справа, чтобы получить правильное «направление движения», мы должны сначала установить его в правом нижнем углу. а затем измените его отдельно после завершения рисунка. Его «пункт назначения».
Этот метод можно описать как «выбросить, чтобы оно продолжало приходить» (точно так же его можно также «выбросить, чтобы оно продолжало приходить»)
Это очень неудобно при рисовании большого количества опорных точек, поскольку не всегда можно увидеть правильную кривую.
Теперь мы представляем второй процесс рисования:
После установки второй опорной точки и определения линии направления, следующей за «направлением движения», измените линию направления «направления движения» так, чтобы кривую можно было нарисовать правильно (после рисования удерживайте нажатой клавишу Ctrl и щелкните в любом месте за пределами пути, чтобы закончить рисунок)