Структура шаблона в Photoshop
Для того, чтобы PSD-документ шаблона был правильно прочитан Конструктором, необходимо придерживаться определенной структуры в Photoshop.
Структуру (“каркас”) шаблона определяют:
- Группы слоев
- Подгруппы слоев
- Смарт-объекты областей вписывания
Группы слоев
Группы слоев могут быть 4 типов: "вертикаль", "горизонталь", "квадрат" и "сторис". Названия этих групп всегда должны соответствовать их типу: "вертикаль", "горизонталь", "квадрат" и "сторис". Также допускается именование групп на английском языке: "portrait", "landscape", "square" и "stories". Регистр букв не имеет значения.
Важно: как следует из названий групп, каждая из них отвечает за отдельную ориентацию шаблона. Т.е. в каждой отдельной группе хранятся слои и другие материалы, которые адаптированы под ту или иную ориентацию пользовательской фотографии.
Примером шаблона с двумя типами групп слоев (в рамках одного PSD-документа) является представленный ниже шаблон типа “рамка” с ориентациями “вертикаль” и “горизонталь”:
Вертикаль | Горизонталь |
---|---|
В PSD-документе может быть как 1, 2, так и все 3 типа групп, определяющих для каких ориентаций пользовательских фотографий подходит шаблон.
Также в PSD-документе может не быть ни одной группы, отвечающей за ориентацию. В этом случае все остальные структурные элементы шаблона представляются в PSD-документе на “верхнем уровне” и такой шаблон становится шаблоном с универсальной ориентацией.
Существуют также варианты, когда шаблон базируется сразу на нескольких PSD-документах, в каждом из которых хранится отдельная его ориентация. Такой подход необходим тогда, когда соотношение сторон холста шаблона отличается в зависимости от ориентаций.
Подгруппы слоев
Подгруппа слоев — это слои, которые в терминологии Photoshop были сгруппированы.
В подгруппы слоев помещаются графические слои и другие элементы, которые при перечитывании PSD-документа Конструктором растеризуются (“сливаются”) в один слой на уровне данной подгруппы.
Иными словами, все, что помещено в одну подгруппу слоев, предстает в роли одного слоя в Конструкторе шаблонов при перечитывании. Если внутри подгруппы для каких-либо графических слоев применяются блендинги и маски, то все они будут растеризованы на уровне данной подгруппы.
Блендинги и маски, примененные непосредственно к подгруппам слоев, будут перенесены на выгруженные Конструктором шаблонов графические слои.
Замечание: т.к. вся подгруппа растеризуется как единый слой, блендинг Пропустить для такой подгруппы не может быть обработан корректно и поэтому запрещен к применению для подгрупп слоев. Подробнее про особенности блендинга Пропустить см. здесь.
Говоря о месте в PSD-документе, подгруппы слоев могут размещаться в нем на следующих уровнях:
- Если шаблон предполагает разные ориентации, то подгруппы слоев размещаются непосредственно в группах, определяющих ориентацию слоев.
- Если шаблон предполагает универсальную ориентацию — подгруппы слоев располагаются на «корневом» уровне PSD-документа.
Размещение подгрупп слоев в шаблоне с ориентацией «квадрат» | Размещение подгрупп в шаблоне с универсальной ориентацией |
---|---|
Важно: стикеры являются частным случаем подгрупп графических слоев. Подгруппы стикеров обрабатываются особым образом.
Области вписывания
Область вписывания — это та область, в которую помещается пользовательская фотография. На уровне Photoshop она структурно представлена смарт-объектом. В зависимости от типа области вписывания, ее название всегда должно начинаться одним из вариантов, представленных ниже:
- SQ — префикс для областей вписывания типа «рамка»
- FSQ и FSQR — для областей вписывания типа «фигура»
- Область вписывания лица — для областей вписывания лица
Помимо ведущей роли в позиционировании пользовательского фото в шаблоне, возможности смарт-объектов довольно широки:
- В смарт-объектах областей вписывания можно хранить примерочные пользовательские фотографии.
- Все смарт-объекты областей вписывания (за исключением лицевых) можно искажать в угоду творческого замысла шаблона, но он должен оставаться четырехугольником (не обязательно с прямыми углами, но использовать деформацию запрещено. Если для вашего шаблона в художественных целях необходимо использование деформации области вписывания - ознакомьтесь с возможностями и ограничениями деформаций здесь).
- Можно применять к смарт-объектам маски, блендинги (см. список подерживаемых блендингов), а также задавать прозрачность.
Области вписывания располагаются на одном уровне с подгруппами графических слоев и могут чередоваться относительно подгрупп графических слоев и других областей вписывания в любом порядке.
Важно: Конструктор шаблонов не сможет прочитать psd-файл, если в нем на одном уровне будут находиться одинаковые по названию области вписывания, группы или подгруппы слоёв. Так, например, не может быть двух групп слоёв, называемых "квадрат" , или в группе слоев "квадрат" не может быть подгрупп слоёв с одинаковым именем, например "1_v".
Если в psd-документе обнаружатся совпадения в указанных структурных единицах, при перечитывании psd-документа Конструктор шаблонов предложит переименовать их в автоматическом порядке.
Внутри подгрупп допускается совпадение в именовании слоёв.
Подгруппы имеют одинаковое название, PSD не прочитается |
PSD-файл прочитается успешно |
---|---|
Сравнение структуры в Photoshop и в Конструкторе шаблонов
Ниже представлена типовая схема соответствия структурных элементов Photoshop и слоев Конструктора шаблонов.
Важно: в процессе обработки шаблоном пользовательской фотографии, шаблон рисуется поверх белой подложки. Если холст шаблона не перекрыт полностью графикой (представленной графическими слоями, стикерами и областями вписывания), то через имеющиеся “пробелы” будет виднеться белая подложка.
Вспомогательные материалы
Вспомогательные материалы для создания шаблона (сетки и прочее) можно разместить в двух местах:
- на одном уровне с подгруппами слоев (не собирая слои с материалами в группы). Слои можно назвать как угодно (но без префикса SQ, чтобы Конструктор не перепутал служебные материалы со смарт-объектом области вписывания).
- на верхнем уровне (на том же, где и группы вертикаль/горизонталь/...). Здесь слои можно собирать в группы с названиями, отличными от "вертикаль", "горизонталь" и "квадрат".
Хранение вспомогательных материалов в шаблоне, предусматривающем ориентации |
---|
Пример готового шаблона с разными ориентациями можно скачать здесь.
Пример готового шаблона с универсальной ориентацией можно скачать здесь.
Пример готового шаблона с разными ориентациями, разнесенными в разные psd-документы можно скачать здесь.