Фотокалендарь

Порядок создания и настройки конструктора макетов фотокалендарей.

Фотокалендарь

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

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

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

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

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

  • Ширина (мм) — ширина фотокалендаря;

  • Высота (мм) — высота фотокалендаря;

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

  • Вылеты под обрез (мм) — вылеты под обрез макета фотокалендаря;

  • Тип продукта — Календарь-домик, Стандарт или С навивкой посередине.

Конструктор. Вкладка Описание

Макет из конструктора формируется размерами Ш x В + вылеты под обрез.
Например, конструктор, размерами 150 x 200 мм и вылетами под обрез 2 мм с каждой стороны, формирует макет размерами 154 x 204 мм.
Файл макета формируется в формате .pdf.

После сохранения настроек изменить параметр "Тип конструктора" нельзя.

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

Тип продукта

От типа продукта зависит только внешнее отображение календаря в конструкторе:

  • Календарь-домик — в верхней части страницы и обложки показана навивка;

Тип продукта Календарь-домик
  • Стандарт — в верхней части страницы и обложки показана навивка;

Тип продукта Стандарт
  • С навивкой посередине — в середине страницы и обложки показана навивка.

Тип продукта С навивкой посередине

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

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

Автоматическое заполнение проекта происходит до тех пор, пока в проекте имеется хотя бы один пустой компонент "Изображение".

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

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

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

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

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

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

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

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

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

  • Сторона — Обложка или Страница;

Основные компоненты календаря (месяц, год и календарная сетка) располагаются только на шаблоне типа Сторона

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

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

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

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

Конструктор. Создание шаблона

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

Конструктор. Вкладка Шаблоны. Новый шаблон

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

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

Конструктор. Установить по умолчанию

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

Чтобы снять выбор шаблона пол умолчанию, нажмите повторно на иконку "Установить по умолчанию"

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

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

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

Конструктор. Сортировка шаблонов

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

Превью шаблона для мобильного устройства

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

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

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

Конструктор. Импорт шаблонов

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

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

Редактор

Конструктор. Вкладка Шаблоны. Новый шаблон

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

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

Изначально шаблон создается пустой, его необходимо заполнить

Редактор. Область шаблона

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

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

Редактор. Область шаблона с сеткой

Компоненты

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

Редактор. Компоненты

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

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

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

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

  • Месяц — компонент, на месте которого будет отображаться месяц;

  • Год — компонент, на месте которого в конструкторе будет отображаться выбранный год;

  • Месяц + год — комбинированный компонент, на месте которого в конструкторе будет отображаться выбранные месяц и год;

  • Сетка — компонент, на месте которого в конструкторе будет отображаться выбранная календарная сетка.

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

Редактор. Компонент "Изображение"

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

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

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

Редактор. Панель управления. Тэг компонента

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

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

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

Редактор. Панель управления

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройки компонента "Месяц".

В дополнительных настройках компонента можно выбрать тип месяца:

  • Стандартный — месят обозначается словом - Январь;

  • Комбинированный — месяц обозначается двумя языками через символ "/" - Январь / January (обозначение месяца через "/" всегда на английском;

  • Цифровой — месяц обозначается цифрой - 01 (Январь).

Язык, на котором будет отображаться месяц. Если выбран параметр "---", язык берется из Стилей календарей.

Также, можно настроить выравнивание месяца по горизонтали.

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

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

Настройки компонента "Год".

В дополнительных настройках компонента "Год" присутствует лишь настройка выравнивания по горизонтали.

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

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

Настройки компонента "Месяц + Год".

В дополнительных настройках компонента можно выбрать язык, на котором будет отображаться месяц. Если выбран параметр "---", язык берется из Стилей календарей.

Также, можно настроить выравнивание компонента по горизонтали.

Компонент "Месяц + Год" необходимо разместить в область шаблона, в конструкторе для клиента будет автоматически отображаться соответствующий год название месяца .

Настройки компонента "Сетка".

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

Компонент "Сетка" настраивается в стилях в разделе Стили календарей

Слои

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

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

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

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

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