Как рисовать кривые в иллюстраторе: Как работать с кривыми в Illustrator CS5

Нарисуйте отрезки прямых линий с помощью инструмента «Перо»

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

1. Выберите инструмент «Перо».

2. Поместите инструмент «Перо» в то место, где должен начинаться прямой сегмент, и щелкните, чтобы определить первую точку привязки (не перетаскивайте).
   Примечание : первый нарисованный вами сегмент не будет виден, пока вы не нажмете на вторую точку привязки. (Выберите параметр «Резинка» в Photoshop для предварительного просмотра сегментов контура.) Кроме того, если появляются направляющие линии, значит, вы случайно перетащили инструмент «Перо»; выберите «Правка»> «Отменить» и щелкните еще раз.

3. Щелкните еще раз в том месте, где должен заканчиваться сегмент (щелкните, удерживая нажатой клавишу «Shift», чтобы ограничить угол сегмента кратным 45 °).

4. Продолжайте щелкать, чтобы установить точки привязки для дополнительных прямых сегментов.
   Последняя добавленная точка привязки всегда отображается в виде сплошного квадрата, указывая на то, что она выбрана. Ранее определенные точки привязки становятся пустыми и не выделяются по мере добавления дополнительных точек привязки.

5. Завершите путь, выполнив одно из следующих действий:

• Чтобы замкнуть контур, поместите инструмент Pen над первой (полого) точкой привязки. При правильном расположении рядом с указателем инструмента «Перо» y ‘появляется маленький кружок.Щелкните или перетащите, чтобы закрыть путь.

Примечание. Чтобы закрыть контур в InDesign, вы также можете выделить объект и выбрать «Объект»> «Контуры»> «Закрыть контур».

• Чтобы оставить путь открытым, щелкните, удерживая клавишу Ctrl (Windows) или Command (Mac OS), в любом месте вдали от всех объектов.
• Чтобы оставить контур открытым, вы также можете выбрать другой инструмент или выбрать «Выделение»> «Снять выделение» в Illustrator или «Правка»> «Отменить выделение всего» в InDesign.

Нарисуйте кривые с помощью инструмента «Перо»

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

Кривые

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

1. Выберите инструмент «Перо».
2. Расположите инструмент «Перо» в том месте, где должна начинаться кривая, и удерживайте кнопку мыши.
   Появится первая опорная точка, и указатель инструмента «Перо» изменится на стрелку. (В Photoshop указатель меняется только после того, как вы начали перетаскивать.)
3. Перетащите, чтобы задать наклон сегмента кривой, который вы создаете, а затем отпустите кнопку мыши.
   В общем, продлите направляющую линию примерно на одну треть расстояния до следующей точки привязки, которую вы планируете нарисовать. (Вы можете изменить одну или обе стороны направляющей линии позже.)
   Удерживайте клавишу Shift, чтобы ограничить инструмент до угла, кратного 45 °.

4. Расположите инструмент «Перо» в том месте, где должен заканчиваться сегмент кривой, и выполните одно из следующих действий:
* Чтобы создать C-образную кривую, перетащите в направлении, противоположном предыдущей направляющей линии. Затем выпускаем
кнопка мыши.

А. Начало перетаскивания второй точки сглаживания B. Перетаскивание от предыдущей линии направления, создание кривой C
C. Результат после отпускания кнопки мыши

• Чтобы создать S-образную кривую, перетащите в том же направлении, что и предыдущая направляющая линия. Затем отпустите кнопку мыши.

( только для Photoshop ) Чтобы резко изменить направление кривой, отпустите кнопку мыши, а затем перетащите с нажатой клавишей «Alt» (Windows) или «Option» (Mac OS) точку направления в направлении кривой. Отпустите клавишу Alt (Windows) или Option (Mac OS) и кнопку мыши, переместите указатель в то место, где должен заканчиваться сегмент, и перетащите в противоположном направлении, чтобы завершить сегмент кривой.

5. Продолжайте перетаскивать инструмент «Перо» из разных мест, чтобы создать серию плавных кривых. Обратите внимание, что вы размещаете опорные точки в начале и в конце каждой кривой, а не на ее конце.

Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), перетащите линии направления, чтобы разделить линии направления точки привязки.
6. Завершите путь, выполнив одно из следующих действий:
* Для того, чтобы закрыть контур, поместите инструмент Pen над первой (полого) точкой привязки. При правильном расположении рядом с указателем инструмента «Перо» появляется небольшой кружок. Щелкните или перетащите, чтобы закрыть путь.

Примечание : Чтобы закрыть контур в InDesign, вы также можете выбрать объект и выбрать «Объект»> «Контуры»> «Закрыть контур».

* Чтобы оставить путь открытым, щелкните, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), в любом месте вдали от всех объектов.

* Чтобы оставить контур открытым, вы также можете выбрать другой инструмент или выбрать «Выделение»> «Снять выделение» в Illustrator или «Правка»> «Отменить выделение всего» в InDesign.

Видео об использовании инструмента «Перо» в Illustrator см. На сайте www.adobe.com/go/vid0037.

.

Нарисуйте прямые линии, за которыми следуют кривые

1. Используя инструмент «Перо», щелкните угловые точки в двух местах, чтобы создать прямой сегмент.

2. Поместите инструмент «Перо» над выбранной конечной точкой. В Illustrator и InDesign значок точки преобразования появляется рядом с инструментом «Перо», если он расположен правильно (в Photoshop небольшая диагональная линия или косая черта отображается рядом с инструментом «Перо»). Чтобы задать наклон изогнутого сегмента, который вы создадите следующим, нажмите точку привязки и перетащите появившуюся направляющую линию.

   
   
   

   A. Прямой участок завершен B. Размещение инструмента «Перо» над конечной точкой (значок «Преобразовать точку» отображается только в Illustrator и InDesign) C. Точка направления перетаскивания

3. Расположите перо там, где вы хотите установить следующую точку привязки; затем щелкните (и перетащите, если необходимо) новую точку привязки, чтобы завершить кривую.

A. Удерживая инструмент «Перо» вниз B. Перетаскивание линии направления C. Завершено строительство нового участка кривой

.

Нарисуйте кривые, за которыми следуют прямые

1. Используя инструмент «Перо», перетащите курсор, чтобы создать первую гладкую точку изогнутого сегмента, и отпустите кнопку мыши.

2. Переместите инструмент «Перо» в то место, где должен заканчиваться изогнутый сегмент, перетащите его, чтобы завершить кривую, и отпустите кнопку мыши.

3. Поместите инструмент «Перо» над выбранной конечной точкой.Значок точки преобразования появляется рядом с инструментом «Перо», если он расположен правильно. Щелкните точку привязки, чтобы преобразовать точку сглаживания в точку угла.

4. Переместите инструмент «Перо» в то место, где должен заканчиваться прямой сегмент, и щелкните, чтобы завершить прямой сегмент.

C. Позиционирование инструмента «Перо» над существующей конечной точкой D. Щелчок на конечной точке E. Щелчок по следующей угловой точке

Нарисуйте два изогнутых сегмента, соединенных углом

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

2. Переместите инструмент «Перо» и перетащите, чтобы создать кривую со второй точкой сглаживания; затем нажмите и удерживайте Alt (Windows) или Option (Mac OS) и перетащите направляющую линию к ее противоположному концу, чтобы задать наклон следующей кривой.Отпустите клавишу и кнопку мыши.
   Этот процесс преобразует гладкую точку в угловую, разделяя направляющие линии.

3. Переместите инструмент «Перо» в то место, где должен заканчиваться второй изогнутый сегмент, и перетащите новую точку сглаживания, чтобы завершить второй изогнутый сегмент.

A. Перетаскивание новой точки сглаживания B. Нажатие Alt / Option для разделения линий направления при перетаскивании и поворота линии направления вверх C. Результат после изменения положения и третьего перетаскивания

Эта информация взята из файлов справки Adobe

Как нарисовать плавные кривые в Adobe Illustrator с помощью инструмента «Ширина»

Привет, в этом видео мы собираемся вывести инструмент ширины на новый уровень. Мы собираемся взять этот нарисованный от руки логотип и удивительно векторизовать его. То же самое и с этим здесь, мы возьмем этот рисунок Pen Tool и сделаем все эти крутые кляксы до кончиков.Хорошо, давайте узнаем, как это сделать сейчас в Illustrator.

Я открыл файл Width Tool1.ai. Мы собираемся нарисовать вот такую ​​кривую посередине. Вот логотип, который я сделал очень давно для компании Arctic Kiwi. Просто там есть действительно красивый вид новозеландского коралла. Горы, это то, что должно быть в любом случае, но мы хотим получить эту кривую, мы собираемся использовать инструмент Ширина. Мы рассмотрим некоторые из расширенных функций инструмента ширины.

Прежде всего нам нужно получить такую ​​форму кривой.Это может быть самым сложным, верно? Я собираюсь использовать инструмент Curvature Tool, он дает мне самую красивую кривую линию. Мы практикуем инструмент Curvature Tool, помните? Я собираюсь щелкнуть один раз. Теперь, если вы поставите две, недостаточно точки кривой . .. Я стараюсь быть очень экономным. И если вы знаете, наименьшее количество точек привязки обычно дает более приятную кривую. Это хорошо, но не так, как я хотел. Итак, что мы можем сделать, я собираюсь отменить и просто добавить еще одну или две дополнительные точки вместо того, чтобы идти до конца, я собираюсь, может быть, добраться туда.Может быть там. То есть. Там. Вы увидите, как это происходит, как будто он тянется назад и влияет на линию. Спасибо, Curvature Tool.

Теперь, если вы подойдете близко, и вы скажете: «На самом деле это вроде как близко, но не то, что я хотел», вы можете использовать белую стрелку, чтобы настроить это. Но, допустим, это действительно плохо, и у вас есть то, чего вы не хотели. На самом деле давайте сделаем дубликат здесь. Перед тем, как приступить к работе с инструментом «Ширина», сделайте небольшой небольшой трюк: если у вас есть что-то, что не очень красиво, вы можете использовать «Объект», «Путь», «Упростить».Видите ли, не всегда работает, просто есть небольшая корректировка. Мне показалось, что сейчас это просто более приятная кривая, особенно здесь, наверху, она вроде как на вершине. Вы можете поиграть с положением кривой и решить, сколько — не слишком беспокойтесь о том, где она находится на этом слайдере, потому что это просто как бы меняет формы. Так что просто потяните за собой, пока не найдете что-то вроде: «На самом деле, я думаю, это довольно хорошо». Нам там вроде нравится. Убедитесь, что предварительный просмотр включен.Также знайте, что иногда я использую его, и это действительно создает большой беспорядок, но я бы сказал, в 80% случаев он делает его немного лучше.

Как видите, теперь мне нравится эта кривая. До свидания, вы в … Я собираюсь включить фон, попытаться выровнять его. Когда вы рисуете это, не слишком беспокойтесь о фоновом рисунке, потому что он нарисован вручную, как будто это было мое хорошее предположение, чтобы попытаться сделать его красивым и пышным, но мы хотим получить что-то, что выглядит идеально и векторно.Не беспокойтесь об этом слишком сильно. Теперь посмотрим на инструмент «Ширина». Вот этот инструмент Width Tool, он как арфа или что-то в этом роде. Щелкните по нему. И самый простой способ сделать это — найти где-нибудь самую толстую точку этой линии, я просто растяну ее. Так что это довольно крутая вещь, если вы никогда не использовали ее раньше, но многие люди ее использовали. Так что есть несколько вещей, на которые вам нужно обратить внимание. Если я увеличиваю масштаб, потому что для начала я использовал размер шрифта 1 и ширину обводки 1 пункт, вы можете видеть, что он немного сглажен, это не то, что я хотел.После этого вы можете сделать одно из двух. Вы можете просто взять его и просто перетащить, чтобы он был красивым и плотным, или вы можете просто начать с действительно небольшого шрифта, прежде чем начинать его рисовать. Вам решать.

Еще кое-что, что нужно знать об инструменте «Ширина»: у вас может быть больше 1 точки. Вы можете видеть, что теперь вы можете отрегулировать это, имея много разных точек. Если вы получили что-то не в том месте, вы можете просто щелкнуть, удерживать и перетащить его центр. Вы можете видеть, вы можете перемещать его.Я собираюсь удалить их, щелкнув по нему. Я просто нажимаю «Удалить» на клавиатуре. Хватай и здесь. Еще мы можем сделать, допустим, я хочу, чтобы снаружи было немного больше. Скажи, что я хочу это там. Вы можете удерживать клавишу «Alt» на ПК или клавишу «Option» на Mac. И вы можете ухватиться за любую из этих сторон. Как видите, они работают независимо друг от друга. Если я отпущу его, они начнут работать вместе, пока я удерживаю клавишу «Option» или клавишу «Alt» на ПК, я могу как бы настроить только это, чтобы получить то, что я хочу это должно быть.Так что впереди еще много потрясающих инструментов Width Tool, но давайте просто закончим с этим. И я хочу столкнуться с одной из проблем, которые действительно есть у людей, и небольшим классным ярлыком, чтобы исправить это.

Допустим, я использую инструмент Curvature Tool. Я хочу нарисовать эти линии, но я хочу нарисовать их как отдельные линии, потому что происходит следующее: щелкните один раз, щелкните еще раз, щелкните там, и он соединится, это проще, я могу отключить. Теперь я хочу щелкнуть здесь. Ты, я не хочу, чтобы это присоединялось. Потому что он делает какие-то странные вещи, он просто хочет делать отдельные строки.Самый быстрый способ исправить это — выбрать его с помощью «Черная стрелка», удерживая «Command» на Mac или «Control» на ПК и нажмите «2». Он просто его запирает. Теперь это как бы заблокировано в фоновом режиме. Вернитесь к инструменту Curvature Tool, щелкните один раз, щелкните один раз. Тогда, наверху здесь, он не будет пытаться присоединиться к нему. Если мы удерживаем «Command 2», он просто снова блокирует его. Так что … легко поместить его на отдельный слой. Опять же, перестань это делать. Я собираюсь пойти «Команда 2», все заблокировано. Так что я могу продолжить свой веселый путь.Я, наверное, хочу присоединиться к некоторым из этих строк, но ничего страшного.

Так ты, мой друг, «Команда 2». Затем я беру инструмент Curvature Tool. Щелкните один раз, щелкните еще раз, снова наверху. Теперь вы думаете: «Они не соединены». Итак, небольшая хитрость: давайте обязательно разблокируем их все. Итак, в разделе «Объект» есть «Разблокировать все». По какой-то причине этот ярлык не работает на моей машине. Это было сделано кем-то еще, но мы можем захватить все эти точки привязки вверху. Итак, я использовал свою «Белую стрелу», я только что выбрал их все.Затем я могу перейти сюда, «Панель выравнивания», скажем, я хочу выровнять ее. «Выровнять по вертикали» и «Выровнять по центру по горизонтали». Теперь они просто накладываются друг на друга, отлично.

Итак, перейдем к нашему следующему примеру с инструментом ширины. Итак, во втором примере откройте «Инструмент ширины 2». И мы сделаем это в стиле Си Скотта. Обратите внимание на Си Скотта, у него потрясающие вещи, как будто это полная копия такого типа эффектов. Мы ищем такие отрывные концы и красивые изгибы.Мы собираемся сделать две вещи, давайте сначала сделаем слезу. Итак, я собираюсь взять … Мы будем использовать инструмент Curvature Tool, потому что мне легче делать эти кривые. Щелкните один раз, щелкните дважды. Сколько мне нужно? Я практиковал это пару раз, обучая этому, так что знаю, что мне нужно немного больше, чем обычно. Я хочу как бы зайти сюда, а потом, может быть, туда. Теперь я мог бы использовать Белую стрелу, чтобы привести их в порядок, но я счастлив, примерно так, как есть. У вас могли возникнуть проблемы — у меня не было заливки — если вам сложно рисовать, просто отключите заливку, прежде чем начинать рисовать.

Следующее, что я хочу сделать, это уменьшить толщину штриха, чтобы она была красивой и тонкой. Давайте возьмем инструмент ширины. Вот он там. У нас будет несколько вещей, одна из которых — Star Point. То, что вы обнаружите с помощью Star Point, — предположим, вы перетащите его в неправильном направлении, и это похоже, что не работает, просто перетащите его в противоположном направлении, поэтому я перетаскиваю его вниз. Так что это моя первая часть. Он неплохо справляется, правда? Следующее, что я хочу, это конец слезы. Итак, что мы сделаем . .. Я собираюсь приблизить этот совет.И вам нужно две части, я собираюсь нарисовать одну часть. Теперь это просто похоже на обычную линию, но сразу за ней перетащите немного тоньше. Похоже на клубень. Ваш может работать по умолчанию, скорее всего, нет, но если вы нажмете на линию, перейдите сюда, Обводка и нажмите на слово «Обводка». По умолчанию установлен, к сожалению, названный Butt Cap. Вы хотите перейти к следующему под названием «Round Cap», и он придаст вам такой вид. Этот конец ломается, но мы можем исправить этот конец простым способом, лоббируя его, но это дает вам красивую форму капли слезы.Вот что мы ищем для этого рисунка.

Теперь вы можете стать мастером с Pen Tool и потратить некоторое время на получение этой кривой, потому что она довольно хороша, но не идеальна. Я покажу вам способ, скажем, что этот здесь довольно круговой, я хочу вроде … Я покажу вам трюк, который я использую, чтобы получить достаточно идеальный круг. Я собираюсь начать с эллипса. Возможно, вам придется удерживать инструмент «Прямоугольник» и взять инструмент «Эллипс». Я собираюсь нарисовать эллипс. Теперь, ярлык, если вы удерживаете клавишу «Alt» на ПК или клавишу «Option» на Mac, он начинается с центра.Удерживая Shift, вы получите идеальный круг. Это то, что я ищу, правда?

Теперь помните, моя вещь внизу — это просто нарисованная от руки вещь, поэтому она никогда не будет идеальной, так что не … Мы не собираемся пытаться это сделать, верно? Мы хотим приблизиться к этому. Я хочу разрезать это на части. Я не часто использую Knife Tool. См. Этот ярлык, этот инструмент «Ножницы». Я сказал нож, я имел в виду ножницы. Так что, если вы не можете его найти, он скрывается под Eraser Tool.И он действительно хорош в этом — щелкни один раз, а потом еще раз. И то, что он делает, это то, что если я дважды нажимаю клавишу «Удалить», он удаляет этот кусок. Возможно, вы удалили не тот бит. Таким образом, вам, возможно, придется выбрать с помощью черной стрелки и удалить бит, который вам нужен. Вы можете видеть здесь, я вроде как начал это делать. Теперь я хочу продолжить. Итак, я собираюсь использовать Pen Tool или Curvature Tool. Где инструмент кривизны? Я хочу показать тебе кое-что. Инструмент Curvature Tool похож на «Я хочу быть с этой стороны», потому что это была последняя нарисованная точка.И ты такой: «Нет, я хочу, чтобы ты был на этой стороне».

Я возьму «Белую стрелу» и скажу «щелкни по тебе». Теперь, если я вернусь к своему инструменту Curvature Tool, он скажет: «Я бросаю вам вызов и делаю все, что хочу», и вернусь к первому. Так что я считаю, что это небольшая ошибка. Если вы можете придумать лучший способ, чем этот хак. Что я делаю, я нажимаю на эту штуку, щелкаю по ней один раз, а затем возвращаюсь к моему инструменту Curve Tool, и он говорит: «Вы имели в виду этого парня?», И я отвечаю: «Да, я сделал». Поэтому я использую Pen Tool, чтобы щелкнуть по нему один раз.Так что то, что я ищу сейчас, вероятно, примерно там. Я просто пойду за этим парнем посередине. Теперь я хочу, чтобы он шел по центру, я хочу, чтобы он был прямым, не хочу, чтобы он был такой большой кривой, как эта. Итак, я сделаю двойной щелчок. Затем дважды щелкните здесь. Там это не сработало, поэтому я вернусь и, возможно, просто поправлю это. Старайтесь не портить его слишком сильно. Выглядит нормально.

Теперь вы можете пойти со своей Белой стрелой и привести ее в порядок. Есть пара битов.Полное безумие, мы не получаем идеальных кругов. Инструмент ширины помогает. Я использую White Arrow, инструмент Direct Selection Tool, просто чтобы привести его в порядок. Я чувствую себя как бы там. Возможно, потребуется немного поработать. Что я мог бы сделать, так это отключить это внизу, потому что это как бы влияет на то, где, я думаю, оно должно быть. Опять то же самое. Итак, я использовал этот круг, чтобы выполнить большую часть работы. Теперь я собираюсь уменьшить свой «Штрих» до чего-нибудь действительно легкого. Я собираюсь взять свой «Инструмент ширины».Я собираюсь … Возможно, мне придется снова включить это сейчас. Просто выключил. Мне нужен большой кусок для этого конца. Вероятно, я хочу сопоставить его здесь, потому что я хочу, чтобы шрифт был той же ширины, что и примерно там, прежде чем он станет тонким.

Что я делаю? Здесь он становится немного тоньше, так что я собираюсь затянуть его там. Затем я хочу сделать эту маленькую каплю. Давайте попрактикуемся в этом. Итак, я хочу пойти, вы получите такой наконечник, а затем немного дальше назад. Итак, я хочу последнюю часть Anchor.И еще немного назад. Я просто собираюсь затянуть это. Вам может показаться, что, Святая Молли … идет к, может быть, слишком большим, вы просто бросите это туда. Замечательно, я достаточно счастлив. Что я могу сделать, так это обрезать его, я хочу, чтобы он был немного дальше, поэтому на моей клавиатуре нажмите C, чтобы получить инструмент Scissors Tool, чтобы он щелкнул. «Черная стрела», хватай кусок, он не нужен. Мне нужно вернуть мою каплю сюда. Он работает правильно, правда? Я рисую здесь маленький кружок. Поменяйте этих парней, это то, что я ищу.Уменьшить. Насколько это идеально? Это очень хорошо.

Классно! Итак, сейчас мы нарисуем эти буквы. Вы можете легко нарисовать их, но вы рисуете их отдельно. Этот L я рисую с помощью инструмента «Перо», «Кривизна». И я рисую эти две вещи отдельно, используя инструмент Ширина. Я объединю их в эпизоде, вероятно, через два видео после этого, на самом деле нет, в следующем видео, где мы начнем объединять разные формы, такие как этот инструмент ширины, с обычными формами.

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

Хорошо, перейдем к инструменту Shape Builder Tool, о котором я продолжаю говорить. Мы, наконец, закончим несколько из этих рисунков в следующем. Ладно, давай сделаем это.

Работа с инструментами рисования в Illustrator

Adobe Illustrator включает ряд впечатляющих инструментов для рисования
, которые позволяют создавать самые разнообразные изображения со скоростью
и точностью.

Запуск

Перед запуском убедитесь, что ваши инструменты и панели согласованы, сбросив рабочее пространство. См. «Сброс настроек Adobe Illustrator CC» в разделе «Начало работы» этой книги.

В этом уроке вы будете работать с несколькими файлами из папки ai03lessons. Убедитесь, что вы загрузили папку CClessons на жесткий диск с прилагаемого DVD. См. «Загрузка файлов уроков» в разделе «Начало работы» этой книги.

Работа с инструментом Pen

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

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

Рисование прямых

Первый навык работы с инструментом «Перо», который вам необходимо освоить, — это рисование прямой линии. Для этого вы создаете угловые опорные точки с помощью инструмента «Перо». В результате автоматически создаются прямые.

1 В Illustrator выберите «Файл»> «Открыть». Когда появится диалоговое окно Открыть, перейдите в папку ai03lessons и выберите файл ai0501.ai файл. Щелкните ОК. Это практический файл, содержащий несколько различных шаблонов строк, с которыми вы будете работать в следующих упражнениях.

2 Выберите «Файл»> «Сохранить как». В диалоговом окне «Сохранить как» перейдите в папку ai03lessons и введите ai0501_work.ai в текстовое поле имени файла; затем щелкните Сохранить. В диалоговом окне «Параметры Illustrator» нажмите «ОК», чтобы принять настройки по умолчанию.

3 На панели управления в верхней части рабочего пространства выберите «Нет» () в раскрывающемся меню «Цвет заливки».При необходимости выберите черный цвет в раскрывающемся меню Цвет обводки и выберите 2 pt в раскрывающемся меню Толщина обводки.

4 Выберите инструмент «Перо» () на панели «Инструменты» и найдите шаблон с надписью «Упражнение 1» на монтажной области. Нажмите и отпустите левую кнопку мыши при наведении курсора на метку 1. Линия начинается с создания первой точки привязки.

5 Переместите курсор к части строки с меткой 2, щелкните и отпустите кнопку мыши. Вторая точка линии создана. Инструмент «Перо» автоматически рисует прямую линию между двумя точками.

6 Продолжайте щелкать и отпускать, чтобы завершить линию метками 3, 4, 5, 6 и 7.Обратите внимание, как инструмент «Перо» автоматически продолжает линию, включая каждую новую точку привязки.

7 После того, как вы установили последнюю точку привязки на метке 7, нажмите и удерживайте Ctrl (Windows) или Command (Mac OS) и щелкните любую пустую область страницы. Это отменяет выбор и заканчивает строку. Если вы не отмените выбор и не завершите линию, инструмент «Перо» продолжит связывать путь со следующей созданной привязкой.

8 Поместите курсор на метку 1 упражнения 2. Щелкните и отпустите левую кнопку мыши, чтобы создать первую точку привязки новой линии.

9 Поместите курсор на метку 2. Удерживая нажатой клавишу Shift, нажмите и отпустите, чтобы создать вторую точку линии; Инструмент «Перо» автоматически соединяет две точки прямой линией. Поскольку вы удерживали клавишу Shift при создании второй точки, Illustrator автоматически рисует идеально горизонтальную линию.

10 Поместите курсор на метку 3. Снова удерживая клавишу Shift, щелкните и отпустите левую кнопку мыши, чтобы установить третью точку привязки. На этот раз созданная линия представляет собой идеальную вертикальную линию.

11 Продолжайте удерживать клавишу Shift, щелкая метки 4, 5 и 6. При этом линия между точками 4 и 5 рисуется под идеальным углом 135 градусов, поскольку клавиша Shift ограничивает угол с шагом 45 градусов.

12 Установив последнюю точку привязки на метке 6, удерживая клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

13 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Рисование изогнутых линий

Прямые линии могут увести вас только пока; более органичные и сложные композиции требуют использования изогнутых линий для визуализации объектов. Теперь вы выполните упражнение 3.

1 Поместите курсор на метку 1 в начале изогнутой линии. Щелкните и, не отпуская мышь, перетащите курсор немного вверх над выступом линии, чтобы создать первую точку привязки. Когда вы перетаскиваете курсор вверх, создается впечатление, что вы перетаскиваете линию от точки.Фактически вы создаете указатель направления для точки привязки.

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

4 Увеличьте длину треугольника, щелкнув нижний правый угол ограничивающей рамки, потянув вниз и перетащив привязку влево.

Что такое ручки направления?

Когда вы выбираете или создаете точку сглаживания, вы можете видеть маркеры направления этой точки. Маркеры направления управляют углом и длиной кривых. Маркер направления состоит из двух частей: направляющих линий и направляющих точек на концах линий. Точка привязки может иметь ноль, один или два маркера направления, в зависимости от типа точки. Маркеры направления служат своего рода дорожной картой для линии, управляя тем, как линии приближаются и покидают каждую точку привязки.Если выходная ручка обращена вниз, линия покидает точку привязки и уходит вниз. Точно так же линия направлена ​​вверх, если маркер направления указывает вверх.

2 Поместите курсор на метку 2, расположенную в конце первой кривой в упражнении 3. Щелкните и перетащите вниз, чтобы создать вторую точку привязки. Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне. Перетаскивая курсор вниз, вы заметите, что между двумя точками привязки в реальном времени формируется кривая. Пока вы не отпускаете кнопку мыши, вы можете изменять форму этой линии, перетаскивая мышь в разные стороны.

Если вам нужно изменить любую из предыдущих точек, выберите «Правка»> «Отменить» или воспользуйтесь сочетанием клавиш Ctrl + Z (Windows) или Command + Z (Mac OS). Не волнуйтесь, если кривые не соответствуют шаблону, их можно будет откорректировать позже.

3 Поместите курсор на метку 3, расположенную в конце второй кривой. Щелкните и перетащите вверх, чтобы создать третью точку привязки линии. Продолжайте перетаскивать мышь, пока не сформируете кривую, отображаемую в шаблоне. Опять же, пока вы не отпускаете мышь, вы можете изменить форму этого пути, изменив направление мыши.

4 Поместите курсор на метку 4, расположенную в конце второй кривой. Как и в шаге 3, щелкните и перетащите вниз, чтобы создать четвертую и последнюю точку привязки линии. Продолжайте перетаскивать мышь, пока не сформируете кривую, отображаемую в шаблоне.

5 Как и в предыдущем упражнении, после создания последней точки привязки на метке 4, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы деактивировать путь.

6 При необходимости используйте инструмент «Прямое выделение» (), чтобы переместить ручки и точки, чтобы кривые более точно следовали траектории, затем выберите «Файл»> «Сохранить», чтобы сохранить результаты.

Чертеж отводов

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

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

2 Поместите курсор на метку 2, расположенную в конце первой кривой. Щелкните и перетащите вниз, чтобы создать вторую точку привязки. Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне.

3 Нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS) на клавиатуре. Это временно преобразует инструмент «Перо» в инструмент «Преобразовать опорную точку» (), который также является отдельным инструментом в группе инструментов «Перо». Помимо прочего (рассмотрено далее в этом уроке), этот инструмент используется для редактирования маркеров направления.Поместите инструмент «Преобразовать опорную точку» над маркером направления для исходящей направляющей линии, затем щелкните и перетащите эту точку так, чтобы она указывала вверх. Две направляющие линии теперь образуют V.

4 Поместите курсор на метку 3, расположенную в конце второй кривой. Щелкните и перетащите вниз, чтобы создать третью точку привязки. Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне.

5 Снова нажмите и удерживайте Alt (Windows) или Option (Mac OS), чтобы временно переключить инструмент «Перо» на инструмент «Преобразовать опорную точку».Еще раз поместите инструмент Преобразовать опорную точку над ручкой направления для исходящей линии направления, щелкните и перетащите эту точку так, чтобы она указывала вверх, а линии направления образовывали V.

6 Повторите шаг 4 для последней кривой на метке 4. После того, как вы создали эту последнюю опорную точку, удерживайте клавишу Ctrl (Windows) или Command (Mac OS) и щелкните монтажную область, чтобы деактивировать путь.

7 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Преобразование изогнутых линий в прямые

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

1 Поместите курсор на метку 1 в начале изогнутой линии в упражнении 5. Удерживая нажатой клавишу Shift, щелкните и перетащите курсор немного вверх над аркой, чтобы создать первую опорную точку. Когда вы перетаскиваете курсор вверх, ваше движение ограничивается идеально вертикальной линией. Отпустите мышь перед тем, как отпустить клавишу Shift.

2 Поместите курсор на метку 2, расположенную в конце первой кривой. Опять же, удерживая клавишу Shift, щелкните и перетащите вниз, чтобы создать вторую точку привязки. Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне.

3 Поместите курсор на точку привязки, созданную на шаге 2. Курсор инструмента «Перо» изменится, что даст вам возможность преобразовать только что созданную точку привязки.

4 При наведении указателя мыши на точку привязки щелкните мышью. Это сворачивает маркер направления исходящего якоря, позволяя создать прямую линию.

5 Поместите курсор на метку 3. Удерживая клавишу Shift на клавиатуре, щелкните метку 3, чтобы создать прямую линию, завершающую путь.

6 После создания последней точки привязки на метке 3, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

7 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Рисование прямых линий до изогнутых

Теперь вы будете работать в противоположном направлении и соедините прямые линии с изогнутыми. Выполните упражнение 6.

1 Найдите шаблон с надписью «Упражнение» 6. Держите инструмент «Перо» над началом линии (с меткой 1). Курсор изменится (), показывая, что вы начнете новую строку. Нажмите и отпустите левую кнопку мыши при наведении курсора на метку 1. Линия начинается с создания первой точки привязки.

2 Поместите курсор на метку 2. Удерживая клавишу Shift, щелкните метку 2, чтобы создать идеально прямую линию между точками 1 и 2 на пути.

3 Поместите курсор на точку привязки, созданную на шаге 2. Курсор инструмента «Перо» изменится (), указывая на то, что вы можете изменить направление ручки направления.

4 При наведении курсора на точку привязки щелкните и перетащите вверх в направлении кривой, которую вы хотите нарисовать. Это создает новый маркер направления.

5 Расположите инструмент «Перо» над этикеткой 3. Щелкните и перетащите вниз, чтобы создать кривую, отображаемую в шаблоне.

6 После создания последней точки привязки на метке 3, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

7 Выберите «Файл»> «Сохранить», затем выберите «Файл»> «Закрыть».

Перейти к следующему руководству Illustrator: Трассировка изображений в Illustrator CC>

Создание красивых кривых в Illustrator

Кристиан Габриэль, Adobe Expert / ACI

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

Нужно изучить Adobe Illustrator? Почему бы не присоединиться к одному из наших практических классов Adobe Illutrator? Занятия, проводимые профессионалами, предлагаются ежемесячно в Лос-Анджелесе, и наши инструкторы могут проводить обучение на месте по всей стране. Получите расценки на обучение работе с Illustrator на месте.

От руки с кистями и карандашами

Обычно, рисуя от руки мышкой, вы можете получить то, что видите выше. Неидеальная изогнутая линия. Если вы не рисуете трещины или неровные фигурки из палочек, это обычно то, что вы получаете. Он основан на том, насколько устойчиво ваша рука держит мышь. Большинство цифровых художников использовали бы что-то вроде планшета Wacom или сенсорного экрана с пером, чтобы органично нарисовать плавную изогнутую линию, но если у вас их нет, мышь — плохая замена.К счастью, Adobe подумала об этом и встроила несколько удивительных функций, которые помогут вам сгладить линии. Одной из таких функций является возможность регулировки Fidelity инструмента. Fidelity регулирует точность вашего инструмента. Выберем кисть Paintbrush Too л. Теперь, чтобы настроить точность работы инструмента «Кисть», дважды щелкните значок инструмента «Кисть» на панели инструментов, чтобы вы могли открыть параметры «Кисть» .

Намного, намного лучше! Теперь, если вы продолжите рисовать, будет применена максимальная гладкость.Помните, что если сглаживание слишком велико, вы всегда можете вернуть «интенсивность» с помощью ползунка Fidelity .

После того, как вы нарисовали или проследили свой объект и создали контуры, вы можете добавить несколько интересных стилей кистей, перейдя на панель BRUSHES PANEL и щелкнув нужный мазок кисти. Для получения дополнительных кистей щелкните меню панели кистей в верхнем правом углу и перейдите к библиотеке кистей .

Дополнительную стилизацию ваших логотипов и / или надписей можно настроить с помощью таких инструментов, как WIDTH TOOL . Инструмент «Ширина» позволяет изменять толщину обводки в разных частях сегмента контура. Переменная ширина штриха может значительно улучшить его, если он слишком однородный. Другие инструменты, которые могут помочь вам художественно манипулировать вашим путем, — это инструменты Warp, Twirl, Pucker, Bloat, Scallop, Crystallize и Wrinkle.

Альтернативные методы сглаживания путей

Для наглядности любой путь можно сгладить. В большинстве случаев это можно сделать несколькими способами. Например, давайте использовать КАРАНДАШНЫЙ ИНСТРУМЕНТ . Обычно вы можете найти этот инструмент, нажав правой кнопкой мыши на SHAPER TOOL на панели инструментов, а затем выбрав инструмент прямо под ним (его также можно активировать, нажав клавишу «N» на клавиатуре).

Рисование карандашом — это всегда приключение, и если у вас нет очень устойчивой руки, вы можете в конечном итоге возненавидеть этот инструмент.Нарисуйте изогнутую линию. Теперь мы можем исправить эту линию, настроив Fidelity Pencil Tool, точно так же, как мы изменили ее на нашей Paintbrush, но мы собираемся использовать другой метод. Этот метод называется «ГЛАДКИЙ ИНСТРУМЕНТ ». Используете ли вы инструмент «Кисть», «Карандаш» или «Перо», инструмент «Сглаживание» позволяет сгладить уже существующий контур.

Прежде всего, убедитесь, что ваш путь выбран. Затем выберите инструмент «Сглаживание» в той же категории, что и инструмент «Карандаш». Это прямо под ним! Просто нажмите правой кнопкой мыши на Shaper Tool или Pencil Tool , и вы увидите «полосатый» карандаш.Выберите это.

Затем, чтобы изменить интенсивность сглаживания — дважды щелкните значок инструмента сглаживания на панели инструментов (как показано выше) и сдвиньте его влево или вправо. Теперь вы можете использовать инструмент «Сглаживание», чтобы нарисовать грубые участки линии и сгладить их вручную!

Помимо этих методов, вы всегда можете улучшить рисование с помощью инструмента «Перо», который является более сложным, но более точным или «механическим» способом создания плавных линий. Сглаживание не требуется!

Использование инструмента кривизны в Adobe Illustrator

В Adobe Illustrator одним из наиболее сложных инструментов для начинающих (и даже опытных пользователей) является инструмент «Перо». Это непростой инструмент для освоения, да и поначалу он не особенно интуитивен. Инструмент «Перо» сложен, потому что для овладения им действительно требуется время. Я часто вспоминаю об этом, когда мне нужно научить кого-нибудь использовать инструмент «Перо». Я получаю такие вопросы, как «Как узнать, где щелкнуть, чтобы создать следующую точку привязки?» Часто нет хорошего ответа, потому что многое зависит от опыта.

В выпуске Adobe Illustrator CC 2014 года (точнее, октябрьском выпуске) Adobe предоставила пользователям новый инструмент под названием Curvature tool. Инструмент «Кривизна» находится на панели «Инструменты», непосредственно под инструментом «Перо» в режиме просмотра с одним столбцом или справа от инструмента «Перо» в режиме просмотра с двумя столбцами.

Рисование с помощью инструмента Кривизна

Инструмент «Кривизна» представляет собой переработанный подход к рисованию контуров в Illustrator. В то время как инструмент «Перо» — это скорее точный инструмент, требующий от вас обдумывания того, где разместить точку привязки и как вытянуть направляющие линии для управления сегментами линий, инструмент «Кривизна» использует более интуитивный подход к рисованию, предлагая пользователю щелкнуть мышью. по пути, который вы хотите создать, , пока рисуете по этому пути .Еще одно большое отличие — отсутствие клавиш-модификаторов, необходимых для рисования с помощью инструмента Кривизна. Вам не нужно запоминать набор сочетаний клавиш Cmd / Ctrl, Option / Alt и Shift, чтобы использовать инструмент Curvature.

Выбрав инструмент «Кривизна», просто щелкните один раз, чтобы создать начальную точку привязки. Вы заметите, что нажатие и перетаскивание перемещает точку привязки, которую вы собираетесь нарисовать. Щелкнув мышью для создания второй точки привязки, вы заметите, что при перемещении мыши Illustrator определяет кривую, необходимую между двумя только что созданными точками привязки, и положением мыши при ее перемещении.На рисунке ниже я обрисовываю форму, чтобы вы могли увидеть, как создать желаемую форму. Обратите внимание, что я создал две точки привязки вдоль пути, который я пытаюсь создать, и когда я перемещаю мышь, кривая пути определяется на основе положения мыши.

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

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

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

Внесение изменений

С помощью инструмента «Кривизна» можно настроить опорные точки на любом контуре, щелкнув и перетащив их, чтобы изменить их положение, а также отрегулировать соединительные отрезки линии между этими опорными точками. Если вам нужно добавить точку привязки к существующему пути, щелкните путь с помощью инструмента «Кривизна», чтобы добавить точку привязки в этом месте. Чтобы удалить точку привязки на пути, щелкните ее с помощью инструмента «Кривизна» и нажмите клавишу возврата / удаления на клавиатуре. Если вы рисуете открытый контур (тот, который не создает замкнутую форму), вы можете либо нажать клавишу ESC на клавиатуре, чтобы сообщить Illustrator, что вы закончили рисовать этот объект, либо удерживая Cmd ( Mac) / Ctrl (Win) и щелкните в любом месте монтажной области, чтобы отменить выбор объекта.

Настройки

Предварительный просмотр отрезка линии, который вы собираетесь нарисовать, — одна из функций, которые мне нравятся в инструменте Curvature, я думаю, что он особенно полезен для начинающих, а также людей, которым не нравится инструмент Pen. Этот предварительный просмотр или «резинка», как его любит называть Illustrator, можно отключить в настройках Illustrator. Просто откройте диалоговое окно настроек, нажав Cmd + K (Mac) или Ctrl + K (Win), и щелкните категорию Selection & Anchor Display. В самом низу этого диалогового окна вы увидите параметры для включения или отключения резиновой ленты для инструментов «Перо» и «Кривизна». Выберите вариант, наиболее соответствующий вашим потребностям.

Сводка

Я использую инструмент «Перо» более 20 лет, поэтому до сих пор остаюсь моим любимым инструментом для создания силуэтов физических объектов в Photoshop и рисования технических элементов в Illustrator. Но я все чаще обращаюсь к инструменту Curvature, когда мне нужно рисовать органические формы для проектов.Я чувствую, что это позволяет мне быть немного более креативным и не требует много размышлений или планирования. Новичкам и пользователям, которые не любят использовать инструмент «Перо», следует потратить 30 минут на инструмент «Кривизна», чтобы убедиться, насколько легко им пользоваться. Я думаю, что каждый найдет, что это отличное дополнение к Illustrator, которым вы воспользуетесь, как только освоите его.