оздание контуров инструментами из группы 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щелкнуть левой кнопкой мыши в стороне от контура — при этом рядом с указателем вновь появится крестик, сигнализирующий о том, что можно начинать новый контур.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Таким же образом можно отредактировать внешний вид любого графического примитива.

Задание

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

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

исование головы.

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

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

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

Задание для самостоятельной работы:

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