Линии и фигуры составляют основу любой иллюстрации, однако не надо думать, что создавать их можно исключительно с помощью инструментов рисования линий и фигур, с которыми мы познакомились в прошлом уроке. Инструмент Перо ( ) — самый мощ-ный инструмент рисования Illustrator и, вероятно, наиболее сложный в освоении. Он позволяет создавать открытые и закрытые контуры любой формы, какую только можно представить; он не ограничива-ется простыми прямоугольными фигурами. Помимо этого вы можете редактировать и манипулировать контурами до бесконечности, пре-вращая простые иллюстрации в сложнейшие произведения искусства (рис. 3.1). Даже буквы, которые вы сейчас видите перед собой, начали жизнь в качестве контуров, нарисованных пером опытного дизайнера шрифтов.

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

FLORISTMIDDLE S EX

Рис. 3.1

Нарисованные пером контуры могут быть относительно про-стыми...

...или безумно сложными

Рису

нок

гиби

скус

а со

здан

prin

gletta

: цв

еточ

ная

рамк

а со

здан

а Ju

lio E

. Ch

andi

a, д

изай

нера

ми iS

tock

Phot

o.com

121Что заставляет прямую линию сгибаться

не для этого?). Пробуйте то и это, рисуйте разные фигуры, при-меняйте разные техники. Перемещайте точки и смотрите, как это влияет на очертания фигур. Я могу рассказать вам лишь о самых элементарных приемах, а добиться совершенства вам помогут практика и непрерывное экспериментирование.

Что заставляет прямую линию

сгибатьсяФигуры и линии состоят из опорных точек и контуров; об этом

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

Помните, в детстве у вас были головоломки с пронумерован-ными точками, которые нужно было соединять по порядку, чтобы увидеть рисунок? Можно сказать, что с опорными точками наблю-дается полная аналогия. В Illustrator они соединяются сегментами, которые называются так, потому что каждый сегмент — это лишь часть целого контура.

Однако в отличие от точечных рисунков, опорные точки в  Illustrator не обязательно соединяются прямыми отрезками; сегменты могут быть изогнутыми. Но как Illustrator узнает, что тот или иной сегмент должен быть искривлен? И откуда ему знать степень искривления?

Эту информацию предоставляют точки другого типа. Не опор-ные, потому что опорные точки являются частью контура, а точки, называемые манипуляторами, которые контуру не принадлежат. Манипуляторы оказывают косвенное, скорее «гравитационное» воздействие на форму контура. Потяните манипулятор в одну сторону, и контур изогнется по направлению к нему; потяните в  другую, и контур отклонится, как на рис. 3.2 (светло-серым цветом обозначен исходный контур для сравнения). Манипуля-торы — душа Illustrator, они живут в программе с самого ее зарож-дения и защищены одним из первых патентов Adobe. А Перо — это единственный инструмент, предоставляющий вам полный контроль над манипуляторами во время рисования (мы начнем изучение манипуляторов в упражнении «Рисование текучих кри-вых Безье» на с. 131).

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

Рис. 3.2

122 УРОК 3. Инструмент Pen (Перо)

Создание растрового трассировочного

шаблонаВ предыдущем уроке я продемонстрировал, как нарисовать ил-

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

На этом уроке мы займемся воссозданием рисунка на базе пик-тограммы, которую я видел в Агава Рок в Онтарио на берегу озера. Пиктограмма изображает подводную пантеру; рисунок принадлежит народу оджибве.

1. Изучите эволюцию рисунка. Откройте Bridge, вы-брав команду меню File�Open in Bridge (Файл�Обзор в Bridge) или нажав комбинацию клавиш Ctrl+Alt+O (⌘+Option+O на Mac). Также можно щелкнуть на знач-ке на панели приложений. На панели Favorites (Избранное) в верхнем левом углу откройте папку Lesson 03 внутри папки Lesson Files-AIcs5 1on1, как показано на рис. 3.3 (подразуме-вается, что вы выполнили инструкции шага 10 на с. 37 урока 1). В папке Original вы увидите три растровых изображения: Mishipizheu.jpg, Mishi sketch.jpg и Mishi painting.jpg.Первый файл, Mishipizheu.jpg — это оригинальная фотогра-фия, которую я сделал в Агава Рок; а Mishi sketch.jpg — грубый цифровой набросок, выполненный в Photoshop. Наконец, Mishi painting.jpg — это цифровая фотография рисунка акрило-

Рис. 3.3

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

2. Откройте файл форма-та Illustrator. Вернитесь на уровень выше, к пап-ке Lesson 03, и дважды щелк ните на эскизе фай-ла Mishi drawing.ai, чтобы открыть его в Illustrator. Вы увидите документ, состоящий из двух слоев, как показано на рис. 3.4

123Создание растрового трассировочного шаблона

(если палитра Layers (Слои) скрыта, то нажмите клави-шу F7, чтобы вывести ее на экран).

3. Удалите существующий слой шаблона. Очень удобно, что слой шаблона в файле уже есть, однако мы долж-ны удалить его, чтобы соз-дать трассировочный ша-блон с  нуля. Удалите слой Template, перетащив его на значок мусорной корзины внизу палитры или выделив слой и выбрав в меню ко-манду Delete «Template» (Уда-лить «Template»). Если раскроется диало-говое окно предупреждения, то выберите Yes (Да), чтобы закрыть его; вы же хотите удалить этот слой!

4. Импортируйте трассировочный шаб-лон в файл. Выберите команду File� Place (Файл�Поместить); диалоговое окно Place (Поместить) показано на рис. 3.5. Здесь есть несколько параметров, на которые стоит обратить внимание:

• флажок Link (Ссылка) определяет, создаст Illustrator привязку к выбранному файлу или встроит его копию в документ. Если вы опасаетесь, что можете потерять исхо-дный файл, то можно встроить его копию в иллюстрацию, чтобы они всегда хра-нились вместе, однако я не рекомендую так делать. Это значительно увеличивает размер документа, а редактировать встроенный рисунок стано-вится сложнее. По умолчанию этот флажок установлен;

• флажок Template (Шаблон) приказывает Illustrator автоматиче-ски выполнить определенный набор действий при помещении файла. Выберите в папке Originals файл Mishi painting.jpg, удо-стоверьтесь, что флажок Template (Шаблон) установлен, и щелк-ните на кнопке Place (Поместить).Поскольку вы установили флажок Template (Шаблон), Illustrator автоматически создал новый слой позади всех существующих, поместил изображение на этот слой, заблокировал его и при-глушил яркость рисунка. К сожалению, рисунок может быть не выровнен по монтажной области; мы исправим этот недостаток в следующих шагах.

Рис. 3.4

Рис. 3.5

124 УРОК 3. Инструмент Pen (Перо)

5. Разблокируйте слой шаблона и выделите рисунок. На палитре Layers (Слои) щелкни-те на значке , чтобы разблокировать слой Template. Затем выберите инструмент Выде-ление и щелкните на кромке рисунка; так вы выделите его целиком.

6. Выровняйте рисунок. Удостоверьтесь, что на панели управления, показанной на рис. 3.6, выбран значок выравнивания по мон тажной области . Рядом появятся еще несколько значков; щелкните на значке , а  потом на значке , чтобы выровнять рисунок по монтажной области сначала по горизонта-ли, а потом по вертикали.

7. Заблокируйте слой и настройте его па-раметры. Щелкните на пустом поле слева от названия слоя Template, чтобы снова за-

Рис. 3.6

Рис. 3.7

блокировать его. Дважды щелкните на названии слоя; рас-кроется диалоговое окно Layer Options (Параметры), показан-ное на рис. 3.7. Если необходимо, укоротите название слоя до Template.В этом диалоговом окне вы увидите еще несколько параметров. Флажок Template (Трафарет) установлен автоматически, и, как мы убедимся позже, этот параметр гарантирует, что слой будет виден и в режиме предварительного просмотра, и в режиме про-смотра контуров. Параметр Dim Images (Ослабление до) позволя-ет указать процентное значение яркости растровых изображе-ний (на векторные изображения он никак не влияет). Установите значение 35% и щелкните на кнопке OK.

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

Создание многоугольников

произвольной формы

и сплайновых кривыхВы научились создавать трассировочный шаблон, поэтому сейчас

самое время опробовать его в деле. В этом упражнении вы обведете инструментом Перо странной формы каноэ (или гигантскую расче-ску?) слева на изображении. Инструмент Перо дал жизнь Illustrator более двадцати лет назад и, по мнению многих, до сих пор остается самым мощным и важным его инструментом. Хотя работа с этим инструментом требует бесконечного терпения, он обеспечивает наи-

125Создание многоугольников произвольной формы и сплайновых кривых

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

1. Откройте трассировочный шаблон. Если у вас открыт файл из предыдущего упраж-нения, отлично; если же нет, то от-кройте файл, который вы сохранили в конце первого упражнения, или файл Mishi drawing.ai из папки Lesson 03.

2. Приблизьте каноэ. Выберите инстру-мент на панели управления (или нажмите клавишу Z). Несколько раз щелкните на каноэ, увеличив ту часть рисунка, которая показана на рис. 3.8. Перед тем как продолжать, удосто-верьтесь, что активен слой Drawing.

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

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

5. Включите режим просмотра конту-ров. Хьюстон, у нас проблема. Хотя

Рис. 3.8

Рис. 3.9

Рис. 3.10

126 УРОК 3. Инструмент Pen (Перо)

контур отдаленно напоминает очер-тания каноэ, белая заливка закрывает трассировочный шаблон, делая его со-вершенно непригодным к использова-нию. Это легко исправить — включите режим просмотра контуров, нажав со-четание клавиш Ctrl+Y (⌘+Y на Mac). Те-перь отображается только контур, без заливки, но, как я упоминал в шаге 7 на с. 124, трассировочный шаблон все так же виден (рис. 3.11).

6. Добавьте массу новых точек. Продол-жайте щелкать вдоль края каноэ против часовой стрелки, ориентируясь на точки на рис. 3.12. Когда вы поставите послед-нюю точку и будете готовы закрыть кон-тур, снова щелкнув на начальной точке, обратите внимание, что вид указателя снова изменится, на этот раз на . Ма-ленький кружок указывает, что контур можно закрыть. Щелкните на начальной точке, чтобы закрыть контур.

Жемчужина мудрости

Если вы вдруг сбросите выделение контура, не паникуйте. Следите за формой указателя мыши. Если вы видите значок , значит, сле-дующий щелчок на холсте начнет новый кон-тур — нам это не нужно. Попробуйте подвести указатель мыши к последней точке пути, и он примет форму . Указателем такой формы можно заново выделить контур и продолжить работу с того места, где вы прервались. Также существует опасность поставить точку в непра-вильном месте. Удалить последнюю точку мож-но с помощью сочетания клавиш Ctrl+Z (⌘+Z). Однако существует еще один маленький трюк, которым можно воспользоваться, пока кнопка мыши еще нажата. Не отпуская кнопку мыши, нажмите и удерживайте пробел. Так вы сможе-те перетащить текущую точку, а когда она ока-жется в нужном положении, отпустите сначала кнопку мыши, а потом клавишу пробел.

7. Исправьте контур каноэ инструмен-том Прямое выделение. Итак, вы соз-дали замкнутый контур, такой как на рис. 3.13, но если вы такой же перфек-ционист, как и я, то вас наверняка не

Рис. 3.11

Рис. 3.12

Рис. 3.13

127Создание многоугольников произвольной формы и сплайновых кривых

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

Почему белая стрелочка, а не черная? Инстру-мент «белая стрелочка» (Прямое выделение) позволяет выделять отдельные точки, а «чер-ная стрелочка» (Выделение) всегда выделяет контур целиком.

Рис. 3.14

Жемчужина мудрости

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

Рис. 3.15

Вооружившись «белой стрелочкой», щелкните на любой точке, не находящейся на контуре, чтобы сбросить выде-ление всех элементов, либо нажмите Ctrl+Shift+A (⌘+Shift+A на Mac). Если сейчас подвести указатель мыши к точке контура, его вид изменится на , а точка будет подсвече-на белым квадратиком, как на рис. 3.14. Щелкните, чтобы выделить точку, и перетащите ее на нужное место. Под-вигайте точки, как считаете нужным, и не беспокойтесь о том, что контур все равно не примет идеальную форуму (я исправил положение нескольких точек на изображении гребцов каноэ). В следующем шаге вы узнаете еще несколь-ко полезных трюков.

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

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

• если подвести указатель мыши к существующему сег-менту, то вид указателя изменится, так как включится инструмент , добавляющий опорную точку;

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

128 УРОК 3. Инструмент Pen (Перо)

• если нажать и удерживать клавишу Ctrl (или ⌘ на Mac), то временно включится инструмент «стрелочка», который вы использовали последним; в нашем случае  — «белая стрелочка». Как и на предыдущем шаге, инструментом «белая стрелочка» можно скорректировать положение от-дельных точек контура, включая те, которые вы только что создали.Итак, вы узнали, что умеют делать эти инструменты. Ис-пользуйте их для дальнейшего совершенствования кон-тура каноэ. Я добавил по одной точке с каждой стороны, чтобы скруглить очертания, и переместил несколько суще-ствующих точек. Будьте осторожны, создавая новые точки: щелкайте и отпускайте кнопку мыши и только после этого нажимайте клавишу Ctrl (⌘), чтобы перетащить свежесоз-

Жемчужина мудрости

При удалении точки инструмен-том Illustrator соединяет между собой ее бывших соседок, восста-навливая разорванный контур. Но что делать, если вам нужен именно разрыв? Все просто: вы-делите точку инструментом «бе-лая стрелочка» и нажмите клави-шу Backspace (Delete на Mac). При этом будет удалена как точка, так и соседние с ней сегменты, а в контуре появится разрыв.

Рис. 3.16

Рис. 3.17

данную точку в другое место. Если вы щелкнете и сразу же перетащи-те указатель, не отпуская кнопку мыши, то создадите точку сглажива-ния, о которых мы еще не говорили (они впервые упоминаются в следу-ющем упражнении, «Рисование теку-чих кривых Безье»). Если вы случай-но создадите точку сглаживания, то нажмите Ctrl+Z или ⌘+Z для отмены последнего действия. В результате у вас должно получиться нечто похо-жее на рис. 3.16.

9. Скруглите очертания каноэ с по-мощью команды Round Corners (Скругленные углы). Очертания каноэ теперь больше похожи на трассировочный шаблон, однако

углы пока еще слишком острые. Мы исправим это с помощью живых эффектов Illustrator (считайте, что это приманка, потому что в подробностях мы обсудим живые эффекты только в уро-ке 10). В меню Effect (Эффект) выберите команду Stylize�Round Corners (Стилизация�Скругленные углы). Откроется диалоговое окно Round Corners (Скругленные углы), показанное на рис. 3.17. Значение по умолчанию в поле Radius (Радиус) равно 10 пунктам (по крайней мере, у меня). Установите флажок Preview (Про-смотр), чтобы видеть, какой эффект произведет эта команда на очертания нашего рисунка.К сожалению, создается впечатление, что ничего не произошло. Просто Round Corners (Скругленные углы), как и другие живые эффекты, не меняет контур рисунка в Illustrator; он определяет способ визуализации обводки, которую можно увидеть только в режиме предварительного просмотра. Пока что оставьте зна-чение Radius (Радиус) по умолчанию и щелкните на кнопке OK, уповая на то, что что-то все же изменилось.

129Создание многоугольников произвольной формы и сплайновых кривых

10. Включите режим предваритель-ного просмотра и поменяйте заливку каноэ. Нажмите Ctrl+Y (⌘+Y на Mac), чтобы снова пере-йти в режим предварительного просмотра. Вы увидите каноэ со скругленными контурами, чер-ной обводкой и белой заливкой. Сделайте следующее:

• удостоверьтесь, что активен атри-бут заливки (значок внизу панели инструментов должен выглядеть как ). Если заливка неактивна, нажмите клавишу X;

• выключите заливку для этой фи-гуры, щелкнув на значке или нажав клавишу . Рис. 3.18

Жемчужина мудрости

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

Рис. 3.19

Теперь вы должны видеть фон рисунка сквозь каноэ с округлым контуром, как на рис. 3.18.

11. Исправьте эффект скругленных углов. Функция сгла-живания углов помогла, но эффект все же не идеа-лен. Еще раз выберите в меню Effect (Эффект) команду Stylize�Round Corners (Стилизация�Скругленные углы). Раскроется диалоговое окно с предупреждением, пока-занное на рис. 3.19. Что это значит?Illustrator предупреждает о повторном применении эффе-кта скругленных углов. Определенно, нам это не нужно — мы хотим отредактировать первоначальный эффект. Щелк ните на кнопке Cancel (Отмена), чтобы закрыть окно.Для того чтобы отредактировать первоначальный эффект, откройте палитру Appearance (Оформление), показанную на рис. 3.20. Для этого нажмите Shift+F6 или выберите команду Appearance (Оформление) в меню Window (Окно). Щелкните на подчеркнутой ссылке Round Corners (Скругленные углы), чтобы открыть одноименное диалоговое окно (самые внимательные читатели мог-ли заметить, что сообщение в диалоговом окне на рис. 3.19 советует дважды щелкнуть на названии эффекта; это неправильно — достаточно только одного щелчка). Вве-дите в поле Radius (Радиус) значение 14 pt и щелкните на кнопке OK.Почему я выбрал такое большое значение радиуса, ведь стилизованные гребцы из-за этого совсем потеряли нужную форму? Большое значение радиуса подходит для сглаживания внешних очертаний каноэ. Не беспокойтесь, у меня есть в запасе трюк, который позволит восстановить исходную прямоугольную форму очертаний гребцов (см. следующий шаг).