Вписывание пользовательской фотографии

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

Шаблон (условное его представление) Пользовательская фотография

Пусть область вписывания в данном шаблоне имеет размер 330 пикселей по ширине и 470 по высоте, а пользовательская фотография - 450 пикселей по ширине и 800 пикселей по высоте.

Так, если попробовать вписать пользовательскую фотографию в шаблон “как есть”, то результат можно представить таким:

Условное наложение “как есть”

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

Настройка способа вписывания

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

Далее следует обратиться к выпадающему списку в параметре “Способ вписывания”, в нем перечислены все возможные варианты вписывания юзерфото в данную область вписывания.

Для областей вписывания лица параметр "Способ вписывания" не применим, поскольку позиция полностью определяется опорными точками лица. Переключатель для выбора способа вписывания присутствует в блоке свойств, однако, он ни на что не влияет.

Способы вписывания фотографии

Симметричное кадрирование по меньшей стороне

Пользовательская фотография растягивается/сжимается (с сохранением пропорций) так, чтобы размер ее меньшей стороны совпадал с размером меньшей стороны области вписывания

После обработки фотографии в области вписывания остается её центральная часть, а те части фотографии, которые не вошли в область вписывания справа/слева или сверху/снизу — обрезаются.

Пример

Кадрирование сверху по меньшей стороне

Пользовательская фотография растягивается\сжимается (с сохранением пропорций) так, чтобы размер ее меньшей стороны совпадал с размером меньшей стороны области вписывания

Верхняя часть фотографии, которая не вошла в область вписывания, обрезается.

Пример

Кадрирование снизу по меньшей стороне

Пользовательская фотография растягивается\сжимается (с сохранением пропорций) так, чтобы размер ее меньшей стороны совпадал с размером меньшей стороны области вписывания

Нижняя часть фотографии, которая не вошла в область вписывания, обрезается.

Пример

По большей стороне

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

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

Пример

Растянуть без сохранения пропорций

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

Пример