Chapter15

15Слои векторного изображения

Слои векторного изображения

Рис. 15.29. Импортированное растровое изображение, которое находится на своем собственном слое

СОВЕТ

Используйте параметр Dim Images для перерисовки контуров вставленного изображения.

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

НА ЗАМЕТКУ

Обратите внимание на то, что имена непечатных слоев в палитре Layers «выделены» курсивом.

2.В главном меню программы выберите команду FilePlace (ФайлПоместить).

3.С помощью появившегося диалогового окна Place найди-

те файл Living Room Original.tif, расположенный на прилагаемом к этой книге компакт-диске. Щелкните на имени этого файла, а затем — на кнопке Place.

4.Совместите верхний левый угол рабочей области и импортированного изображения (рис. 15.29).

5.Дважды щелкните мышью на слое Фото, чтобы

открыть диалоговое окно Layer Options (Параметры слоя). Установите переключатель Dim Images (Уменьшить яркость), в расположенном справа текстовом поле введите

значение 50. Щелкните мышью на кнопке OK.

Практика. Непечатные слои

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

1.Создайте новый слой в верхней части списка палитры Layers (Слои). Присвойте этому слою имя Заметка.

2.Выберите шрифт по собственному усмотрению, а затем введите на только что созданном слое текст заметки (рис. 15.30).

3.Воспользовавшись командой TypeCreate Outlines (ТекстПреобразовать в кривые), преобразуйте введенный текстовый фрагмент в кривые линии. Дважды щелкните мышью на слое Заметка, чтобы открыть диалоговое окно Layer Options (Параметры слоя). Снимите флажок Print (Печать), после чего щелкните мышью на кнопке OK.

1, В результате содержимое слоя Заметка на печать выводиться не будет.

4.Аналогичным образом сделайте непечатным слой Фото.

5.Отобразите все слои документа.

6.Скройте слои Фото и Заметка.

7.Сохраните внесенные вами изменения (FileSave).

572

Adobe InDesign, Photoshop и Illustrator

Создание секущего слоя

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

Применение секущих слоев

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

Ниже приведены основные правила применения секущих слоев.

Секущий контур и объекты, которые необходимо маскировать, должны находиться на одном обычном слое документа.

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

Роль секущего контура выполняет самый верхний объект слоя; все расположенные ниже объекты данного слоя являются маскируемыми.

В качестве секущего можно использовать вложенный слой под именем <Group> (Группа). В этом случае роль секущего контура возлагается на самый верхний объект группы.

В палитре Layers (Слои) все вложенные слои, объекты которых маскируются секущим слоем, разделены штрихпунктирной линией.

Объединение слоев изображения

В меню палитры Layers (Слои) предусмотрена команда Flatten Artwork (Объединить слои), после выполнения которой все слои текущего документа программа автоматически объединяет в один слой. Прежде чем воспользоваться командой Flatten Artwork, выделите слой в палитре Layers, который будет служить результатом объединения. Если в документе есть скрытые слои, на экране появится диалоговое окно с предложением удалить таковые. Для того чтобы перед объединением слоев удалить все скрытые слои (и объекты, которые находятся на скрытых слоях), щелкните в этом диалоговом окне на кнопке Yes (Да). Чтобы использовать объекты скрытых слоев в процессе объединения, щелкните на кнопке No (Нет).

573

15Слои векторного изображения

Слои векторного изображения

Секущий контур

Вложенный слой <Path>

Рис. 15.32. Секущий контур отсекает фрагменты только тех объектов, которые расположены на текущем слое — слое Передний план

Рис. 15.31. Новый прямоугольник документа расположен на вложенном слое <Path>, который находится поверх других вложенных слоев

слоя Передний план

Практика. Создание секущего контура

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

1.В палитре Layers (Слои) выделите слой Передний план. Активизируйте инструмент Rectangle (Прямоугольник) и с его помощью создайте прямоугольник с размерами 165,1×152,4 мм.

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

3.Уберите заливку прямоугольника, а в качестве обводки выберите линию черного цвета шириной в 1 пункт.

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

ного слоя Передний план (рис. 15.31).

5.Щелкните на кнопке Make/Release Clipping Mask (Создать/Отменить секущий контур) в нижней части палитры Layers (первая слева).

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

574

Adobe InDesign, Photoshop и Illustrator

Практика. Копирование секущего контура и объединение слоев

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

1.Не снимая выделения с прямоугольника, щелкните в палитре Layers (Слои) на вложенном слое <Clipping Path> (чтобы выделить его).

2.Последовательно, одну за другой, в главном меню программы выберите команды EditCopy (ПравкаКопировать) и EditPaste in Front (ПравкаВставить поверх выделенного).

1, В палитре Layers появится новый вложенный слой <Path>, на котором находится копия прямоугольника, использовавшегося

в качестве секущего контура.

3.Перетащите индикатор выделенного объекта (расположен справа от вложенного слоя <Path>) на слой Ковер (рис. 15.33).

4.Разверните иерархию слоя Ковер и убедитесь в том, что внутри этого слоя появился вложенный слой — <Path>. Выделите слой Ковер, а затем щелкните мышью на кнопке Make/Release Clipping Mask (Создать/Отменить секущий контур) в нижней части палитры Layers (первая слева).

1, В результате ваших действий программа автоматически преобразует вложенный слой <Path> (Контур) в секущий контур — <Clipping Path> (рис. 15.34). Обратите внимание на то, что теперь фрагмент ковра, который выступал за пределы рабочей области, скрыт секущим контуром.

5.В рабочей области документа выделите изображение лампы. Затем в палитре Layers перетащите индикатор выделенного объекта слоя Лампа на вложенный слой Скульптура (находится внутри обычного слоя Передний план). В заключение снимите выделение со всех объектов документа (SelectDeselect).

1, Теперь фрагмент лампы, выступавший за пределы области документа, также замаскирован, поскольку этот объект перемещен во внутрь вложенного слоя Скульптура. Созданное вами изображение должно выглядеть так, как показано на рис. 15.35.

Индикатор

выделенного

объекта

Рис. 15.33. Переместите копию прямоугольника на слой Ковер

Секущий контур

Рис. 15.34. Используйте копию прямоугольника для маскирования фрагмента ковра, находящегося на одноименном слое

Рис. 15.35. Итоговая иллюстрация антуража гостиной комнаты

575

15Слои векторного изображения

Слои векторного изображения

ЗАМЕТКУ

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

6.В палитре Layers выделите теперь уже пустой слой Лампа. Щелкните на кнопке Delete Selection (Удалить выделенный) в нижней части этой же палитры (первая справа).

7.Выделите слой Передний план. Щелкните на круглой кнопке (с направленной вправо стрелкой) в верхнем правом углу палитры Layers (Слой). В появившемся меню этой палитры выберите команду Flatten Artwork (Объединить слои). На экране появится небольшое диалоговое окно с предложением удалить объекты, расположенные на скрытых слоях документа. Щелкните в этом диалоговом окне на кнопке Yes (Да).

8.В главном меню программы выберите команду FileSave As (Файл Сохранить как). В текстовом поле File Name (Имя файла) появившегося диалогового окна Save As введите Living Room Flat. В завершение щелкните мышью на кнопке Save (Сохранить).

Упражнения для самопроверки

Создание и редактирование слоев

1.В Adobe Illustrator откройте файл изображения AI 15-3.ai, который находится на прилагаемом к этой книге компакт-диске. Сохраните его на жестком диске вашего компьютера под именем Gary Garlic (Гарри Чеснок).

2.В верхней части списка палитры Layers (Слои) создайте новый слой. Присвойте этому слою имя Текст.

3.Создайте очередной слой в верхней части списка палитры Layers. Присвойте этому слою имя Gary Garlic.

4.Переименуйте слой Layer 2 в Части тела.

5.Сохраните внесенные вами изменения.

Работа со слоями

1.Переместите изображение головки чеснока на слой Gary Garlic.

2.После этого на слой Текст переместите все три текстовых фрагмента.

3.Объедините слои Фон и Прямоугольники в один слой. Проследите за тем, чтобы в результате объединения все объекты этих двух слоев оказались на слое Прямоугольники. Для этого выделите сначала слой Фон, затем, удерживая нажатой клавишу <Ctrl> (<> для Mac), щелкните на слое Прямоугольники. Далее в меню палитры Layers (Слои) выберите команду Merge Selected (Объединить выделенные).

4.Перетащите слой Части тела в верхнюю часть списка палитры Layers.

5.Сохраните внесенные вами изменения.

576

Adobe InDesign, Photoshop и Illustrator

Редактирование изображения

1.Определите, на каком слое хранится каждый объект документа.

2.Руководствуясь изображением, которое показано рис. 15.36, соберите иллюстрацию игрушки из отдельных ее элементов.

3.Объедините слои Части тела и Gary Garlic в один слой. Проследите, чтобы в результате объединения все объекты этих двух слоев оказались на слое Части тела.

4.Сохраните внесенные вами изменения.

Использование секущего слоя

1.В палитре Layers (Слои) выделите слой Прямоугольники.

2.Активизируйте инструмент Rectangle (Прямоугольник) и с его помощью создайте прямоугольник размером 127×203,2 мм.

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

4.Щелкните на кнопке Make/Release Clipping Mask (Создать/Отменить секущий контур) в нижней части палитры Layers (первая слева).

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

6.Сохраните документ (FileSave), а затем закройте его (FileClose).

Рис. 15.36. Так выглядит макет детской игрушки

Закрепление изученного. Проект 1

Предположим, что вам необходимо создать макет оригинальной рекламы для недавно открывшейся парикмахерской, которая называется «Xanadu Haircutters». Для того чтобы привлечь внимание к вывеске, вы решили использовать изображение ножниц вместо символа «Х» в слове «Xanadu». Кроме того, необходимо предоставить стороне заказчика возможность выбрать один из нескольких вариантов шрифтового исполнения текстовых фрагментов макета рекламы (в подобных случаях у заказчика создается впечатление, что он сам играет немаловажную роль в создании макета).

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

577

15Слои векторного изображения

Слои векторного изображения

2.Создайте новый слой и переместите на него фрагмент «ANADU».

3.Создайте еще четыре копии нового слоя.

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

5.Присвойте слою Layer 1 имя Xanadu Art.

6.Просмотрите содержимое слоя Xanadu Art с различными вариантами шрифтового исполнения фрагмента «ANADU».

7.Сохраните внесенные вами изменения. Один из вариантов макета рекламы показан на рис. 15.37.

Закрепление изученного. Проект 2

Предположим, что вы занимаете ответственную должность художественного руководителя одного из рекламных агентств Лос-Анджелеса. Основное направление работы агентства заключается в создании индивидуального имиджа каналов кабельных телевизионных сетей города. На этой неделе вам предстоит предложить несколько вариантов логотипа руководству нового кабельного канала «Milty TV». Художественный редактор вашего агентства подготовил для переговоров два варианта логотипа — светлый и темный. Однако вы решили добавить к уже предложенным еще два варианта логотипа с различным шрифтовым оформлением одного из текстовых фрагментов.

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

2.Выделите, а затем сгруппируйте четыре объекта, из которых состоит логотип, расположенный в верхней части рабочей области документа.

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

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

5.Переместите логотип слоя Оранжевый так, чтобы он полностью перекрывал собой первый вариант логотипа, расположенный в верхней части рабочей области.

6.Присвойте слою Layer 1 имя Синий. Создайте копию этого слоя под именем Синий 2.

7.Создайте копию слоя Оранжевый под именем Оранжевый 2.

8.Снимите выделение со всех объектов документа. С помощью инструмента Direct Selection (Частичное выделение) выделите литеру «M», затем выберите для выделенного текстового фрагмента шрифт Algerian (или любой другой, похожий шрифт). Скройте слои Оранжевый и Оранжевый 2.

9.В палитре Layers выделите слой Синий 2 и выберите для символа «M» шрифт Algerian. После этого скройте слой Синий 2.

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

11.Сохраните, а затем закройте документ.

578

Adobe InDesign, Photoshop и Illustrator

Самостоятельная работа

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

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

2.Объедините в отдельные группы элементы каждой игральной карты.

3.Создайте четыре новых слоя.

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

5.Выделите все слои документа, а затем в меню палитры Layers (Слои) выберите команду Reverse Order (Обратный порядок слоев).

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

7.Сохраните, а затем закройте текущий документ.

Работа с группой

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

1.В Adobe Illustrator откройте файл изображения AI 15-7.ai, который находится на прилагаемом

Рис. 15.37. Один из вариантов макета рекламы

Рис. 15.38. Один из вариантов светлого логотипа телевизионного канала

Рис. 15.39. Один из вариантов логотипа

579

15Слои векторного изображения

Слои векторного изображения

Рис. 15.40. Палитра Layers для одного из вариантов многослойного изображения

к этой книге компакт-диске. Сохраните его на жестком диске вашего компьютера под именем Tiles.

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

3.Обсудите с группой методику создания всех объектов текущего документа.

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

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

6.Содержимое палитры Layers (Слои) для одной из версий «слоеного» документа показано на рис. 15.40.

7.Сохраните, а затем закройте текущий документ.

Что дальше

«А что же дальше?» — спросите вы. Имея багаж бесценных знаний, который необходим для грамотной верстки разноплановых текстовых документов, иллюстрированных оригинальными растровыми и векторными изображениями, вы сможете воплотить в жизнь самые дерзкие творческие замыслы! Удачи!!!

580

Adobe InDesign, Photoshop и Illustrator

581