5.10. Работаем со слоями

Для выполнения задания понадобится материал разд. 2.8.2.

ЗАДАНИЕ

Провести работу со слоями, как показано на рис. 5.13. Задание находится на первой странице документа /pages/tasks/5.10.pdf.

Выполнение

1. Откройте файл ynp.pages. Перейдите на пустую страницу.

2. Введите пустой абзац.

3. Наберите текст "Поздравляю с днем рождения. Желаю счастья в личной жизни. Пух". Установите левый отступ в положение 6 см, правый от­ступ — 14 см, размер символов —18 пт, интервал перед абзацем — 80 пт.

4. На панели инструментов из списка Ыт Фигуры (Shapes) выберите инст­румент ij§ Прямоугольник (Rectangle). В документ добавится прямо­угольник как плавающий объект.

5. Переместите прямоугольник на текст. Текст "убегает" и не располагается под прямоугольником? Это происходит потому, что установлено обтека­ние объекта текстом. В окне Инспектора активизируйте вкладку ]Ш_ Об­текание (Wrap), снимите флажок Объект — новая строка (Object causes wrap) (см. рис. 2.23). Теперь текст не реагирует на внедренный объект. Пе­рекрасьте прямоугольник в красный цвет (рис. 5.13, а).

IF

Рис. 5.13. Задание для работы со слоями

6. Аналогично п. 4 и 5 нарисуйте еще два вложенных прямоугольника внут­ри созданного, снимая флажок Объект— новая строка (Object causes wrap). Перекрасьте прямоугольники в желтый и зеленый цвет.

7. Выделите все три прямоугольника, щелкая по ним мышью, удерживая клавишу <Shift>. Выровняйте их относительно друг друга по центру и се­редине, выполнив последовательно две команды — По центру (Center) и По центру (Middle), расположенные в верхней и нижней группе команд Расстановка (Arrange)-» Выровнять объекты (Align Objects). Также выровнять объекты можно вручную, воспользовавшись направляющими, возникающими при перемещении объекта.

8. Создайте прямоугольник-"закладку". Расположите его поверх всех ранее созданных прямоугольников (рис. 5.13, б).

9. На данный момент все прямоугольники расположены в слое переднего плана (перед текстом), причем каждый из них находится в своем стековом слое. Для демонстрации стековых слоев, расположенных в слое передне­го плана, выделите закладку, примените к ней команду Расстановка (Arrange) -> Назад (Send Backward). Закладка переместится за зеленый

(самый маленький) прямоугольник (рис. 5.13, в). Дальнейшее двукратное применение команды переместит закладку за красный прямоугольник (самый большой), но расположит ее перед текстом (рис. 6.8, г). Много­кратное применение команды Расстановка (Arrange) -» Вперед (Bring Forward) позволит переместить последовательно закладку перед каждым прямоугольником, в результате расположив ее на переднем плане. С помощью команд Расстановка (Arrange) -» На задний план (Send to Back) или Расстановка (Arrange) -> На передний план (Bring to Front) закладка будет поставлена за или перед всеми прямоугольниками. Но выйти за пределы слоя переднего плана эти четыре команды не позволят, объекты все равно останутся перед слоем с текстом!

10. Выделите закладку, примените к ней команду Расстановка (Arrange)-» Отправить объекты в фон (Send Objects to Background). Объект пере­местится за слой с текстом (рис. 5.13, д). Отмените выделение и попро­буйте снова выделить закладку. Выделить ее не получится до тех пор, по­ка мы не выполним команду Arrange (Монтаж) —> Разрешить выбирать объекты фона (Make Background Objects Selectable).

11. Выделите закладку и верните ее в слой переднего плана, выполнив команду Расстановка (Arrange) -> Объекты фона — на передний план

(Bring Background Objects to Front). Закладка переместится на передний план слоя переднего плана. Извините за тавтологию.

Замечание

Обратите внимание на две команды в меню Расстановка (Arrange): На перед­ний план (Bring to Front) и Объекты фона— на передний план (Bring Background Objects to Front). Обе команды содержат фразу "на передний план" (to Front), но это разные передние планы: в первой команде— это передний план в стеке (например, в стеке фонового слоя), во второй — передний план в слое переднего плана.

12. Выделите все прямоугольники и закладку, удерживая клавишу <Shift>. Применить к ним команду Расстановка (Arrange) -> Отправить объек­ты в фон (Send Objects to Background). Все прямоугольники переместятся за текст (рис. 5.13, е). Отмените выделение.

13. Выделите закладку, примените к ней команды для перемещения по стеку (первые четыре в меню Расстановка (Arrange)). Это позволит убедиться в многослойности фонового слоя (рис. 5.13, ж).

14. Сохраните изменения. Пример выполненного задания расположен на первой странице документа /pages/examples/5.10.pages.

Для самостоятельной работы

Выполнить задание по приведенному на рис. 2.25 образцу. Задание находится на второй странице документа /pages/tasks/5.10.pdf.

Подсказка

• Фотография находится в файле /photos/cats/01 jpg.

• Чтобы текст, расположенный поверх фотографии, был читабельным, при­мените к символам тень, а фоновый рисунок сделайте полупрозрачным (параметр Непрозрачность (Opacity) на панели форматирования).

• Пример выполненного упражнения расположен на второй странице доку­мента /pages/examples/5.10. pages.

5.11. Создаем векторные рисунки

Для выполнения задания понадобится материал разд. 1.10.

ЗАДАНИЕ № 1

Рис. 5.14. Задание для работы с инструментами векторного графического редактора

Нарисовать дом, используя инструменты векторной графики, взяв за образец рис. 5.14. Задание находится на первой странице документа /pages/tasks /5.11.pdf.

Выполнение

1. Откройте файл упр.pages из папки Документы (Documents). Вставьте раз­рыв страницы для перехода к новой странице.

2. На панели инструментов из списка |&Уж Фигуры (Shapes) выберите инст­румент Прямоугольник (Rectangle). Растяните появившийся прямо­угольник по вертикали так, чтобы он занимал половину страницы, а по го­ризонтали — большую часть ширины страницы.

3. Не снимая выделения, в окне Инспектора перейдите на вкладку fjr Гра­фика (Graphic), в списке Заливка (Fill) выберите пункт Заливка изобра­жением (Image Fill), в появившемся диалоговом окне укажите файл с тек­стурой /photos/textures/rock/61 jpg. Из предложенных вариантов размера изображения выберите пункт Мозаика (Tile).

4. Нарисуйте крышу дома с помощью инструмента Д& Треугольник (Triangle). Замостите полученный треугольник текстурой из файла /photos/textures/wood/43.jpg. Для вызова диалогового окна необходимо произвести щелчок по кнопке Выбрать (Choose).

5. Инструментом Прямоугольник (Rectangle) нарисуйте фундамент (/photos/textures/rock/04.jpg) и трубу (/photos/textures/rock/5l.jpg). Перемес­тите трубу за крышу, выделив ее и выполнив команду Расстановка (Arrange) -> На задний план (Send to Back).

6. Инструментом Прямоугольник (Rectangle) нарисуйте окно, закрасьте его двуцветным градиентом, выбрав из списка Заливка (Fill) пункт Гради­ентная заливка (Gradient Fill); не меняя угол градиента, верхний цвет ус­тановите светло-синим, нижний— темно-синим. Для прорисовки рамы увеличьте толщину контура до 10 пт, перекрасьте контур в темно-бордовый цвет, а инструментом £ Линия (Line) дорисуйте два взаимно перпендикулярных отрезка, изменив им толщину и цвет аналогично кон­туру прямоугольника (рис. 5.14).

7. Нарисуйте штору в окне, используя инструмент й 8 Перо (Реп). Для за­крашивания используйте любую текстуру из папки /photos/textures/fabric. В образце использованы файлы 04.jpg, 13.jpg и 17.jpg. Способ заполнения текстурой смените на Подогнать масштаб для полной заливки (Scale to Fill). Поместите штору перед окном, но за рамой, повторив дважды коман­ду Расстановка (Arrange) -> Назад (Send to Backward), предварительно выделив штору.

8. Окно состоит из четырех объектов: прямоугольник, штора, два взаимно перпендикулярных отрезка. Выделите эти объекты, произведя щелчок мышью по ним, удерживая клавишу <Shift>. Выполните команду Рас­ становка (Arrange) -> Сгруппировать (Group). Теперь приложение Pages интерпретирует окно как один объект. Создайте две копии окна, удерживая клавишу <Option>.

Замечание

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

9. Для выравнивания окон относительно друг друга выделите все три окна, а затем выполните последовательно две команды— Расстановка (Arrange) -> Выровнять объекты (Align Object) -> Сверху (Тор) и Рас­ становка (Arrange) —» Распределить объекты (Distribute Objects) -» По­ казать горизонтально (Horizontally).

10. Нарисуйте дверь и ступеньки инструментом ^д Прямоугольник

(Rectangle), а дверную ручку — инструментом ч^ Овал (Oval), удержи­вая клавишу <Shift>, чтобы получить круг. Текстура, используемая для двери, находится в файле /photos/textures/wood/3l.jpg. Внутренняя об­ласть круга и ступенек— это двуцветный градиент от черного к белому цвету.

11. Выделите все объекты, составляющие дом, сгруппируйте их в один объ­ект. Дом готов! Сохраните изменения в документе.

12. Пример выполненного упражнения находится на первой странице доку­мента /pages/examples/5.11 .pages.

ЗАДАНИЕ № 2

Работая с узлами, преобразовать правильный одиннадцатиугольник в надку­шенное яблоко— логотип фирмы Apple (рис. 5.15). Задание находится на второй странице документа /pages/tasks/5.11 .pdf.

Выполнение

1. В файле упр.pages вставьте разрыв страницы для перехода к новой стра­нице.

2. На панели инструментов из списка Щ Щ Фигуры (Shapes) выберите инст­румент ^щ Многоугольник (Polygon). В документе появится правиль-

ный пятиугольник с возможностью изменения числа сторон. Ползунком Стороны (Sides) увеличьте количество сторон до одиннадцати. Для удоб­ства дальнейшей работы с узлами увеличьте размер многоугольника, со­храняя его пропорции (с нажатой клавишей <Shift>), или измените мас­штаб страницы.

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

3. Преобразуйте графический примитив в кривую командой Формат (Format) -> Фигура (Shape) -» Разрешить изменения (Make Editable).

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

5. В нижней части фигуры находятся всего два узла. Чтобы создать третий узел, нажмите клавишу <Option> и наведите указатель на границу; когда

указатель примет вид пера со знаком "+" $+, произведите щелчок мышью. Измените положение узлов и направляющих. Направляющие у всех трех точек должны располагаться горизонтально (см. рис. 5.15, в).

6. Чтобы "откусить" яблоко, преобразуйте в сглаженный узел только сред­нюю точку из трех, расположенных в правой части границы фигуры, а в нижней точке совместите верхнюю направляющую с самой вершиной. Расположите узлы, как показано на рис. 5.15, г.

7. Удалите две из трех угловых точек, расположенных на левой границе фи­гуры, оставшийся узел преобразуйте в сглаженный и растяните направ­ляющие, как показано на рис. 5.15, д.

8. Для создания листка нарисуйте круг, преобразуйте его в кривую, конвер­тируйте в угловые точки диагональные узлы. Оставшиеся два сглажен­ных узла расположите ближе друг к другу (рис. 5.15, е).

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

10. Сохраните изменения. Пример выполненного упражнения расположен на второй странице документа /pages/examples/5.11 .pages.

Для самостоятельной работы

ЗАДАНИЕ № 1

Создать исходную кривую, расположенную в верхней части рис. 1.36, ис­пользуя инструмент tf\щ Перо (Реп) или четырехконечную звезду. Работая с узлами кривой, получить четыре фигуры, представленные в нижней части рисунка. Задание расположено на третьей странице документа /pages/tasks/5.l l.pdf.

Подсказка

Пример выполненного упражнения находится на третьей странице документа /pages/examples/5.11 .pages.

ЗАДАНИЕ № 2

На основе восьмиконечной звезды создать две фигуры, представленные на рис. 1.38. Задание находится на четвертой странице документа /pages /tasks/5.1 l.pdf.

Подсказка

• Алгоритм выполнения данного задания рассмотрен в разд. 1.10.5.

• Пример выполненного упражнения расположен на четвертой странице документа /pages/examples/5.11 .pages.

5.12. Работаем с текстом внутри графического примитива

Для выполнения задания понадобится материал разд. 1.10.7.

ЗАДАНИЕ

Нарисовать визитную карточку, взяв за образец рис. 5.16. Задание находится на первой странице документа /pages/tasks/5.16.pdf.

Замечание

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

Рис. 5.16. Пример визитной карточки

Выполнение

1. Вставьте разрыв страницы в документе упр.pages для перехода к новой странице.

2. Нарисуйте прямоугольник со скошенными вершинами, используя инстру­мент Скругленный прямоугольник (Rounded Rectangle).

3. Измените размер объекта так, чтобы он занимал чуть меньше половины ширины страницы (до 10 см).

4. Внутреннюю область закрасьте текстурой. На рис. 5.16 использована тек­ стура из файла /photos/textures/water/07.jpg. В окне Инспектора на вкладке

щ* Графика (Graphic) в качестве способа заполнения текстурой укажите пункт Растянуть (Stretch). Чтобы текст на выбранном фоне был читабель­ным, выберите из списка Заливка (Fill) пункт Тоновая заливка изобра­жением (Tinted Image Fill). Щелчком по полю с образцом цвета вызовите окно Цвета (Colors). Выберите в нем голубой или синий цвет и, манипу­лируя ползунком Непрозрачность (Opacity), добейтесь необходимой про­зрачности подложки.

5. Войдите в режим ввода текста внутрь графического примитива, произведя двойной щелчок по прямоугольнику. Внутри прямоугольника появится курсор ввода, приглашающий ввести текст. Наберите текст визитной кар­точки, придерживаясь образца. Изображения телефона и конверта вне­дряются из окна Символы (Characters), которое вызывается командой Правка (Edit) -> Специальные символы (Special Characters). Требуемые символы находятся в группе Символы (Symbols) -> Различные символы (Miscellaneous Symbols).

6. Для отмены автоматического подчеркивания адреса e-mail откройте окно настроек, выполнив команду Pages -» Настройки (Preferences), перейдите в нем на вкладку Автокоррекция (Auto-Correction) и снимите флажок Автоматически определять e-mail и URL (Automatically detect email and web addresses).

7. Создайте несколько копий готовой визитки, удерживая клавишу <Option>. Расположите их так, чтобы они замостили всю страницу. Выровняйте их относительно друг друга и сгруппируйте в один объект.

8. Сохраните изменения. Закройте файл. Пример выполненного упражнения расположен на первой странице документа /pages/examples/5.12.pages.

Для самостоятельной работы

ЗАДАНИЕ № 1

Создать приглашение в соответствии с образцом, представленным на рис. 5.17. Задание расположено на второй странице документа /pages/tasks /5.12.pdf.

Подсказка

1. Приглашение состоит из двух десятиугольников. Нижний закрашен тек­стурой, которая находится в файле/photos/textures/symbol/15.jpg.

Рис. 5.17. Пример приглашения

2. Верхний десятиугольник необходимо повернуть относительно центра на 90°. Чтобы вводимый текст располагался горизонтально, следует к много­угольнику применить команду Формат (Format)-> Фигура (Shape) -» Перезагрузка текста и узлов объекта (Reset Text and Object Handles). Для закраски используется трехцветный градиент.

3. Для обрамления многоугольников используется четвертая линия в переч­не, толщина линии — 8 пт.

4. Пример выполненного упражнения находится на второй странице доку­мента /pages/examples/5.12. pages.

ЗАДАНИЕ № 2

I Создать иллюстрацию к сказке Валентина Катаева "Цветик-семицветик" \ (рис. 5.18). Задание расположено на третьей странице документа /pages | /tasks/5.12.pdf.

Подсказка

1. Лепестки цветка раскрашены в следующие цвета: 1 — желтый, 2 — крас­ный, 3 — синий, 4 — зеленый, 5 — оранжевый, 6 — фиолетовый, 7 — го­лубой.

2. Средний овал цветка закрашен трехцветным градиентом и обрамлен шес­той линией в перечне, толщина линии — 8 пт.

3. Пример выполненного упражнения находится на третьей странице доку­мента /pages/examples/5.12.pages.

Рис. 5.18. Пример иллюстрации к сказке "Цветик-семицветик"