Фотокарточка

Фотокарточка

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

Чтобы создать новый конструктор, необходимо нажать на кнопку в верхнем правом углу окна браузера "Создать"

Вкладка Описание

• Название — название конструктора;

• Тип конструктора — выбираем "Фотокарточка";

• Ширина (мм) — ширина фотокарточки;

• Высота (мм) — высота фотокарточки;

• Безопасная область (мм) — безопасная область макета фотокарточки;

• Вылеты под обрез (мм) — вылеты под обрез макета фотокарточки.

После сохранения настроек, появятся новая вкладка "Шаблоны" и на вкладке "Описание" появится параметр "Принудительное автозаполнение".

Принудительное автозаполнение

Фотографии, загруженные клиентом в конструктор, будут автоматически расставлены по всем доступным компонентам "Изображение".

Если клиента не устраивает автоматическое заполнение, то он всегда может "Очистить" проект:

Переходим на вкладку "Шаблоны".

Вкладка Шаблоны

Основным элементом любого конструктора являются Шаблоны, без них конструктор не будет функционировать.

Добавить шаблоны в конструктор можно двумя способами:

• Создать новый - "Добавить";

• Импортировать из другого конструктора - "Импорт".

Создание нового шаблона

В списке шаблонов нажимаем на кнопку "Добавить"

В открывшемся окне вводим следующие данные:

• Название — название шаблона, отображается в конструкторе;

• Сторона — для конструктора Фотокарточки только Лицевая;

• Ориентация — Горизонтальная или Вертикальная;

• Группа — компоненты, доступные в данном шаблоне: Изображение и текст, Только изображение или Только текст;

• Отображение на устройстве — устройство, на котором будет отображаться данный шаблон: Универсальный, Для десктопа или Для мобильных устройств;

• Иконка — иконка шаблона, отображается в конструкторе.

После сохранения настроек, откроется общий список шаблонов, в котором новый шаблон будет иметь статус "Выкл"

Шаблон по умолчанию

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

Сортировка шаблонов

Шаблоны по умолчанию располагаются в том порядке, в котором были созданы.
Имеется возможность ручной сортировки шаблонов, для этого на вкладке "Шаблоны", в самом низу экрана, нажмите на кнопку "Сортировка".

Откроется окно сортировки:

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

Импорт шаблонов

Если в другом конструкторе уже имеются типовые шаблоны, их можно импортировать в новый шаблон с помощью кнопки "Импорт"

При нажатии на кнопку "Импорт", откроется окно следующего вида:

В этом окне выбираем конструктор, затем отмечаем шаблоны, которые необходимо импортировать.

Редактор

В строке шаблона нажимаем на "Редактор". откроется редактор шаблона, в котором имеются следующие элементы:

• область шаблона;

• компоненты;

• слои.

Область шаблона (компоненты)

Кнопка "Сетка" над областью шаблона, позволяет отобразить сетку:

Компоненты

Шаблон наполняется только с помощью компонентов. Их можно найти в левом нижнем углу редактора:

• Изображение — поле для загрузки изображения;

• Текст — текст в одну строку;

• Мультитекст — текст в несколько строк;

• Прямоугольник — компонент со сплошной заливкой.

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

Система координат начинает отсчет от левого верхнего угла области шаблона: горизонтальная — x, вертикальная — y (x = 0, y = 0).

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

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

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

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

Дополнительные настройки компонента

В панели управления каждого компонента имеется иконка карандаша (редактировать), нажав на нее, откроются дополнительные настройки компонента.

Изображение

Текст/Мультитекст

Прямоугольник

Настройки компонента "Изображение".

В компонент можно загрузить свое изображение, оно будет отображаться в конструкторе для клиента.

Также на этот компонент можно выставить свои параметры вылетов. Они пригодятся, если изображение каким-то образом дополнительно обрабатывается, из-за чего края могут быть видны не полностью.

Настройки компонента "Текст" и "Мультитекст".

В компоненте присутствуют стандартные инструменты редактирования текста: Шрифт, Размер шрифта, Цвет шрифта, Тип шрифта и Тип выравнивания по горизонтали.

Текст может быть как подсказкой, так и значением по умолчанию. Компонент по умолчанию имеет предустановленный текст-подсказку "Текстовая строка".

• Подсказка — предустановленный текст НЕ идет в итоговый макет;

• Значение по умолчанию — предустановленный текст ИДЕТ в итоговый макет.

Также в данном компоненте имеется инструмент "Ограничить шрифты", он позволяет ограничить как размер шрифта (диапазон "от" и "до"), так и сам шрифт.

Настройки компонента "Прямоугольник".

Каждый компонент может быть определенного цвета в формате CMYK и степенью прозрачности.

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

Слои

Каждый компонент в область шаблона добавляется отдельным слоем. Слои можно блокировать и изменять их порядок.
Слои можно найти в правом нижнем углу окна редактора:

Чтобы увидеть все слои и их порядок, нажмите на кнопку "Слои"

Слои называются соответственно компоненту и нумеруются в порядке добавления (1, 2, 3, ...).
Если компоненты в области шаблона располагаются друг под другом, то в первую очередь будет отображаться тот компонент, который в списке слоев находится выше.

Таким образом, например, можно размещать компонент текст поверх компонента изображение или прямоугольник.

Также, слой можно заблокировать — иконка замка — в этом случае клиент не сможет его редактировать.