Структура шаблона в Photoshop

Для того, чтобы PSD-документ шаблона был правильно прочитан Конструктором, необходимо придерживаться определенной структуры в Photoshop.

Структуру (“каркас”) шаблона определяют:

  • Группы слоев
  • Подгруппы слоев
  • Смарт-объекты областей вписывания

Группы слоев

Группы слоев могут быть 4 типов: "вертикаль", "горизонталь", "квадрат" и "сторис". Названия этих групп всегда должны соответствовать их типу: "вертикаль", "горизонталь", "квадрат" и "сторис". Также допускается именование групп на английском языке: "portrait", "landscape", "square" и "stories". Регистр букв не имеет значения.

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

Примером шаблона с двумя типами групп слоев (в рамках одного PSD-документа) является представленный ниже шаблон типа “рамка” с ориентациями “вертикаль” и “горизонталь”:

Вертикаль Горизонталь

В PSD-документе может быть как 1, 2, так и все 3 типа групп, определяющих для каких ориентаций пользовательских фотографий подходит шаблон.

Также в PSD-документе может не быть ни одной группы, отвечающей за ориентацию. В этом случае все остальные структурные элементы шаблона представляются в PSD-документе на “верхнем уровне” и такой шаблон становится шаблоном с универсальной ориентацией.

PSD-документ для шаблона с универсальной ориентацией

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

Подгруппы слоев

Подгруппа слоев — это слои, которые в терминологии Photoshop были сгруппированы.

В подгруппы слоев помещаются графические слои и другие элементы, которые при перечитывании PSD-документа Конструктором растеризуются (“сливаются”) в один слой на уровне данной подгруппы.

Иными словами, все, что помещено в одну подгруппу слоев, предстает в роли одного слоя в Конструкторе шаблонов при перечитывании. Если внутри подгруппы для каких-либо графических слоев применяются блендинги и маски, то все они будут растеризованы на уровне данной подгруппы.

Блендинги и маски, примененные непосредственно к подгруппам слоев, будут перенесены на выгруженные Конструктором шаблонов графические слои.

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

Говоря о месте в PSD-документе, подгруппы слоев могут размещаться в нем на следующих уровнях:

  • Если шаблон предполагает разные ориентации, то подгруппы слоев размещаются непосредственно в группах, определяющих ориентацию слоев.
  • Если шаблон предполагает универсальную ориентацию — подгруппы слоев располагаются на «корневом» уровне PSD-документа.
Размещение подгрупп слоев в шаблоне с ориентацией «квадрат» Размещение подгрупп в шаблоне с универсальной ориентацией

Важно: стикеры являются частным случаем подгрупп графических слоев. Подгруппы стикеров обрабатываются особым образом.

Области вписывания

Область вписывания — это та область, в которую помещается пользовательская фотография. На уровне Photoshop она структурно представлена смарт-объектом. В зависимости от типа области вписывания, ее название всегда должно начинаться одним из вариантов, представленных ниже:

  • SQ — префикс для областей вписывания типа «рамка»
  • FSQ и FSQR — для областей вписывания типа «фигура»
  • Область вписывания лица — для областей вписывания лица

Помимо ведущей роли в позиционировании пользовательского фото в шаблоне, возможности смарт-объектов довольно широки:

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

Области вписывания располагаются на одном уровне с подгруппами графических слоев и могут чередоваться относительно подгрупп графических слоев и других областей вписывания в любом порядке.

Важно: Конструктор шаблонов не сможет прочитать psd-файл, если в нем на одном уровне будут находиться одинаковые по названию области вписывания, группы или подгруппы слоёв. Так, например, не может быть двух групп слоёв, называемых "квадрат" , или в группе слоев "квадрат" не может быть подгрупп слоёв с одинаковым именем, например "1_v".

Если в psd-документе обнаружатся совпадения в указанных структурных единицах, при перечитывании psd-документа Конструктор шаблонов предложит переименовать их в автоматическом порядке.

Внутри подгрупп допускается совпадение в именовании слоёв.

Подгруппы имеют одинаковое

название, PSD не прочитается

PSD-файл прочитается успешно

Сравнение структуры в Photoshop и в Конструкторе шаблонов

Ниже представлена типовая схема соответствия структурных элементов Photoshop и слоев Конструктора шаблонов.

Важно: в процессе обработки шаблоном пользовательской фотографии, шаблон рисуется поверх белой подложки. Если холст шаблона не перекрыт полностью графикой (представленной графическими слоями, стикерами и областями вписывания), то через имеющиеся “пробелы” будет виднеться белая подложка.

Вспомогательные материалы

Вспомогательные материалы для создания шаблона (сетки и прочее) можно разместить в двух местах:

  • на одном уровне с подгруппами слоев (не собирая слои с материалами в группы). Слои можно назвать как угодно (но без префикса SQ, чтобы Конструктор не перепутал служебные материалы со смарт-объектом области вписывания).
  • на верхнем уровне (на том же, где и группы вертикаль/горизонталь/...). Здесь слои можно собирать в группы с названиями, отличными от "вертикаль", "горизонталь" и "квадрат".
Хранение вспомогательных материалов в шаблоне,
предусматривающем ориентации

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

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

Пример готового шаблона с разными ориентациями, разнесенными в разные psd-документы можно скачать здесь.