Chapter13

13Рисование иллюстраций

Рисование иллюстраций

Раскрывающийся список Preset

Рис. 13.55. Параметры автоматической трассировки выбирают в диалоговом окне Tracing Options

Рис. 13.56. Рас-	Рис. 13.57. Вектор-
тровое изображе-	ная версия изображения,
ние, импортиро-	полученная в результа-
ванное в документ	те применения средства
Adobe Illustrator	Live Trace

Рис. 13.58. Векторное	Рис. 13.59. Отска-
изображение в режи-	нированный снимок,
ме просмотра Outline	импортированный в
(Очертания)	документ программы
	Adobe Illustrator

Специфика применения средства

«Live Trace»

Программное средство Live Trace (Автоматическая трассировка) применяют в два этапа. После выделения вставленного в документ Adobe Illustrator растрового изображения на панели Control (Управление), которая расположена непосредственно под строкой меню программы, появляется кнопка Live Trace. Щелкните на этой кнопке, чтобы применить одноименное программное средство к выделенному растровому изображению. Программа выполнит эту задачу, а на панели Control вместо кнопки Live Trace появит-

ся кнопка Expand (Преобразовать в контуры). Щелкните на ней, чтобы получить доступ к редактированию опорных точек контуров векторного изображения, созданного программой в результате использования средства Live Trace. На рис. 13.58 показана векторная версия растрового изображения, которая получена в результате щелчка мышью на кнопке Live Trace, а затем на кнопке Expand панели Control.

Трассировка фотографий

Данное задание во многом напоминает применение средства Live Trace (Автоматическая трассировка) к нарисованным от руки эскизам. Единственное отличие заключается в выборе параметров упомянутого выше средства в диалоговом окне Tracing Options (Параметры трассировки). Выбирая различные значения параметров трассировки фотографий, можно получить различные векторные версии одного и того же снимка.

Отсканированная фотография, импортированная в доку-

мент Adobe Illustrator, показана на рис. 13.59. Вектор-

ная версия этого же снимка после применения средства Live Trace с заданными по умолчанию параметрами показана на рис. 13.60.

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

500

Adobe InDesign, Photoshop и Illustrator

ствий на экране появится список предустановленных наборов параметров средства Live Trace. Выберите название другого набора параметров — например, Grayscale (Градации серого цвета), Comic Art (Картинка из комикса) или Technical Drawing (Чертеж), — чтобы получить другой результат трассировки выделенного в данный момент растрового изображения. Кстати говоря, раскрывающийся список Preset (Предустановленные параметры) расположен в верхнем левом углу диалогового окна Tracing Options (Параметры трассировки).

Программное средство «Live Paint Bucket»

Инструмент Live Paint Bucket (Интерактивная заливка) также вполне справедливо относят к категории революционных программных средств. С его появлением радикальным образом изменились фундаментальные основы функционирования Adobe Illustrator. В частности, изменилась процедура раскраски фрагментов изображения, которая, в отличие от применения традиционных инструментов, осуществляется в интуитивно понятном интерактивном режиме.

Итак, инструмент Live Paint Bucket призван упростить раскраску фрагментов изображения, а также сделать эту процедуру более интуитивно понятной. После активизации режима интерактивной заливки все ранее выделенные объекты изображения находятся на одном уровне по отношению друг к другу. Более того, в этом режиме программа предлагает пользователю делить выделенные объекты на поверхности и границы этих поверхностей. В режиме интерактивной заливки границы и поверхности группы выделенных объектов можно сравнить с отдельными фрагментами изображения, к которым применена традиционная обводка и заливка. Однако, в отличие от традиционной обводки и заливки, границы и поверхности в режиме интерактивной заливки являются интерактивными элементами. Поверхностями в режиме интерактивной заливки называют фрагменты, полученные в результате частичного перекрытия одних объектов изображения другими объектами (рис. 13.61). В режиме интерактивной заливки в различные цвета можно раскрашивать как поверхности, так и границы этих поверхностей. Таким образом, воспользовавшись инструментом Live Paint Bucket (Интерактивная заливка), можно быстро раскрасить отдельные поверхности (а также границы этих поверхностей) выделенных объектов изображения с учетом новых «правил игры», предлагаемых режимом интерактив-

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

НА ЗАМЕТКУ

Режим просмотра Outline (Очертания) специально выбран для демонстрации векторного изображения (см. рис. 13.58), поскольку именно в этом режиме отчетливо видны опорные точки контуров. Для того чтобы активизировать этот режим, в главном меню программы выберите команду

ViewOutline.

Рис. 13.60. Векторная версия фотоснимка после применения средства Live Trace с заданными по умолчанию параметрами

НА ЗАМЕТКУ

По умолчанию для работы средства Live Trace выбран цве-

товой режим Black & White

(Черно-белое изображение). Заданное по умолчанию пороговое значение для этого режима (параметр Threshold (Порог) диалогового окна

Tracing Options) составляет

128 единиц.

501

13Рисование иллюстраций

Рисование иллюстраций

Граница поверхности

Поверхность

Рис. 13.61. Границы поверхностей в режиме интерактивной заливки определяются размерами перекрывающих друг друга фрагментов изображения

Рис. 13.62. Три выделенных прямоугольника, которые частично перекрывают друг друга

Активизированная поверхность

Рис. 13.63. Поверхность изображения, активизированная в режиме интерактивной заливки

Раскраска интерактивных поверхностей

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

Как отмечалось ранее, фрагменты объектов документа, которые перекрывают друг друга, в режиме интерактивной заливки называют поверхностями. Для того чтобы изменить цвет любой поверхности, активизируйте инструмент Live Paint Bucket (Интерактивная заливка) (на кнопке этого инструмента изображена банка с краской), щелкните на образце интересующего вас цвета в палитре Swatches (Образцы), а затем поместите указатель мыши над одной из поверхностей. Обратите внимание на то, что по периметру этой поверхности (над которой находится указатель мыши) появилась рамка выделения режима интерактивной заливки (рис. 13.63) (по умолчанию данная рамка выделения окрашена в красный цвет).

Далее щелкните мышью, чтобы изменить цвет данной поверхности (рис. 13.64).

Аналогичным образом можно быстро изменить цвета других поверхностей выделенных объектов

(рис. 13.65).

Как видите, в режиме интерактивной заливки достаточно просто менять цвета отдельных фрагментов изображения. Это первое, но далеко не последнее преимущество инструмента Live Paint Bucket (Интерактивная заливка) по отношению к традиционным инструментам рисования Adobe Illustrator. После активизации инструмента Live Paint Bucket программа автоматически объединяет все выделенные объекты в груп-

пу интерактивной заливки. При этом все поверхно-

сти такой группы динамически связны друг с другом.

502

Adobe InDesign, Photoshop и Illustrator

Рис. 13.64. Результат изменения цвета	Рис. 13.65. Результат изменения цветов	Рис. 13.66. Результат переме-
одной поверхности изображения в режи-	нескольких поверхностей изображения в	щения объекта, находящегося в
ме интерактивной заливки	режиме интерактивной заливки	группе интерактивной заливки

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

Раскраска виртуальных поверхностей

Преимущества интуитивно понятного режима интерактивной заливки особенно очевидны во время раскраски виртуальных поверхностей. На рис. 13.67 показано шесть выделенных прямолинейных контуров, созданных в программе Adobe Illustrator. Ширина черной линии обводки каждого из шести контуров составляет 1 пункт (цвет заливки отсутствует).

С помощью инструмента Live Paint Bucket (Интерактивная заливка) можно быстро закрасить виртуальные поверхности (которые образованы пересечением этих контуров) так же, как обычные объекты изображения. На рис. 13.68 показан результат применения инструмента Live Paint Bucket к четырем виртуальным поверхностям.

Рис. 13.67. Шесть прямолинейных	Рис. 13.68. Четыре виртуальные поверх-	Рис. 13.69. Программа автоматиче-
контуров	ности залиты различными цветами с помо-	ски закрасит в выбранные вами цвета
	щью инструмента Live Paint Bucket	измененные формы поверхностей,
		которые принадлежат группе инте-
		рактивной заливки

503

13Рисование иллюстраций

Рисование иллюстраций

СОВЕТ

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

Live Paint Selection (Выделение интерактивной заливки), щелкните мышью на одной поверхности, а затем, удерживая нажатой клавишу <Shift>, щелкните на других поверхностях, которые необходимо выделить. Выделенные поверхности программа автоматически заливает узором из серых точек.

Рамка режима вставки

Рис. 13.70. В режиме вставки по периметру группы интерактивной заливки появится линия серого цвета

Новый объект

Рис. 13.71. Зеленый прямоугольник добавлен в группу интерактивной заливки

В этом случае, как и в случае с прямоугольниками (см. рис. 13.66), все поверхности группы динамически связаны друг с другом. На рис. 13.69 показан результат перемещения контура, образующего границы виртуальных поверхностей. Обратите внимание на то, как изменились формы закрашенных поверхностей в результате перемещения этого контура.

Вставка объекта в группу интерактивной заливки

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

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

Результат добавления нового прямоугольника в группу интерактивной заливки показан на рис. 13.71. Для того чтобы выйти из режима вставки, активизируйте инструмент Selection (Выделение), а затем дважды щелкните мышью за пределами интерактивной группы. Теперь этот объект можно раскрасить с помощью инструмента Live Paint Bucket (Интерактивная заливка), как составную часть группы интерактивной заливки.

Преобразование поверхностей в объекты

После редактирования группы интерактивной заливки ее поверхности можно преобразовать в обычные объекты (и при этом сохранить внесенные вами изменения). Выделите группу интерактивной заливки, а затем щелкните на кнопке Expand, которая находится на панели Control (Управление). Программа немедленно преобразует каждую поверхность в обыкновенный графический объект программы Adobe Illustrator.

Раскраска границ поверхностей

Ранее уже упоминалось о том, что поверхности объектов в режиме интерактивной заливки можно сравнить с обычной заливкой, которая применяется к обычным объектам Adobe Illustrator. Границы этих поверхностей можно сравнить с обводкой, примененной к обычным объектам. Следовательно, с помощью инструмента Live Paint Bucket (Интерактивная заливка) можно менять не только цвет поверхности, но и цвет ее границ.

504

Adobe InDesign, Photoshop и Illustrator

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

Для того чтобы в режиме интерактивной заливки изменить цвет границы любой поверхности, необходимо сделать следующее. Дважды щелкните мышью на кнопке инструмента Live Paint Bucket, чтобы открыть диалоговое окно Live Paint Bucket Options (Параметры интерактивной заливки) —

рис. 13.73. В группе параметров Options, помимо флажка Paint Fills (Заливка), установите флажок Paint Stroke (Обводка). После этого щелкните мышью на кнопке OK.

Убедитесь в том, что инструмент Live Paint Bucket по-прежнему активизирован, а затем поместите указатель мыши над одной из границ, чтобы ее выделить. Как видите, теперь указатель мыши принял вид небольшой кисточки. Щелкните мышью на этой границе, чтобы изменить ее цвет (рис. 13.74).

Практика. Трассировка эскиза

Выполните следующие действия, чтобы с помощью средства Live Trace (Автоматическая трассировка) преобразовать импортированный эскиз в векторное изображение.

1.В Adobe Illustrator откройте файл изображения AI 13-5.ai, который находится на прилагаемом к этой книге компакт-диске. Сохраните его на жестком диске вашего компьютера под именем Live Trace Sketch.

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

2.Убедитесь в том, что непосредственно под строкой меню отображена панель Control (Управление). Если это не так, в главном меню программы выберите команду WindowControl Palette (ОкноПанель управления).

3.Активизируйте инструмент Selection (Выделение), а затем щелкните на растровом изображении.

1, После выделения растрового изображения на панели Control появится кнопка Live Trace (Автоматическая трассировка).

4.Щелкните на кнопке Live Trace панели Control, чтобы применить одноименное программное средство к выделенному растровому изображению.

5.Щелкните мышью на кнопке Expand (Преобразовать в контуры) пане-

ли Control.

1, Программа немедленно преобразует указанное вами изображение в векторное (рис. 13.75).

Рис. 13.72. Два выделенных прямоугольника, которые перекрывают друг друга

Рис. 13.73. Диалоговое окно

Paint Bucket Options

Указатель мыши

Рис. 13.74. Результат изменения цвета границы одной из плоскостей

Рис. 13.75. Результат трассировки контуров растрового изображения

505

13Рисование иллюстраций

Рисование иллюстраций

Рис. 13.76. Один из вариантов раскрашенного изображения

Рис. 13.77. Результат преобразования растрового изображения в векторное с заданными по умолчанию параметрами сред-

ства Live Trace

6.Щелкните за пределами векторного изображения, чтобы снять с него выделение. С помощью инструмента Direct Selection (Частичное выделение) и палитры Swatches (Образцы цвета) измените цвета отдельных фрагментов данного изображения. Один из вариантов раскрашенного изображения показан на рис. 13.76.

7.В заключение сохраните документ (FileSave), а затем закройте его

(FileClose).

Практика. Трассировка фотографии

Выполните следующие действия, чтобы с помощью средства Live Trace (Автоматическая трассировка) и его параметров преобразовать импортированный снимок в векторное изображение.

1.В Adobe Illustrator откройте файл изображения AI 13-6.ai, который находится на прилагаемом к этой книге компакт-диске. Сохраните его на жестком диске вашего компьютера под именем Live Trace Photo.

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

2.С помощью инструмента Zoom (Масштаб) увеличьте масштаб верхней фотографии. Активизировав инструмент Selection (Выделение), щелкните на этой фотографии, а затем — на кнопке Live Trace (Автоматическая трассировка) панели Control (Управление).

1, Программа немедленно преобразует указанный вами снимок в векторное изображение, используя заданные по умолчанию параметры средства Live Trace (рис. 13.77) (по умолчанию для работы средства Live Trace выбран цветовой режим Black & White (Черно-белое изображение)).

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

4.С помощью инструмента Selection выделите среднее фото, после чего щелкните мышью на небольшой кнопке (с направленной вниз стрелкой), которая расположена справа от кнопки Live Trace (панель Control). Далее в появившемся меню выберите команду Tracing Options (Параметры трассировки), чтобы открыть одноименное диалоговое окно.

5.Установите флажок Preview (Предварительный просмотр).

6.В группе параметров Adjustments (Настройки) увеличьте до 200 значение

параметра Threshold (Порог).

1, Программа немедленно перерисует выделенное изображение в соответствии с указанным вами пороговым значением.

506

Adobe InDesign, Photoshop и Illustrator

Рис. 13.78. Результат трассировки одного и того же изображе-	Рис. 13.79. Один из вариантов рас-
ния с различными значениями параметра Threshold	крашенного изображения

7.Теперь уменьшите значение параметра Threshold до 160. Подождите немного, пока программа перерисует изображение, а затем щелкните мышью на кнопке Trace диалогового окна

Tracing Options.

8.Перетащите среднее изображение к верхнему (рис. 13.78). Сравните результаты трассировки, полученные с различными значениями параметра Threshold диалогового окна Tracing Options.

9.Щелкните мышью в свободной части окна документа, чтобы снять выделение с его объектов. Увеличьте масштаб нижней фотографии, а затем выделите ее. Щелкните мышью на небольшой кнопке (с направленной вниз стрелкой), которая расположена справа от кнопки Live Trace (панель Control). В появившемся меню выберите команду Color 6 (Шестицветное изображение).

10.Щелкните мышью на кнопке Expand (Преобразовать в контуры) панели Control, после чего снимите выделение с преобразованного изображения.

11.С помощью инструмента Direct Selection (Частичное выделение) и палитры Swatches (Образцы цвета) измените цвета отдельных фрагментов данного изображения. Один из вариантов раскрашенного векторного изображения показан на рис. 13.79.

12.В заключение сохраните документ (FileSave), а затем закройте его (FileClose).

Практика. Использование инструмента «Live Paint Bucket»

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

1.В Adobe Illustrator откройте файл изображения AI 13-7.ai, который находится на прилагаемом к этой книге компакт-диске. Сохраните его на жестком диске вашего компьютера под именем Live Paint Circles.

2.Залейте верхнюю, левую и правую окружности красным, зеленым и синим цветом (соответственно).

3.С помощью инструмента Selection (Выделение) выделите все три окружности, а затем дважды щелкните мышью на кнопке инструмента Live Paint Bucket (Интерактивная заливка). В группе параметров

507

13Рисование иллюстраций

Рисование иллюстраций

Рис.13.80.Изменение цвета области оранжевой окружности, которую перекрывает синяя окружность

Рис. 13.81. Изменение цветов семи плоскостей группы объектов

Рис. 13.82. Один из вариантов изменения цветов всех двенадцати границ плоскостей

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

508

Options появившегося диалогового окна Live Paint Bucket Options (Параметры интерактивной заливки) установите флажки Paint Fills (Заливка) и Paint Stroke (Обводка). Щелкните мышью на кнопке OK.

4.Щелкните в палитре Swatches (Образцы цвета) на любом образце оранжевого цвета.

1, Обратите внимание, что щелчок на образце оранжевого цвета не привел к изменению цвета выделенных объектов. Произошло это потому, что в данный момент активизирован режим интерактивной заливки.

5.Убедитесь в том, что инструмент Live Paint Bucket по-прежнему активизирован, после чего щелкните мышью на плоскости красного цвета верхней окружности.

6.Щелкните в палитре Swatches (Образцы цвета) на любом образце розового цвета. Затем щелкните мышью в области оранжевой окружности, которую перекрывает синяя окружность.

1, Цвет указанной вами области изменится на розовый (рис. 13.80).

7.Выберите другой цвет, чтобы закрасить все семь поверхностей группы объектов интерактивной заливки. Теперь изображение должно выглядеть примерно так, как показано на рис. 13.81.

8.Щелкните мышью на значке Stroke (Обводка) панели инструментов, а затем — на образце пурпурного цвета в палитре Swatches (Образцы). Поместите указатель мыши над любой границей черного цвета и убедитесь в том, что указатель принял вид небольшой кисточки. Теперь щелкните мышью, чтобы перекрасить эту границу в пурпурный цвет.

9.Аналогичным образом измените цвета всех двенадцати границ плоскостей группы объектов. В заключение снимите выделение с группы объектов. Изображение должно выглядеть примерно так, как показано на рис. 13.82.

10.С помощью инструмента Direct Selection (Частичное выделение) переместите каждую из трех окружностей (рис. 13.83). Обратите внимание на то, что в процессе перемещения программа автоматически меняет цвет границ и поверхностей.

11.Выделите все три окружности, а затем щелкните мышью на кнопке Expand (Преобразовать в контуры) панели Control. Снимите выделение и с помощью инструмента Direct Selection (Частичное выделение) «вытащите» из окружностей все раскрашенные вами поверхно-

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

12.В заключение сохраните документ (FileSave), а затем закройте его

(FileClose).

Adobe InDesign, Photoshop и Illustrator

Практика. Раскраска иллюстрации с помощью инструмента

«Live Paint Bucket»

Выполните следующую последовательность действий, чтобы с помощью инструмента Live Paint Bucket (Интерактивная заливка) раскрасить в различные цвета фрагменты одной иллюстрации.

1.В Adobe Illustrator откройте файл изображения AI 13-8.ai, который находится на прилагаемом к этой книге компакт-диске. Сохраните его на жестком диске вашего компьютера под именем Live Paint Dog.

2.С помощью инструмента Selection (Выделение) выделите каждый разноцветный контур. Убедитесь в том, что рисунок собаки (за исключением ее носа) состоит только из открытых контуров.

3.Выделите все изображение (SelectAll). Затем выберите черный цвет для линии обводки всех контуров.

4.Активизируйте инструмент Live Paint Bucket (Интерактивная заливка), а затем щелкните в палитре Swatches (Образцы цвета) на образце Red (Красный).

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

5.Щелкните мышью на шапочке и ее помпоне, чтобы перекрасить эти два элемента в выбранный вами цвет.

6.Активизируйте инструмент Live Paint Selection (Выделение интерактивной заливки) (кнопка этого инструмента расположена справа от кнопки инструмента Live Paint Bucket). Удерживая нажатой клавишу <Shift>, щелкните мышью на контуре носа, а также на контурах левого и правого глаза животного (рис. 13.85).

7.Щелкните в палитре Swatches на образце цвета Black (Черный).

8.Аналогичным образом выделите оба века животного, а затем в палитре Swatches щелкните на образце лилового цвета.

9.Вновь активизируйте инструмент Live Paint Bucket (Интерактивная заливка). В палитре Swatches щелкните мышью на образце желтого цвета. Раскрасьте этим цветом голову, уши и шею животного

(рис. 13.86). Обратите внимание на то, что этим же цветом необходимо закрасить небольшие области, которые находятся между усами собаки.

10.Аналогичным образом закрасьте светло-коричневым цветом правую скулу, темно-коричневым — левую скулу, розовым — язык животного.

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

Один из выделенных элементов

Рис. 13.85. Элементы изображения, выделенные с помощью инструмента Live Paint Selection

НА ЗАМЕТКУ

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

та Live Paint Selection, залиты узором из серых точек.

509