Требования к шаблонам и их оформлению

Общие требования

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

Ниже показаны примеры достаточного и недостаточного реализма в шаблонах:

Обложка журнала выглядит нереалистично Добавлен фотореалистичный глянец
Фотография выглядит несколько чужеродно на старинной книге Фотография состарена при помощи эффектов и дополнительных слоёв с блендингами
Юзерфото смотрится инородно и неестественно в шаблоне Юзерфото органично вписано в среду засчет добавления инея

2. Область вписывания юзерфото должна быть максимально крупной, насколько это позволяет композиционная задумка шаблона.

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

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

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

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

В шаблоне (ниже) со вставкой лица естественно смотрятся лица с темной и светлой кожей, взрослые и детские лица, мужские и женские.

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

Режимы вписывания фотографий

Юзерфото и области для вписывания внутри шаблонов редко совпадают по пропорциям. Рассмотрим шаблон с прямоугольной областью вписывания:

Представим, что надо вставить в шаблон следующие фотографии:

Пропорции фотографии подгоняются к пропорциям области засчёт обрезки фото. Поэтому при вставке в данный шаблон у вертикального фото будет обрезаны низ и верх, у горизонтального - бока. При вставке фотографий в шаблон получим следующее:

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

Превью шаблона

Превью шаблона — это набор миниатюр, представляющих шаблон на главной странице сервиса funny.pho.to, в мобильных приложениях и т.п. Можно сказать, что превью — это “лицо” шаблона. От того, насколько удачно сделано превью, зависит, будут ли пользователи интересоваться шаблоном, применять его.

Набор превью предоставляется дизайнером в формате jpeg в следующих размерах:
500 х 500px, 168 х 168px, 120 х 120px, 84 х 84px.

Требования к превью:
  1. Превью должно выглядеть привлекательно и чётко отражать суть шаблона. Для этого разрешается незначительно менять композицию шаблона непосредственно в превью (увеличивать значимые элементы, скрывать незначимые, отвлекающие и т.п.)
  2. Следует уменьшать изображение шаблона к размеру превью аккуратно, следить, чтобы не было сильной ступенчатости (алиасинга), чрезмерного увеличения резкости или, напротив, размытия.
  3. Для шаблонов с вписыванием нескольких юзерфото фотографии в превью надо пронумеровать:

Примеры удачно и неудачно составленной композиции превью:

Если пропорционально уменьшить графику шаблона до размера превью, графика будет плохо читаться Количество элементов (бабочек) уменьшено. Элементы увеличены и перекомпонованы.