Инструмент «Перо» — это инструмент векторного рисования. Его преимущество заключается в том, что он может рисовать плавные кривые и сохранять эффект плавности после масштабирования или деформации. Векторная графика, нарисованная с помощью инструмента «Перо», называется контурами. Контуры — это векторные пути, которые могут быть незамкнутыми и открытыми. Если начальная и конечная точки нарисованы одинаково, можно получить замкнутый путь.
Теперь давайте нарисуем простой путь, выберите инструмент «Перо» (сочетание клавиш P) на панели инструментов, как показано ниже:
Рисунок 1
Сохраните параметры инструмента «Перо», как показано (над панелью инструментов): выберите второй метод рисования (простой путь) и отмените функцию резиновой ленты.
Рисунок 2
Затем щелкните по экрану ручкой, и вы увидите, что есть отрезки линий, соединяющие точки попадания. Продолжайте нажимать клавишу Shift, чтобы сохранить нарисованную точку и предыдущую точку под углом, кратным 45 градусам (например, как ноль градусов, 90 градусов градусов), чтобы можно было рисовать горизонтальные или вертикальные отрезки линий (клавиша Shift нажимается, начиная с 5-й точки на рисунке).
Рисунок 3
Из приведенного выше простого упражнения выводим два правила:
Мы не рисовали сегмент линии напрямую, а определяли положение каждой точки, а программное обеспечение соединяло точки для формирования линии. Форма (направление, расстояние) сегмента линии контролируется не самим сегментом, а самим отрезком. положение каждой точки на отрезке. Два термина, которые следует запомнить:
Эти точки называются опорными точками.
Отрезки линий между опорными точками называются сегментами.
Точки привязки, которые мы только что нарисовали, также называются линейными опорными точками, поскольку отрезки между ними представляют собой прямые линии.
Рисунок 4
Теперь давайте нарисуем изогнутую опорную точку.
Мы видим, что когда мы рисуем вторую и последующие опорные точки и перетаскиваем направляющую линию, форма кривой также меняется.
Как генерируются кривые и как мы контролируем форму кривых? Помимо направления и расстояния прямой линии, кривая имеет дополнительную форму кривизны. Направление и расстояние можно получить, просто изменив положение опорной точки, но как контролировать кривизну?
Как показано на рисунке, выберите «Инструмент прямого выделения» на панели инструментов и обратите внимание на полую стрелку внизу.
Рисунок 5
Предположим, что четыре опорные точки, которые мы только что нарисовали, — это ABCD. Используйте «Инструмент прямого выбора», чтобы выбрать сегмент между AB. Вы увидите линию направления, которую мы определили, когда только что рисовали опорные точки AB.
Рисунок 6
Присмотритесь к этим двум направляющим линиям и представьте себе следующее:
Человек хочет пройти из точки А в точку Б. При старте из точки А другие люди в точке А видят, что он идет вверх и вправо. Человек в точке Б увидел, что он идет вниз и вправо. Затем объедините результаты наблюдений из двух мест. Можно сделать вывод, что маршрут, по которому идет этот человек: это должна быть верхняя дуга, похожая на крышку кастрюли.
Теперь мы выбираем «Инструмент преобразования точки», как показано на рисунке, который используется для изменения линии направления.
Рисунок 7
Затем измените линию направления в опорной точке AB, как показано на рисунке ниже, и вы увидите изменение кривизны кривой. Обратите внимание, что в конце линии направления есть маленькая точка. Эта точка называется «манипулятором». Чтобы изменить линию направления, необходимо нажать на положение ручки.
Рисунок 8
В сочетании с только что приведённой метафорой нетрудно понять:
Изменение линии направления опорной точки B вниз эквивалентно указанию тому, что человек должен начинать сверху от точки A и входить снизу от точки B, тогда пройденное расстояние будет иметь форму буквы S. Затем измените направляющую линию опорной точки A вниз, что эквивалентно началу снизу точки A и затем входу снизу точки B. Вы идете по нисходящей дуге. Измененная линия направления показана ниже:
Рисунок 9
Поняв влияние направления линии направления на форму кривой, давайте посмотрим на влияние длины линии направления. Как показано ниже, перетащите направляющую линию в том же направлении: (Вы можете использовать «Инструмент прямого выделения»).
Рисунок 10
Для опорной точки, если линия направления длиннее, расстояние, которое проходит кривая в этом направлении, будет больше, и наоборот. Вы можете представить, что кривая представляет собой резиновую ленту, к которой две силы тянут в соответствующих направлениях на головном и хвостовом концах. В каком бы направлении сила ни была больше, резинка будет двигаться ближе в этом направлении. Напротив.
Помимо изменения опорных точек, вы также можете использовать «Инструмент прямого выбора», чтобы изменить форму кривой клипа. Как показано ниже:
Рисунок 11
Примечание. Это не означает «изменение фрагмента», а скорее «изменение двух опорных точек одновременно».
Помните принцип: фрагменты состоят из опорных точек. Только изменяя опорные точки, можно изменить форму фрагмента. Это необратимая причинно-следственная связь.
Подведем итог:
Для двух опорных точек BC на этой кривой, за исключением начальной и конечной точек, есть две направляющие линии:
Одна из них — это «идущая» линия направления от предыдущей опорной точки; другая — «идущая» линия направления, ведущая к следующей опорной точке. Для начальной точки существует только «идущая» линия направления для конечной точки; есть только «идущая» линия направления.
Давайте проделаем небольшое упражнение ниже, как показано на рисунке:
Рисунок 12
Теперь вас попросят нарисовать кривую между двумя красными точками, которая точно повторяет контур мыши. Скорее всего то, что вы нарисовали, выглядит как на картинке ниже.
Рисунок 13
Хотя требование соблюдается, на таком пути используются 4 опорные точки. Посмотрите на картинку ниже:
Рисунок 14
Здесь нарисован тот же эффект кривой, используя только две опорные точки. Переместите две красные точки и нарисуйте еще раз. Вероятно, это тот эффект, который вы рисуете.
Рисунок 15
Фактически, вам нужно использовать всего две опорные точки, чтобы нарисовать эту кривую, как показано ниже:
Рисунок 16
Чтобы нарисовать еще одну линию в другом положении, необходимы только две опорные точки, как показано ниже:
Помните одно правило: чем меньше опорных точек вам понадобится для построения кривой, тем лучше. Потому что если количество опорных точек увеличится, это не только увеличит количество шагов рисования, но и будет неблагоприятно для последующих модификаций.
На этом этапе у вас наверняка возникнут два вопроса:
Кажется, две опорные точки способны охватить все формы кривых? Эта точка зрения явно ошибочна. Например, кривая, нарисованная в нашем первом примере, требует более двух опорных точек. Итак, как минимизировать количество используемых опорных точек?
На самом деле здесь скрыт еще один вопрос: где находится лучшая точка привязки? Вот правила, которые я лично суммировал:
Форма кривой между двумя опорными точками делится на две категории: C-образную и S-образную.
Ниже приведены несколько форм формы C:
Рисунок 17
Линии их направления следующие:
Рисунок 18
Ниже приведены несколько форм S-образных кривых:
Рисунок 19
S-образная направляющая линия показана ниже:
Рисунок 20
Анимация ниже демонстрирует точку разделения между формой C и формой S при настройке линии направления.
Рисунок 21
После понимания (и понимания) формы двух кривых C и S. Перед рисованием вы можете проанализировать, сколько опорных точек необходимо. По сути, это анализ того, сколько областей можно нарисовать кривой (С-образной или S-образной).
Хотя количество опорных точек может отражать уровень и мастерство рисовальщика. Но для большинства людей достаточно ровно столько, чтобы удовлетворить их потребности. Поэтому при рисовании не нужно слишком требовательно относиться к уменьшению количества опорных точек.
Теперь давайте нарисуем букву М, похожую на логотип McDonald's. Мы представим три процесса. Сначала внимательно прочтите текстовое описание, а затем посмотрите анимационную демонстрацию. Первый метод: после завершения рисования измените линию направления движения второй опорной точки и соответствующим образом переместите положение опорной точки. (После рисования удерживайте клавишу Ctrl и щелкните в любом месте за пределами контура, чтобы завершить рисование).
Рисунок 22
Среди них мы заметили явление:
При создании новой опорной точки кривой и перетаскивании ее направляющей линии. Фактически, когда мышь движется, это линия «идущего» направления, а «приближающееся» направление всегда находится с ней под горизонтальным углом в 180 градусов, и длина также одинакова. Поэтому, хотя изначально нам следует установить «ход» второй опорной точки вверху справа. Однако, чтобы получить правильное «направление движения», нам пришлось сначала установить его в правом нижнем углу, а затем изменить его «направление движения» отдельно после завершения рисования. Этот метод можно описать как «выбрасывать, чтобы оно продолжало приходить» (точно так же его можно также «разбрасывать, чтобы оно продолжало приходить»). Это очень неудобно при рисовании большого количества опорных точек, поскольку не всегда можно увидеть правильную кривую.
Теперь мы представляем второй процесс рисования:
После установки второй опорной точки и определения линии направления в соответствии с «направлением движения» измените линию направления «направления движения», чтобы кривую можно было нарисовать правильно. (После рисования удерживайте клавишу Ctrl и щелкните в любом месте за пределами контура, чтобы завершить рисование)
Рисунок 23