Как выровнять вектор в иллюстраторе

Сегодня мы поговорим о выравнивании объектов при помощи панели Align и их комбинировании при помощи панели Pathfinder и инструмента Shape Builder Tool. То, что вы прочтете в этом уроке — необходимый минимум, который позволит вам успешно работать с этими инструментами в Adobe Illustrator.

Видео:ВЫРАВНИВАНИЕ И РАСПРЕДЕЛЕНИЕ ОБЪЕКТОВ. Иллюстратор. Adobe Illustrator. БАЗОВЫЙ КУРС.Скачать

Выравнивание векторных объектов

Для выравнивания объектов в Adobe Illustrator предназначена панель Align (Window > Align).

Те же опции выравнивания доступны в панели Control при условии, что выделено несколько объектов.

Верхний ряд кнопок в панели Align предназначен для абсолютного выравнивания объектов. Пиктограммы на кнопках ясно говорят нам, какого рода выравнивание будет осуществлено. На рисунке ниже представлено выравнивание объектов по нижнему краю. Фактически выравнивание происходит по нижней стороне ограничивающей рамки самого нижнего объекта.

Средний ряд кнопок предназначен для распределения объектов в нескольких направлениях. Не буду детально останавливаться на этих функциях, поскольку за всю мою многолетнюю практику я ни разу их не использовал. На практике чаще необходимо распределить объекты так, чтобы расстояние между ними имело одинаковую заданную величину. Для этих целей предназначена нижняя часть панели Align. Давайте посмотрим, как осуществить такое распределение. Допустим, мы имеем несколько одинаковых объектов выравненных по вертикали, но находящихся на разных расстояниях друг относительно друга.

Открываем всплывающее меню Align и выбираем Align to Key Object

Вводим в числовое поле необходимое значение, затем нажимаем на кнопку Horizontal Distribute Space для распределения объектов в горизонтальном направлении.

Теперь объекты расположены так, как и было задумано.

Иногда нам нужно выровнять объекты относительно монтажной области. Для этого выбираем Align to Artboard в меню Align.

Затем нажимаем на необходимую кнопку выравнивания в панели Align.

Теперь, давайте рассмотрим случай, когда нам нужно выровнять объекты относительно какого-то одного объекта. Это также очень распространенный случай. Выделяем все объекты, затем кликаем на объекте, по которому будет осуществляться выравнивание, удерживая клавишу Command/Ctrl.

Теперь выбираем необходимую опцию выравнивания.

Выравнивать два объекта можно используя специальный режим, который называется Smart Guides (View > Smart Guides (Command/Ctrl + U)). При перемещении одного из объектов включаются временные направляющие, которые показывают центр и края соседнего объекта.

Кстати, я всегда работаю с включенным режимом Smart Guides.

Видео:Чистка векторных картинок в Иллюстраторе после трассировки / как улучшить вектор после автотрейсаСкачать

Комбинирование объектов при помощи панели Pathfinder и инструмента Shape Builder Tool

Очень часто сложные геометрические формы можно создать комбинацией простых геометрических объектов, о создании которых мы говорили в статье опубликованной ранее: Создание объектов при помощи базовых геометрических форм в Adobe Illustrator. Например, форму гаечного ключа, показанного на рисунке ниже, не рационально создавать при помощи Pen Tool (P)

В таких случаях нам приходят на помощь простые геометрические объекты, панель Pathfinder и инструмент иллюстратора Shape Builder Tool. Панель Pathfinder имеет много функций, но на практике я использую всего четыре из них. Это Unite, Minus Front, Intersect и Divide.

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

Для объединения прямоугольника и двух окружностей в одну форму предназначена кнопка Unite в панели Pathfinder.

Minus Front вычитает форму верхнего объекта из формы нижнего объекта.

Команда Intersect удаляет части объектов, которые находятся за пределами их пересечения, комбинируя оставшиеся в один путь.

На практике Intersect используется для создания бликов и теней на объектах. Давайте посмотрим, как это делается. На рисунке ниже изображен гаечный ключ и форма, которая должна стать бликом.

Копируем форму ключа и вставляем ее вперед (Command / Ctrl + C, Command / Ctrl + F), затем выделяем верхнюю форму ключа и форму блика и нажимаем Intersect в панели Pathfinder.

Слишком много действий? Согласен. Два последних релиза Adobe Illustrator имеют инструмент Shape Builder Tool, который позволяет выполнить туже операцию намного быстрее. Вернемся к исходным объектам. Итак, выделяем форму блика и ключа, берем Shape Builder Tool и, удерживая клавишу Option / Alt, кликаем по частям блика, выходящим за пределы пересечения.

Это приведет к удалению выбранных частей объекта. Всего два клика и нужная форма готова.

Divide разрезает векторные объекты на отдельные части по линиям их пересечения.

На практике я чаще разделяю объект при помощи одного или нескольких путей.

На рисунке выше новые объекты раскрашены в разные цвета для наглядности.

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

Видео:Как отрисовать растровую картинку в вектор в Adobe IllustratorСкачать

Работа с векторными контурами в Adobe Illustrator

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

Сегодня кривые Безье применяются во всех современных программах, работающих с векторной графикой, и Illustrator не составляет исключения. Главное преимущество их использования состоит в том, что нет необходимости запоминать каждую точку кривой — достаточно знать, во-первых, координаты ее начала и конца, а во-вторых, математическую формулу, описывающую кривую. В итоге — полная свобода трансформации векторных изображений без какой-либо потери качества.

Любой векторный контур состоит из одного или нескольких криволинейных сегментов (как исключение, сегменты могут быть и прямолинейными), каждый из которых является элементарной кривой Безье. В начале и конце каждого сегмента находятся так называемые опорные точки (рис. 1), которые бывают двух типов: гладкие и угловые. Гладкая опорная точка соединяет две кривые без излома, а угловая опорная точка находится на изгибе между двумя кривыми (рис. 2). По умолчанию опорные точки создаются гладкими, но их тип несложно изменить с помощью инструмента Convert Anchor Point (Угол) из группы Pen (Перо). Кроме того, каждый сегмент имеет направляющие линии, ограниченные направляющими точками и определяющие угол наклона и кривизну кривой. Изменить форму сегмента можно посредством перемещения опорных точек или точек направляющих. В конце концов благодаря бесконечным перемещениям точек и трансформациям отдельных сегментов можно сформировать любой самый причудливый векторный контур.

Рис. 1. Общий вид кривой Безье

Рис. 2. Типы опорных точек

Создавать и редактировать контуры можно с помощью инструментов из групп Pencil (Карандаш) и Pen (Перо), а также инструментами Brush (Кисть), Spiral (Спираль) и Arc (Дуга). Кроме того, рассмотренные в уроке 1 графические примитивы — прямоугольники (Rectangle), закругленные прямоугольники (Rounded Rectangle), эллипсы (Ellipse), многоугольники (Polygon), звезды (Star) и блики (Flare), создаваемые с помощью соответствующих инструментов, — также являются контурами. Однако основным инструментом для построения кривых Безье является Pen, предоставляющий максимальные возможности как для их создания, так и для редактирования.

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

Видео:КАК ПЕРЕВЕСТИ ЛЮБОЕ ИЗОБРАЖЕНИЕ ИЗ РАСТРА В ВЕКТОР в ADOBE ILLUSTRATOR? ТРАССИРОВКА. ПРИМЕРЫСкачать

Создание контуров инструментами из группы Pencil

В данную группу входят инструменты: Pencil (Карандаш), предназначенный для рисования произвольных линий, Smooth (Сглаживание), позволяющий смягчить форму контура, и Erase (Ластик), служащий для удаления отдельных фрагментов контура. Особенности использования первого и последнего из них напоминают применение аналогичных инструментов в других графических пакетах — с той лишь разницей, что они ориентированы на обработку контуров.

Для примера создадим карандашом произвольное изображение (рис. 3). О том, что это контур, будет свидетельствовать появление многочисленных опорных точек. Подберем подходящий вариант границы изображения — в данном случае взят вариант Rustic Pen из палитры Styles (рис. 4).

Рис. 3. Контур, созданный инструментом Pencil

Рис. 4. Результат обводки контура

Чтобы оценить возможности сглаживания контура инструментом Smooth, нарисуйте контур с острыми углами, например как на рис. 5. Выделите созданный контур, активизируйте инструмент Smooth, при необходимости подкорректируйте его настройки (это можно сделать, дважды щелкнув на инструменте в палитре инструментов и изменив значения параметров Fidelity (Точность) и Smoothness (Гладкость) — рис. 6 — и начинайте методически проводить вдоль границы контура с острыми гранями. Делать это придется до тех пор, пока полученный результат вас не удовлетворит (рис. 7).

Рис. 5. Исходное изображение контура с острыми углами

Рис. 6. Окно настройки параметров инструмента Smooth

Рис. 7. Результат сглаживания острых углов

Инструмент Erase работает обычным образом: для стирания отдельных фрагментов контура надо лишь поводить ластиком вдоль стираемого фрагмента. Нарисуйте, например, обычную звезду (рис. 8), а затем попробуйте ластиком аккуратно удалить точки контура в ее вершинах (рис. 9).

Рис. 8. Исходное изображение контура

Рис. 9. Внешний вид контура после удаления вершин

Видео:Adobe Illustrator — Как выровнять объектыСкачать

Создание контуров инструментами Spiral и Arc

В подавляющем большинстве случаев для рисования криволинейных контуров используют инструмент Pen. Исключение составляет формирование спирали и простейшей дуги, для которых имеются специализированные инструменты Spiral (Спираль) и Arc (Дуга). Нарисовать точно такие же спираль и дугу можно и инструментом Pen, но этот вариант окажется более трудоемким.

Для примера активизируйте инструмент Spiral и нарисуйте на листе произвольную спираль, переместив мышь по свободному пространству при нажатой левой кнопке (рис. 10). Установите цвет штриха (Stroke), пустой цвет заливки (Fill) и воспользуйтесь подходящей каллиграфической кистью — в данном случае взята кисть 10 pt Oval (рис. 11).

Рис. 10. Исходный вид спирали

Рис. 11. Окончательный вид спирали

Видео:ВЫРАВНИВАНИЕ ПО КЛЮЧЕВОМУ ОБЪЕКТУ. ИЛЛЮСТРАТОР ДЛЯ НАЧИНАЮЩИХСкачать

Создание контуров инструментами из группы Pen

Pen (Перо) — это самый главный инструмент работы с контурами, и в его состав входят еще три инструмента: Add Anchor Point — (Перо+), Delete Anchor Point (Перо–) и Convert Anchor Point (Угол). Первый отвечает за добавление новых опорных точек, второй — за их удаление, а третий осуществляет преобразование опорных точек из одного типа в другой.

При создании и редактировании кривой необходимо быстро переключаться с одного перьевого инструмента на другой, для чего служат клавиатурные комбинации. В целом инструмент Pen выбирается при нажатии клавиши P, а далее: Add Anchor Point — нажатием клавиши «+», Delete Anchor Point — клавиши «-», а Convert Anchor Point — клавиши Alt.

Прямые и ломаные линии

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

Выберите инструмент Pen, щелкните в первой точке контура, затем во второй и т.д. — будут созданы несколько опорных точек, которые программа автоматически соединит отрезками прямых (рис. 12). Перед созданием первой точки у значка маркера мыши автоматически появляется крестик, который означает, что вы начинаете рисовать новый контур, а отсутствие крестика говорит о продолжении начатого контура. Для завершения контура следует вновь щелкнуть на инструменте Pen в палитре инструментов или при нажатой клавише Ctrl щелкнуть левой кнопкой мыши в стороне от контура — при этом рядом с указателем вновь появится крестик, сигнализирующий о том, что можно начинать новый контур.

Рис. 12. Рисование ломаных инструментом Pen

Для рисования строго вертикальных или горизонтальных линий либо линий, лежащих под углом 45°, следует создавать новые опорные точки при нажатой клавише Shift (рис. 13). При этом Illustrator в зависимости от положения новой опорной точки самостоятельно решает, какую из перечисленных линий вы хотели провести.

Рис. 13. Рисование ломаных под углом 90°

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

А теперь попробуйте нарисовать стрелку. Вначале инструментом Pen создайте контур в виде отрезка (рис. 14) и воспользуйтесь командой Filter>=Stylize>=Add Arrowheads (Фильтр=>Стилизация=>Добавить стрелку) при параметрах, представленных на рис. 15. После этого закрасьте стрелку подходящим образом (рис. 16).

Рис. 14. Исходный вид изображения стрелки

Рис. 15. Настройка параметров стрелки

Рис. 16. Окончательный вид стрелки

Если отказаться от заливки стрелки, установив для параметра Fill вариант None, то на созданную стрелку можно наложить ряд преобразований и получить из прямой стрелки различные варианты криволинейных стрелок. Для примера воспользуйтесь фильтром ZigZag по команде Filter=>Distort=>ZigZag (Фильтр=>Искажение=>Зигзаг) с такими параметрами, как на рис. 17. Результат — на рис. 18.

Рис. 17. Настройка параметров фильтра ZigZag

Рис. 18. Примеры криволинейных стрелок (исходная стрелка и два варианта искаженных стрелок)

Интересные виды криволинейных стрелок могут быть получены при наложении фильтров Pucker&Bloat и Twist из группы фильтров Distort. К тому же внутренние фрагменты стрелок белого цвета можно закрасить, выделяя их по отдельности инструментом Direct Selection (рис. 19) и устанавливая для них в палитре инструментов подходящий вариант цвета для параметра Fill (рис. 20).

Рис. 19. Выделение стрелок (слева — вся стрелка выделена инструментом Selection, справа — отдельные фрагменты стрелки выделены инструментом Direct Selection)

Рис. 20. Изображение стрелок после обработки их фильтрами и заливки отдельных фрагментов

Гладкие кривые

При рисовании кривой Безье инструментом Pen (как и при создании отрезка) задаются конечные точки и дополнительно определяются направление касательной и радиус кривизны, в результате чего точки соединяются не прямой, а кривой линией.

Для создания кривой установите указатель мыши на пустом месте рисунка (это будет первая опорная точка), нажмите левую кнопку мыши и, не отпуская ее, проведите линию (рис. 21). Обратите внимание, что при перемещении указателя линия симметрично увеличивается в оба конца. Если необходимо, чтобы линия была строго вертикальной, горизонтальной или под углом 45°, то перемещайте мышь, удерживая клавишу Shift.

Рис. 21. Первый этап рисования кривой (построение первой опорной точки)

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

Когда внешний вид созданной кривой будет вас устраивать, отпустите кнопку мыши (рис. 22). При этом на экране наряду с криволинейным сегментом появятся ограничивающие его направляющие линии, которые необходимы только для определения формы кривой, но на печать не выводятся (рис. 23). Получить строго вертикальную, горизонтальную или находящуюся под углом 45° направляющую линию можно, если при перемещении мыши удерживать клавишу Shift.

Рис. 22. Второй этап рисования кривой (построение второй опорной точки)

Рис. 23. Внешний вид первого сегмента кривой

Затем нужно сформировать следующий участок кривой, поставив очередную опорную точку и получив желаемый сегмент и т.д. Для завершения контура вновь щелкните на инструменте Pen в палитре инструментов или при нажатой клавише Ctrl щелкните левой кнопкой мыши в стороне от контура. С целью создания замкнутого контура поставьте последнюю точку точно на месте первой точки криволинейного контура. Затем криволинейный контур можно залить подходящим цветом, градиентом или другими вариантами заливки (рис. 24).

Рис. 24. Окончательный вид замкнутого криволинейного контура

Созданный криволинейный контур можно оформить и с помощью кистей — как обычных каллиграфических (Calligraphic), так и дискретных (Scatter), художественных (Art) или узорчатых (Pattern) (рис. 25). Самые интересные результаты дает использование художественных кистей.

Рис. 25. Примеры криволинейных контуров, оформленных разными типами кистей

Видео:Как трансформировать объект в иллюстраторе / Трансформация в перспективе Adobe illustratorСкачать

Выделение сегментов и контуров

Для выделения отдельного сегмента кривой можно воспользоваться инструментом Direct Selection (Частичное выделение), щелкнув на нужном сегменте или на опорной точке. В зависимости от типа сегмента или контура и места щелчка окажутся выделенными либо все опорные точки контура, либо только управляющие точки и линии сегмента, либо вообще ничего (рис. 26).

Рис. 26. Результаты выделения разных контуров инструментом Direct Selection: в случае выделения кривой щелчок был сделан на сегменте — в итоге выделен данный сегмент; при выделении звезды щелчок был сделан внутри нее — в результате выделены все ее опорные точки; при выделении треугольника щелчок был сделан в одной из вершин — оказалась выделена только данная вершина

Можно также обвести нужный сегмент инструментом Direct Select Lasso (Частичное лассо) (рис. 27).

Рис. 27. Выделение внутренних опорных точек инструментом Direct Select Lasso

Как видно из рис. 26 и 27, выделенные опорные точки отображаются в виде заполненных квадратиков, а невыделенные — в виде пустых. Чтобы к выделенным элементам добавить еще фрагменты контура или целые контуры, нужно при выделении удерживать клавишу Shift.

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

Рис. 28. Заключение группы контуров в габаритный контейнер

Рис. 29. Результат наложения на все контуры фильтра ZigZag из группы Distort

А теперь попробуем воспользоваться возможностями создания, выделения и простейшего преобразования криволинейных контуров при создании простого изображения, например всем известного Колобка из сказки. Вначале нарисуйте окружность и залейте ее радиальным градиентом (рис. 30). Затем, используя инструмент Gradient, переместите центр радиального градиента, щелкнув мышью в предполагаемой точке (рис. 31).

Рис. 30. Закрашенная окружность

Рис. 31. Внешний вид окружности после смещения центра градиента

Установите для опции Fill вариант None, подберите цвет штриха Stroke и нарисуйте ротик инструментом Pen (рис. 32, 33). Затем тем же инструментом Pen создайте ямочку в уголке рта (рис. 34). Если ямочка получилась чуть больше или меньше, чем вам хотелось, то тут же воспользуйтесь инструментом Scale и скорректируйте ее размер (рис. 35). Не отменяя выбора нарисованной ямочки, дважды щелкните на инструменте Reflect, в открывшемся окне выберите вариант вертикального отражения (рис. 36) и щелкните на кнопке Copy — ямочка будет скопирована. Выделите новую ямочку инструментом Selection и переместите ее курсором в другую сторону рта, при необходимости таким же образом скорректируйте положение первой ямочки (рис. 37). После этого дорисуйте у Колобка глазки и завиток волос (рис. 38).

Рис. 32. Внешний вид кривой, изображающей ротик Колобка, с направляющими линиями

Рис. 33. Окончательный внешний вид ротика

Рис. 34. Формирование первой ямочки

Рис. 35. Внешний вид первой ямочки

Рис. 36. Настройка параметров отражения

Рис. 37. Появление второй ямочки

Рис. 38. Окончательный вид Колобка

Видео:Как сделать плавную линию в иллюстраторе | Урок Adobe IllustratorСкачать

Преобразование выделенного сегмента или контура

Изменение типа опорных точек

Нарисуйте произвольный контур в виде замкнутой ломаной линии (рис. 39) и попробуйте превратить его в криволинейный. Для этого подведите указатель мыши к одной из опорных точек и нажмите клавишу Alt — после этого указатель мыши примет вид черной жирной стрелки, затем щелкните в опорной точке (опорная точка из угловой превратится в гладкую) и переместите ее подходящим образом (рис. 40). Точно такого же результата можно достичь и без нажатия клавиши Alt, но тогда следует обратиться к палитре инструментов, выбрать инструмент Convert Anchor Point (угол) и проделать те же манипуляции по превращению угловой опорной точки в гладкую и по ее перемещению.

Рис. 39. Исходный вид контура в виде замкнутой ломаной линии

Рис. 40. Результат преобразования контура в криволинейный

Создание новых опорных точек

Новые опорные точки не сложно создать с помощью инструмента Add Anchor Point (Перо+). Для примера щелкните им в любой части только что полученного криволинейного сегмента, что приведет к появлению новой опорной точки и двух ее направляющих (рис. 41).

Затем измените кривизну контура, перетащив созданную опорную точку при нажатой клавише Alt, как, например, на рис. 42. Таким образом, добавляя новые опорные точки, изменяя их типы и тут же перемещая точки и меняя степень кривизны сегментов, можно в считанные секунды до неузнаваемости преобразить исходный контур (рис. 43).

Рис. 41. Появление новых точек

Рис. 42. Изменение кривизны контура за счет новой опорной точки

Рис. 43. Результат нескольких преобразований исходного контура

Если же необходимо добавить опорную точку точно в центр между двумя выделенными опорными точками, лучше воспользоваться командой Object=>Path=>Add Anchor Points (Объект=>Контур=>Добавить опорные точки).

Перемещение опорных и направляющих точек

Можно изменить форму контура, перетащив выделенные точки (опорные или направляющие) с помощью клавиш «стрелка влево», «стрелка вправо», «стрелка вверх» или «стрелка вниз» или мышью, предварительно активировав инструмент Direct Selection. А можно обойтись и без выбора инструмента Direct Selection: если в процессе перемещения удерживать клавишу Ctrl, то результат окажется тот же.

Попробуйте переместить внутренние опорные точки ранее созданной звезды, предварительно выделив их инструментом Direct Select Lasso (рис. 27), с помощью клавиши «стрелка вниз» (рис. 44). А затем для большего эффекта дополнительно наложите фильтр Twist (команда Filter=>Distort=>Twist — Фильтр=>Искажение=>Изгиб) при значении угла изгиба 50°, вследствие чего звезда превратится в некое подобие языков пламени (рис. 45).

Рис. 44. Результат перемещения внутренних опорных точек звезды

Рис. 45. Внешний вид звезды после наложения фильтра Twist

Таким же образом можно отредактировать внешний вид любого графического примитива. Попробуем воспользоваться данной возможностью в процессе создания изображения сказочного паука. Вначале нарисуйте обычную окружность (рис. 46) и выделите ее инструментом Direct Selection при нажатой клавише Shift (щелкать нужно не по всей окружности, а по ее опорным точкам) — в итоге окружность не просто выделится, но у нее будут обозначены направляющие линии (рис. 47). Теперь инструментом Pen при нажатой клавише Alt перетащите угловые точки нижней направляющей так, чтобы окружность превратилась в эллипс, суженный в нижней части (рис. 48). Чтобы перенести точки симметрично, лучше предварительно включить сетку инструментом Restangular Grid, ориентируясь по узлам которой, будет проще определить нужные положения направляющих точек. Затем выделите полученную кривую инструментом Selection и сожмите. Залейте контур подходящим градиентом (рис. 49).

Рис. 46. Исходный вид окружности

Рис. 47. Внешний вид окружности с направляющими

Рис. 48. Результат перемещения угловых точек нижней направляющей

Рис. 49. Окончательный вид видоизмененной окружности

Сделайте две копии созданного контура, уменьшите их в размерах, измените заливку и разместите на исходном изображении (рис. 50) — это будет первый глаз паука. Выделите все элементы глаза инструментом Selection, для удобства объедините их в группу командой Object=>Group (Объект=>Группа) и воспользуйтесь командой Effect=>Warp=>Twist (Эффект=>Деформация=>Изгиб) при таких, например, параметрах, как на рис. 51. Потом продублируйте глаз, сделав его зеркальную копию по горизонтали с помощью инструмента Reflect (рис. 52).

Рис. 50. Внешний вид первого глаза паука

Рис. 51. Настройки параметров эффекта Twist

Рис. 52. Появление второго глаза

Теперь приступим к рисованию головы. Создайте окружность и, не снимая выделения, поместите ее на задний план — для этого щелкните на окружности правой кнопкой мыши и из контекстного меню выберите команду Edit=>Arrange=>Send to Back (Редактирование=>Разместить=>Отправить на задний план) (рис. 53). Затем измените ее форму инструментом Pen — так же, как при редактировании глаза (рис. 54), и закрасьте подходящим градиентом (рис. 55).

Рис. 53. Исходный контур головы паука

Рис. 54. Результат редактирования контура инструментом Pen

Рис. 55. Окончательный вид головы паука

Дорисуйте пауку туловище, переместите его на задний план и залейте градиентом. Затем инструментом Pen создайте первую ножку в виде обычной ломаной, подобрав для нее нужное параметру Stroke значение ширины (Weight). Сделайте зеркальную копию ножки по горизонтали с помощью инструмента Reflect и переместите ее подходящим образом. Выделите обе ножки с помощью инструмента Selection и сделайте две их копии, применив команды Edit=>Copy (Редактирование=>Копировать) и Edit=>Paste (Редактирование=>Вставить). Активировав инструмент Rotate, поверните каждую ножку на нужное число градусов (в данном примере объекты первой копии были повернуты на 20° и на –20° соответственно, а второй — на 35° и на –35°). Откорректируйте положение каждой ножки, и полученный вами результат будет походить на рис. 56.

Рис. 56. Внешний вид паука после добавления туловища и ножек

И наконец, для большего эффекта на голову и туловище паука, предварительно выделив их инструментом Selection при нажатой клавише Shift, наложите фильтр Roughen командой Filter=>Distort=>Roughen (Фильтр=>Искажение=>Шероховатость) с такими примерно параметрами, как на рис. 57. Результат представлен на рис. 58.

Рис. 57. Настройки параметров эффекта Roughen

Рис. 58. Окончательный вид паука

Удаление опорных точек

При необходимости неудачно созданные точки (или точки, оставшиеся от удаленных контуров) можно удалить инструментом Delete Anchor Point (Перо–), щелкая им по любой из точек контура.

Кроме того, при работе с инструментом Pen из-за неверных щелчков мышью часто появляются изолированные опорные точки, от которых, естественно, тоже нужно избавляться. Это можно сделать на любой стадии подготовки изображения (иными словами, совсем необязательно, случайно поставив опорную точку, тут же ее удалять) с помощью команды Object=>Path=>Clean Up (Объект=>Контур=>Очистить) при параметрах, представленных на рис. 59.

Рис. 59. Настройка команды Clean Up для удаления всех изолированных точек

Если в процессе создания контура на нем появились ненужные опорные точки (которые в ходе дальнейшей работы могут усложнить процесс его преобразования), то их можно удалить командой Object=>Path=>Simplify (Объект=>Путь=>Упрощение пути). Однако при использовании данной команды следует оптимально подобрать точность кривой (Curve Precision) и предельный угол сглаживания (Angle Threshold), чтобы форма контура осталась неизменной или хотя бы с минимальными изменениями (рис. 60, 61).

Рис. 60. Исходное изображение с лишними опорными точками

Рис. 61. Удаление лишних опорных точек

Результат от применения команды Simplify Path может быть и более эффективным. Создайте многоугольник (рис. 62), наложите на него фильтр Pucker and Bloat командой Filter=>Distort=>Pucker and Bloat (Фильтр=>Искажение=>Сморщивать и раздувать) со значением параметра Pucker and Bloat 74% (рис. 63), а затем фильтр Filter=>Distort=>Twist (Фильтр=>Искажение=>Изгиб) со значением угла поворота 190° (рис. 64). Обратите внимание, сколько ненужных опорных точек появилось в созданном контуре. А теперь воспользуйтесь командой Object=>Path=>Simplify (Объект=>Путь=>Упрощение пути) при параметрах, например, как на рис. 65. В итоге получим уменьшение количества опорных точек более чем в два раза при полном сохранении внешнего вида контура (рис. 66).

Рис. 62. Исходное изображение многоугольника

Рис. 63. Внешний вид контура после наложения фильтра Pucker and Bloat

Рис. 64. Результат наложения фильтра Twist

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

Рис. 66. Внешний вид контура после удаления ненужных опорных точек

Разбиение контура

Разбиение контура означает получение из одной опорной точки двух независимых друг от друга точек, и осуществляется данная операция при помощи инструмента Scissors (Ножницы). Технология разбиения контура проста: нужно выделить контур и щелкнуть ножницами в той опорной точке или в том месте сегмента, где необходимо сделать разрез. При щелчке по сегменту образуются две новые опорные точки, лежащие одна на другой, а щелчок по опорной точке приведет к появлению поверх нее новой опорной точки.

Чтобы наглядно ознакомиться с особенностями разрезания контура, создайте произвольный многоугольник с четным числом углов (рис. 67). Последовательно выделяя инструментом Direct Selection каждую четную точку, перетащите ее примерно так, как на рис. 68. Затем ножницами произведите разрезы в каждой четной (в данном примере выпуклой вершине) — для этого придется каждый раз выделять нужную опорную точку контура инструментом Direct Selection, а затем щелкать на ней инструментом Scissors (рис. 69). А после этого займемся чисто декоративными моментами: вначале увеличьте ширину каждого из получившихся треугольных контуров, перетащив их внутренние вершины (рис. 70), потом воспользуйтесь командой Filter=>Distort=>Pucker and Bloat (Фильтр=>Искажение=>Сморщивать и раздувать) со значением параметра Pucker and Bloat –26% — рис. 71, а затем наложите фильтр Filter>=Distort>=ZigZag (Фильтр=>Искажение=>Зигзаг) с параметрами, представленными на рис. 72. Полученное после этого изображение станет напоминать рис. 73. Результат станет еще интереснее при повторном использовании команды Filter>=Distort>=Pucker and Bloat со значением параметра Pucker and Bloat 48% (рис. 74).

Рис. 67. Исходное изображение многоугольника с четным числом углов

Рис. 68. Внешний вид изображения после перемещения четных опорных точек

Рис. 69. Результат разрезания контура

Рис. 70. Результат перемещения внутренних опорных точек

Рис. 71. Внешний вид контура после наложения фильтра Pucker and Bloat

Рис. 72. Настройка параметров фильтра ZigZag

Рис. 73. Результат наложения фильтра ZigZag

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

Выравнивание опорных точек

Весьма часто возникает проблема размещения опорных точек контура строго по горизонтали или по вертикали. Создайте, например произвольную ломаную (рис. 75). Выделите три верхние опорные точки и воспользуйтесь командой Object=>Path=>Average (Объект=>Контур=>Усреднить (рис. 76). Затем аналогичную операцию проделайте с нижними опорными точками, и тогда ломаная примет такой вид, как на рис. 77.

Рис. 75. Исходное изображение ломаной

Рис. 76. Выравнивание по горизонтали верхних опорных точек

Рис. 77. Результат выравнивания всех опорных точек контура по горизонтали

Попробуем оценить возможности выравнивания точек на конкретном примере создания схематичного наброска пальмы. Вначале нарисуйте звезду (рис. 78). Выделите инструментом Direct Select Lasso внутренние опорные точки звезды и выровняйте их по центру командой Object=>Path=>Average (Объект=>Контур=>Усреднить (рис. 79), а затем наложите эффект Effect=>Warp=>Rise (Эффект=>Деформация=>Вспышка) при нужных параметрах (рис. 80). Полученный результат может напоминать изображение на рис. 81. Разверните полученное изображение нужным образом, слегка размойте по Гауссу с параметром размытия 1 пиксел с помощью команды Effect=>Blur=>Gaussian Blur (Эффект=>Размытие=>Размытие по Гауссу). Наложите фильтр ZigZag командой Filter=>Distort=>ZigZag (Фильтр=>Искажение=>Зигзаг) с такими, например, параметрами, как на рис. 82. И напоследок дорисуйте ствол (рис. 83).

Рис. 78. Исходное изображение пальмы

Рис. 79. Результат выравнивания внутренних опорных точек

Рис. 80. Настройка параметров эффекта Rise

Рис. 81. Внешний вид контура после наложения эффекта Rise

Рис. 82. Настройка параметров фильтра ZigZag

Видео:Трассировка в иллюстраторе // Как перевести растр в вектор? Adobe Illustrator🔥Скачать

Перемещение, выравнивание и распределение объектов

Видео:КАК СОЕДИНИТЬ И РАЗЪЕДИНИТЬ ЛИНИИ. ЗАМКНУТЫЙ И РАЗОМКНУТЫЙ КОНТУР. Иллюстратор. Adobe IllustratorСкачать

Перемещение объектов

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

Можно использовать привязки, чтобы было проще позиционировать объекты при перетаскивании. Например, можно привязать курсор к направляющим и опорным точкам и привязать границы объекта к линиям сетки. Также можно использовать палитру «Выравнивание» для позиционирования объектов относительно друг друга.

Можно использовать клавишу «Shift», чтобы ограничить перемещение одного или нескольких объектов так, чтобы они перемещались строго по горизонтали, вертикали или диагонали относительно текущей ориентации осей X и Y. Также можно использовать клавишу «Shift» для поворота объектов на углы, кратные 45°.

Видео:Как выровнять текст или объекты в Adob Indesign или Adobe IllustratorСкачать

Перемещение или создание дубликата объекта с помощью вставки

Выделите один или несколько объектов.

Выберите команду «Редактирование» > «Вырезать», чтобы переместить выделенную область, или «Редактирование» > «Копировать», чтобы создать дубликат выделенной области.

Чтобы вставить объект в другой файл, откройте файл. (о вставке объектов между слоями см. в разделе Вставка объектов между слоями).

Выберите одну из следующих команд:

Вставляет объект в центр активного окна.

«Редактирование» > «Вставить перед»

Вставляет объект непосредственно перед выделенным объектом.

«Редактирование» > «Вставить после»

Вставляет объект непосредственно после выделенного объекта.

«Редактирование» > «Вставить на то же место»

Вставляет иллюстрацию на то место активной монтажной области, где она располагается на исходной монтажной области.

«Редактирование» > «Вставить на все монтажные области»

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

Видео:Как обрезать, разрезать, вырезать объект в Adobe illustrator?Скачать

Перемещение объекта перетаскиванием

Выделите один или несколько объектов.

Перетащите объект в новое место.

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

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

Видео:Выравнивание в Adobe Illustrator. Как выровнять фигуру внутри другой фигуры.Скачать

Перемещение объекта с помощью клавиш со стрелками

Выделите один или несколько объектов.

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

Расстояние, на которое объект перемещается при каждом нажатии клавиши со стрелкой, определяется параметром «Перемещение курсора». Расстояние по умолчанию составляет 1 пункт (1/72 дюйма или 0,3528 мм). Чтобы изменить шаг значение параметра «Перемещение курсора», выберите команду «Редактирование» > «Установки» > «Основные» (в Windows) или «Illustrator» > «Установки» > «Основные» (в Mac OS).

Видео:Выравнивание объектов в Adobe IllustratorСкачать

Перемещение объекта на определенное расстояние

Выделите один или несколько объектов.

Выберите команду «Объект» > «Трансформировать» > «Перемещение».

Когда объект выделен, можно также дважды щелкнуть инструмент «Выделение», «Частичное выделение» или «Групповое выделение», чтобы открыть диалоговое окно «Перемещение».

Выполните любое из следующих действий:

Чтобы переместить объект влево или вправо, введите отрицательное значение (перемещение влево) или положительное значение (перемещение вправо) в текстовом поле «По горизонтали».

Чтобы переместить объект вверх или вниз, введите отрицательное значение (перемещение вверх) или положительное значение (перемещение вниз) в текстовом поле «По вертикали».

Чтобы переместить объект на угол относительно оси X объекта, введите положительную величину угла (перемещение против часовой стрелки) или отрицательную величину угла (перемещение по часовой стрелке) в текстовом поле «Расстояние» или «Угол». Также можно вводить значения в диапазоне от 180° и 360°. Эти значения преобразуются в соответствующие отрицательные значения (например, 270° преобразуется в -90°).

Если объекты содержат узорную заливку, выберите параметр «Узоры», чтобы переместить узор. Снимите флажок «Объекты», если требуется перемещать узоры, оставляя объекты неизменными.

Нажмите кнопку «ОК» или «Копировать», чтобы переместить копию объектов.

Видео:ОБРАБОТКА КОНТУРОВ: ОДИН ИЗ САМЫХ ПОЛЕЗНЫХ ИНСТРУМЕНТОВ В ADOBE ILLUSTRATOR! ПРИМЕРЫСкачать

Перемещение объектов с использованием координат X и Y

Выделите один или несколько объектов.

В палитре «Трансформирование» или «Управление» введите новые значения в поле X, Y или в обоих полях.

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

Видео:Урок 31. Выравнивание и распределение объектов в Adobe Illustrator. Полный курс обучения с нуляСкачать

Перемещение сразу нескольких объектов

Выделите один или несколько объектов.

Выберите команду «Объект» > «Трансформировать» > «Трансформировать каждый».

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

Выполните одно из следующих действий:

Чтобы переместить объекты на указанные расстояния, нажмите кнопку «ОК».

Чтобы переместить объекты случайным образом, но на расстояния, не превышающие указанные, выберите параметр «Случайно». Например, если нужно, чтобы на изображении кирпичной стены кирпичи были немного смещены относительно друг друга, а не выровнены идеально, можно выбрать параметр «Случайно». Затем нажмите кнопку «ОК».

Видео:ВЫРОВНЯТЬ и РАСПРЕДЕЛИТЬ! | Уроки Adobe IllustratorСкачать

Вставка объекта относительно других объектов

Выделите объект, который нужно вставить.

Выберите команду «Редактирование» > «Копировать» или «Редактировать» > «Вырезать».

Выделите объект, перед которым или после которого нужно сделать вставку.

Выберите команду «Редактирование» > «Вставить перед» или «Редактирование» > «Вставить после».

При вставке нескольких объектов все вставляемые объекты помещаются перед выделенным объектом или после него. Однако относительное расположение вставленных объектов остается прежним.

Видео:Как перевести любое изображение в векторное в иллюстраторе | illustrator tutorialСкачать

Вставка объектов между слоями

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

Чтобы включить этот параметр, выберите команду «Вставить скопированные слои» в меню палитры «Слои». Когда параметр включен, отображается флажок.

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

Видео:ТРАССИРОВКА В ADOBE ILLUSTRATOR. ВАЖНОЕ ДОПОЛНЕНИЕ.Скачать

Вставка на то же место и вставка на все монтажные области

Команда «Вставить на то же место» используется для вставки иллюстрации на активную монтажную область. Для выполнения этой команды выберите «Редактирование» > «Вставить на то же место». Также можно воспользоваться комбинацией клавиш «Ctrl»+«Shift»+«V» (Windows) или «Cmd»+«Shift»+«V» (Mac).

Команда «Вставить на все монтажные области» используется для вставки выбранной иллюстрации на все монтажные области. Перед использованием команды «Вставить на все монтажные области» убедитесь, что вы копируете объект из активной монтажной области.

Для выполнения этой команды выберите «Редактирование» > «Вставить на все монтажные области» при вырезании или копировании иллюстрации.

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

Команды «Вставить на то же место» и «Вставить на все монтажные области» выполняют вставку объектов в то место на всех монтажных областях, откуда они копировались на активной монтажной области.

Видео:ТРАССИРОВКА. ПЕРЕВОД РАСТРА В ВЕКТОР. ИЛЛЮСТРАТОР. Adobe Illustrator. Рисуем сердечки.Скачать

Выравнивание и распределение объектов

Палитра «Выравнивание» («Окно» > «Выравнивание») и параметры выравнивания на панели «Управление» используются для выравнивания и распределения выделенных объектов по указанной оси. Границы объектов или опорные точки можно использовать в качестве эталонной точки, а также выровнять по выделенной области, монтажной области или ключевому объекту. Ключевой объект представляет собой один определенный объект из нескольких выделенных объектов.

Параметры выравнивания отображаются на панели «Управление», когда выделен какой-либо объект. Если они не появились, выберите пункт «Выравнивание» в меню панели «Управление».

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