§ 2. Создание макета
На основе сказанного в § 1 приступаем к работе.
Для начала создаем:
- в программе Illustrator документ, размер которого соответствует размеру готового изделия, то есть 210×148 мм, сохраняем этот файл под названием Listovka.ai.
- в программе Photoshop файл размером 220×158 мм (с учетом «вылета»), сохраняем под названием Listovka_Fon.psd, он будет подкладываться под векторное изображение.
Работая в программе Illustrator, тоже придерживаемся принципа разделения векторной и растровой графики — создаем новый слой, на который с помощью команды Place размещаем растровый фон с установлением связи с исходным докуменом, установив флажок Link (рис. 1), в этом случае фактически изображение не включается в документ программы Illustrator.
Рис. 1. Диалоговое окно Place, в котором устанавливается флажок Link
Теперь, когда фон прилинкован, его необходимо расположить точно по центру документа. Это можно сделать кнопками выравнивания по горизонтальному и вертикальному центрам, с установленным флажком Align to Artboard в палитре Align (рис. 2).
Рис. 2. Флажок Align to Artboard в дополнительном меню палитры Align
В левой части палитры Transform представлено условное обозначение основных (фиксированных) точек объекта (угловых точек, центров сторон и центральной точки прямоугольника, в который вписывается объект). Выделенная точка служит точкой, относительно которой указаны координаты объекта (рис. 3).
Убедившись, что фон действительно расположен по центру документа, можно зафиксировать слой, на котором он находится, нажав на пиктограммку замка.
Рис. 3. Координаты X и Y соответствуют центру документа
Теперь переходим на верхний слой Layer 1, на котором будет находиться только векторная графика. Создаем кадрировочную рамку. В принципе, она может быть произвольного размера. Главное, чтобы соблюдалось два условия: она должна охватывать все объекты и находиться точно по центру документа.
Граница Artboard показывает, где проходит линия реза. Следует помнить, что процесс порезки не является особо точным технологическим процессом. Смещение линии реза может составлять до ±2 мм. Поэтому все значимые элементы макета должны располагаться на расстоянии не менее 5 мм от линии реза.
Чтобы в процессе работы над макетом «вылет» не отвлекал, его можно скрыть. Для этого создадим новый слой Mask, на котором по центру документа расположим два прямоугольника. Нижний прямоугольника должен быть таким, чтобы он охватывал весь макет, а верхний — соответствовать размеру документа. Выделить эти прямоугольники и сделать составной путь, выбрав в контекстном меню команду Make Compound Path (Ctrl+8). Получившийся объект сделать белым, а слой зафиксировать.
После этих подготовительных операций можно приступить к разработке самого макета, в процессе которого Photoshop и Illustrator используются совместно. Рассмотрим, каким образом можно расположить растровые элементы фона, чтобы они идеально совместились с векторными.
На рис. 4 показан макет, в котором небольшие картинки обрамляются в рамочки со скругленными углами.
Рис. 4. Готовый макет листовки
Для получения продукции высокого качества, необходимо эти рамочки оставлить в векторном виде, чтобы на скруглениях не появилось растровой зубчатости. Размещаем их в векторной части так как нам надо, а совместить с ними растровые изображения не составит особого труда. Выделяем их вместе с кадрировочной рамкой и копируем в буфер. Идем в Photoshop и вставляем содержимое буфера в виде пути (рис. 5).
Рис. 5. Диалоговое окно Paste с выделенным пунктом Path
Рис. 6. Путь является «картой размещения изображений»
Photoshop вставляет содержимое буфера в центр документа, но благодаря кадрировочной рамке обводки картинок стали на свои места. Оставляем выделенным путь, чтобы разместить фотографии должным образом.
После того как изображения расположены так как надо, можно замаскировать края, выходящие за пределы рамки. Для этого берем инструмент Direct Selection Tool (Рис. 7), выделяем рамку со скругленными краями и в контекстном меню выбираем команду Make Selection (рис. 8).
Рис. 7. Инструмент Direct Selection Tool
Рис. 8. Делаем выделение командой Make Selection
В появившемся диалоговом окне (рис. 9), параметру Feather Radius задаем значение 0 пикселей.
Рис. 9. Диалоговое окно Make Selection
Делаем активным слой с фотографией и применям маску, нажав кнопку Add Layer Mask (рис. 10) — выступающих краев как и не бывало!
Рис. 10. Палитра Layers, внизу которой находится кнопка Add Layer Mask
Таким же образом создаем маски и для остальных фотографий. Сохраняем файл и переходим в программу Illustrator, где нас встречает окно, которое показано на рис. 11.
Рис. 11. Сообщение о том, что связанные файлы были изменены и вопросом обновить ли их сейчас
Нажимаем кнопку Yes и видим результат, который изображен на рис. 4.