Skip to main content

Подготовка макетов в PSD-формате

Общая информация

  • Макет – это файл в формате PSD, содержащий только растровые, текстовые и векторные слои.
  • Разрешение макета должно быть задано не ниже указанного в настройках продукта, для которого он готовится. Обычно используют разрешение 300dpi.
  • В макете можно использовать только 8-битное цветовое пространство и цветовую модель в RGB.
  • При подготовке макета недопустимо использовать эффекты, прозрачность и деформацию слоев без последующего растрирования.
  • В редакторе отображение слоев будет соответствовать их расположению в макете, если не прописаны дополнительные ключи, влияющие на их поведение.
  • В наименовании слоев можно использовать следующие ключи:
    • [template-preview] – не отображает слой в редакторе, однако использует его в качестве обложки шаблона;
    • [nonprintable] – отображает слой в редакторе, но не включает его в итоговый файл для печати;
    • [locked] – запрещает перемещать или удалять слой в редакторе;
    • [align:Top | TopRight | Right | BottomRight | Bottom | BottomLeft | Left | TopLeft| CenterLeft | CenterRight | TopCenter | BottomCenter] – задает выравнивание слоя по одному из указанных значений. Например, [align:Left] и [align:Right] используется для графических элементов на обложке фотокниги, чтобы с ростом корешка они оставались на прежнем месте на странице;
    • [background] – считает слой фоновым, т.е. располагает ниже всех слоев и заполняет им всю зону печати (при необходимости пропорционально масштабируя);
    • [foreground] – считает слой обложкой, т.е. располагает поверх всех слоев и запрещает с ним любые операции (редактирования, перемещения и удаления).
  • А для текстовых слоев помимо ключей можно использовать и префиксы, которые автоматически устанавливают значение слоя данными клиента:
    • txt_FirstName - имя;
    • txt_LastName - фамилия;
    • txt_Email - эл. почта;
    • txt_Phone - телефон.
  • При смене шаблонов в редакторе значения текстовых слоев с префиксом txt_* переносятся между собой в случае полного совпадения имени.

Работа с текстом

  • Размер текста устанавливать в Adobe Photoshop нужно только при помощи изменения кегля.
  • Короткий текст может содержать только одну строку и иметь выравнивание по центру, по левому или по правому краю.
  • Блочный текст может содержать любое количество строк и иметь выравнивание только по левому краю.
  • Для текстовых слоев можно использовать ключ [optional], который не выводит слой в файле для печати, если он не был изменен в редакторе.
  • Для создания макета можно использовать любые шрифты. Однако, если шрифт не принадлежит коллекции Google Fonts, предварительно его нужно загрузить в систему и связать через механизм маппинга с названием шрифта в макете. Это можно выполнить в панели управления в разделе "Печать / Дизайн / Шрифты".

Работа с изображениями

Фото без декора

  • Для размещения фотографии необходимо:
    1. Создать растровый слой с двумя ключами [placeholder] и [path:pathName], где pathName – название контура.
    2. Создать контур с именем pathName и привязать к слою [placeholder].
  • Фотография будет размещена в области [path] и заменит собой содержимое слоя [placeholder].
  • Вы можете скачать пример макета или посмотреть его в редакторе.

Фото с декором

  • Для размещения фотографии необходимо:
    1. Создать группу с ключом [placeholder].
    2. В группе создать замкнутый растровый слой с ключом [mask] и прозрачностью по центру для отображения фотографии.
    3. В группе создать растровый слой с двумя ключами [content] и [path:pathName], где pathName – название контура.
    4. Создать контур с именем pathName и привязать к слою [content].
  • Фотография будет размещена в области [path], заменит собой содержимое слоя [content] и отобразится с наложением [mask].
  • Вы можете скачать пример макета или посмотреть его в редакторе.

Фотоколлажи

  • В сервисе Pixlpark существуют наборы коллажей пропорцией 3:2 и 2:3 с количеством фотографий от 1 до 7 штук.
  • Для размещения коллажа необходимо:
    1. Создать растровый слой с двумя ключами [collage:n] (n - количество фотографий в коллаже) и [path:pathName], где pathName – название контура.
    2. Создать контур с именем pathName и привязать к слою [collage:n].
  • Допустимо вместо [collage:n] использовать ключ [collage]. Тогда количество фотографий будет произвольным в соответствии с настройками категории. Коллаж будет вписан в растровый слой и заменит собой его содержимое.
  • Вы можете скачать пример макета или посмотреть его в редакторе.

Особенности макетов фотокниг

  • Общий механизм подготовки макетов позволяет создавать дизайны фотокниг, однако макеты в этом случае должны быть дообрезных размеров под каждый формат и тип книги, т.е. содержать область загиба, вылет и корешок по умолчанию.
  • Для оптимизации подготовки макетов, мы разработали технологию адаптивного дизайна фотокниг, которая позволяет использовать один макет для близких по размеру форматов вне зависимости от размеров вылета, корешка и загиба.
  • Суть технологии заключается в следующем:
    • Макет не содержит вылета, корешка и загиба.
    • Макет состоит из склеенных в единый разворот двух страниц, фонового изображения и набора объектов, размещенных на всем развороте.
    • Каждая из страниц макета вписывается в левую или правую половину зоны печати, фоновое изображение заполняет всю зону печати с вылетами, а прочие объекты располагаются на развороте по центру.
  • Для использования технологии в настройках шаблона параметр "Инициализации шаблона" должен иметь значение "Шаблон постранично вписывается в страницы зоны печати без вылетов", а макет соответствовать следующей структуре:
    • [page][align:left] – группа слоев, элементы которой вписываются в левую половину зоны печати;
    • [page][align:right] – группа слоев, элементы которой вписываются в правую половину зоны печати;
    • [surface] – группа слоев, элементы которой располагаются на всей зоне печати;
    • [background] – слой с фоновым изображением, который полностью заполняет зону печати.
  • Вы можете скачать пример макета или посмотреть его в редакторе.

Особенности макетов календарей

  • Общий механизм подготовки макетов позволяет создавать дизайны календарей, однако макеты в этом случае должны содержать календарные сетки на каждый месяц.
  • Для оптимизации подготовки макетов, мы разработали технологию умного дизайна календаря, которая позволяет использовать в дизайне автоматически формируемые календарные сетки на любой месяц.
  • Суть технологии заключается в следующем:
    • Макет содержит слой, в котором будет располагаться календарная сетка.
    • Календарная сетка формируется динамически в редакторе и отображается в дизайне в указанной области.
    • Дизайн календарной сетки настраивается в панели управления Pixlpark.
    • В ячейки календарной сетки в редакторе можно помещать фотографии или подписывать их (например, отметить памятное событие).
  • Для использования технологии необходимо:
    1. В панели управления Pixlpark в разделе "Печать / Дизайн / Календари" создать собственные дизайны календарных сеток или оставить для использования системные.
    2. В настройках шаблона параметру "Тип шаблона" задать значение "Календарь", а параметру "Сетка по умолчанию" - название наиболее подходящей календарной сетки для данного шаблона.
    3. В макете использовать следующие ключи:
    • [template-preview] – группа растровых слоев в первом макете, не отображающаяся в редакторе, элементы которой используются в качестве обложки шаблона. Каждый слой группы соответствует определенному году и называется [year] (например, [2023]), где year - год, заданный в панели управления в разделе "Печать / Дизайны / Шаблоны / Настройка".
    • [calendar-title] – текстовый слой, содержимое которого будет заменено на начальный год календаря (например, использовать в слое [template-preview] для обложки);
    • [calendar-title-range] – текстовый слой, содержимое которого будет заменено на начальный и конечный год календаря через дефис, если календарь создается на несколько лет;
    • [calendar][path:pathName] – графический слой, содержимое которого будет заменено на календарную сетку, а pathName – название контура, привязанного к данному слою.
  • Вы можете скачать примеры макета обложки и страницы календаря или посмотреть их в редакторе.

Советы по работе с Adobe Photoshop

Создание контура

  • Для добавления контура необходимо:
    1. Создать новый слой с уникальным именем в панели "Контуры" (например "path_N").
    2. Выбрать инструмент "Перо" (горячая клавиша – "P").
    3. Начертить контур с помощью пера так, чтобы последняя точка замыкалась с первой. При использовании слоя [mask], точки нужно ставить примерно посередине самой рамки, чтобы она закрывала границы фотографии.
    4. Повторить эту операцию для каждой рамки в макете.