Руководство пользователя

Как пользоваться редактором шаблонов

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

← Руководство по фотобудке: как пользоваться Glitzycam

Быстрый старт

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

  1. Открой редактор. Перейди в My Templates, открой созданный тобой шаблон и выбери Edit layout или выбери Customize a copy для купленного шаблона. После покупки шаблона за glitzycoins пункт Design from scratch позволяет начать с чистого листа.
  2. Выбери, что изменить. Нажми на фотообласть или текст на холсте либо выбери элемент в списке Layers. Его настройки появятся в разделе Properties.
  3. Внеси изменения. Перетаскивай элемент, чтобы переместить его, точки — чтобы изменить размер, а круглый маркер — чтобы повернуть. Или введи точные значения в Properties.
  4. Проверь результат. Нажми Preview. В каждой фотообласти появится пример фото — ты увидишь кадрирование так, как его увидит гость.
  5. Сохрани. Нажми Save или Ctrl S (на Mac — ⌘ S). Каждое сохранение создаёт новую версию, поэтому ты всегда сможешь вернуться к предыдущей.
  6. Загрузи шаблон в фотобудку. В приложении Glitzycam открой Настройки → Шаблоны → Glitzycam Web, найди шаблон и загрузи его. Если он уже есть в фотобудке, приложение предложит Replace его.
💡
Изменения не окончательны, пока ты их не сохранишь. И если забудешь сохранить — ничего не пропадёт: редактор хранит черновик несохранённых изменений в этом браузере, а Undo (Ctrl Z) позволяет шаг за шагом отменить изменения.

Из чего состоит шаблон

В каждом шаблоне есть несколько одинаковых слоёв. Именно так они называются в редакторе.

Шаблон состоит из фона, фотообластей (на схеме они называются ячейками) и рамки-наложения поверх фотографий. Вместе они образуют готовый макет для печати.
Схема шаблона Glitzycam: фоновое изображение, ячейки для фото (окна), рамка-наложение поверх фотографий и готовый макет, полученный из этих слоёв. Рядом — обозначения фона, ячеек, наложения, размеров и поворота фото, а также варианты, выбранные при создании шаблона.

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

Вот где найти каждый элемент схемы в редакторе:

На схемеВ редактореГде изменить
Background: изображение на весь фон и текст событияBackground — изображение под фотографиямиProperties → Artwork → Background (ничего не выбрано). В Layers: Artwork below the photos.
Slots / windows: области для фотографийPhoto windows: место для фото каждого гостя, не более 12Layers → Photo windows. Кнопка Add window добавляет ещё одну область.
Overlay: рамка поверх фотографийOverlay — изображение с прозрачными областями, расположенное поверх фотографийProperties → Artwork → Overlay. В Layers: Artwork above the photos.
Preview: готовый макет для печатиПредпросмотрКнопка Preview на верхней панели или зажми P.
Photo dimensions: координаты x и y, ширина и высотаПоложение и размерРаздел Properties с выбранной фотообластью.
Rotation: угол поворота каждой ячейки для фотоRotation (поле «Угол»)Раздел Properties с выбранной фотообластью.
ТегиТегиСвойства, когда ничего не выбрано.
📝
Как сказано в нижней строке схемы, подпись, дата, место и значок должны быть частью изображения. Текстовые элементы в редакторе нужны для дополнительных деталей. Параметры под схемой (количество областей для фото, форма отверстий, макет, режим наложения, стиль и палитра, теги) выбираются при создании шаблона с помощью ИИ. Можно выбрать от 1 до 6 областей для фото. Затем шаблон можно настроить вручную в редакторе, добавив до 12 окон.

Открыть редактор

Доступные действия зависят от того, чей это шаблон.

Ты хочешь…ВыбериЧто произойдёт
Изменить созданный тобой шаблонОткрой шаблон в My Templates и выбери Edit layoutШаблон откроется. Нажми Save, чтобы сохранить изменения как новую версию этого же шаблона.
Создать свою версию купленного шаблонаНа карточке шаблона нажми Customize a copyОткроется копия, а в редакторе появится сообщение You are editing a copy. Исходный шаблон останется без изменений. Нажми Save a copy, чтобы создать свой шаблон.
Начать с нуляНажми Design from scratch вверху страницы My Templates. Эта кнопка появится, когда ты потратишь glitzycoins на шаблон.Выбери количество фото в полоске, добавь фон или однотонный цвет, а когда будешь готов, нажми Create.
📝
У созданного тобой с помощью ИИ шаблона появится кнопка Edit layout на странице, как только он попадёт в библиотеку. Перезаписать шаблон может только его создатель; остальные могут редактировать только копию.

Рабочая область

На компьютере редактор занимает всё окно и состоит из четырёх частей.

Редактор на компьютере с выделенным первым окном для фото в шаблоне.
Редактор на компьютере с открытым шаблоном Merry Christmas. Сверху — панель с названием шаблона, кнопками отмены и повтора действий, масштабом, предпросмотром и сохранением. Слева — список слоёв. В центре — шаблон на холсте с выделенным первым окном для фото. Справа — панель свойств этого окна.

Редактор на компьютере с выделенным первым окном для фото в шаблоне.

#ЧастьНазначение
1Верхняя панельBack (редактор спросит, прежде чем ты потеряешь несохранённые изменения), название шаблона (нажми на него, чтобы переименовать), индикатор состояния, например Saved · v3, кнопки Undo и Redo, масштаб, Preview и Save с меню.
2СлоиКнопки Add window и Add text, а ниже — все элементы шаблона: текст, слой, окна для фото в порядке съёмки и фон. Нажми на строку, чтобы выбрать элемент. Значки глаза скрывают слой или фон на время работы, но они останутся частью шаблона.
3ХолстШаблон отображается в выбранном тобой размере. Окна для фото обведены синим и пронумерованы в порядке съёмки. Эти рамки видны только во время редактирования. Область с точками вокруг шаблона находится за его пределами.
4СвойстваЗдесь собраны настройки выбранного элемента. Если ничего не выбрано, отображаются свойства самого шаблона: название, описание, теги, размер холста, фон и слой, а также проверка прозрачных областей.
📝
На планшете или телефоне панели сдвигаются, чтобы освободить место для пальцев. Подробнее — в разделе Планшет и телефон.

Выбор, перемещение и изменение размера

Одинаково можно перемещать и изменять размер окон для фото и текста.

Чтобы…Сделай так
Выбрать элементНажми на элемент на холсте или выбери его в списке слоёв. Если элемент скрыт за другим, проще всего выбрать его в списке слоёв.
Выбрать несколькоУдерживай Shift (или Ctrl/⌘) и щёлкай по другим элементам или протяни рамку по пустому холсту, чтобы выбрать всё, чего она коснётся. С помощью мыши или трекпада.
Снять выделениеНажми Esc или щёлкни по пустому холсту.
ПереместитьПеретащи элемент. Или используй клавиши со стрелками: перемещение на 1 пиксель, с Shift — на 10.
Изменить размерПеретаскивай точку в углу или на краю: противоположная сторона останется на месте. Если включён параметр Keep proportions, окно сохраняет форму. Удерживай Shift во время перетаскивания, чтобы отключить это для одного действия. С Alt и клавишами со стрелками размер меняется на 1 пиксель (с Shift — на 10).
ПовернутьПеретащи круглый маркер над элементом. Удерживай Shift, чтобы поворачивать с шагом 15°. При повороте к ровному положению и четверти оборота срабатывает мягкая фиксация.
Выровнять элементыРозовые направляющие появляются, когда край или центр элемента совпадает с другим элементом или холстом, и элемент притягивается к ним. Кнопка Snap на верхней панели отключает привязку. Удерживай Alt во время перетаскивания, чтобы отключить её на один раз.
Ввести точные значенияУкажи значения X, Y, Width и Height в разделе Properties. Нажми Enter или щёлкни в другом месте, чтобы применить. Стрелки вверх и вниз меняют значение на 1 (с Shift — на 10).
МасштабИспользуй кнопки − и + на верхней панели, Ctrl/⌘ с колёсиком мыши или жест сведения/разведения пальцев. Нажми 0, чтобы уместить шаблон на экране, или 1, чтобы показать его в масштабе 100%.
Перемещение области просмотраПрокрути колесо или удерживай Space и перетаскивай холст.
Отменить или повторитьCtrl Z и Ctrl Shift Z (на Mac — ⌘), до 100 действий. Всё перетаскивание считается одним действием. Нажми Esc во время перетаскивания, чтобы отменить его.

Если выбрано несколько элементов, в разделе Properties доступны команды Align (по выделению или по холсту), Space evenly (по горизонтали или вертикали, для трёх и более элементов), Match size (по ширине, высоте или обоим параметрам), а также общие настройки границ и текста.

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

Окна для фото

Окно для фото — это место для фото гостя. Первое фото сеанса попадёт в окно 1, второе — в окно 2 и так далее.

  • Добавить окно. Выбери Add window в разделе Layers (на телефоне — Window на нижней панели). Окно появится в центре видимой области. В шаблоне может быть до 12 окон, но хотя бы одно должно быть.
  • Задать порядок фото. Номер на значке окна показывает его место в сеансе. Чтобы изменить порядок, используй стрелки под Shot order в разделе Properties, перетащи точку рядом с окном в Layers или нажми Ctrl/⌘ [ и ].
  • Размер и форма. Размер окна может быть от 50 × 50 пикселей до размера всего шаблона. Изначально окно прямоугольное. О том, как придать ему форму сердца, круга или другую, читай в разделе Формы окон.
  • Граница. В разделе Border выбери толщину от 0 до 40 пикселей и цвет: один из 12 образцов, цвет из палитры или код в формате hex. Последние шесть пользовательских цветов появятся в разделе Recent. Граница проходит по центру края окна, поэтому половина её ширины находится снаружи.
  • Поворот. Введи угол, используй кнопки поворота на четверть оборота или перетащи маркер.
  • Дублировать или удалить. Используй раздел Window в Properties, сочетание клавиш Ctrl/⌘ D или Delete. Удалённый элемент можно восстановить с помощью команды Undo в появившемся уведомлении.
💡
Фото обрезаются, но не растягиваются. Фотобудка размещает фото по центру окна и обрезает всё лишнее. Поэтому у горизонтального фото в высоком окне будут обрезаны боковые части. В режиме Предпросмотр видно, как именно будет обрезано фото.

Формы окон

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

  1. Выбери одно или несколько окон. Открой раздел Shape в Properties.
  2. Наведи указатель на форму, чтобы посмотреть, как она будет выглядеть на холсте с фото внутри. Изменения применятся, только если щёлкнуть по ней. На сенсорном экране нажми на форму, а чтобы отменить действие, используй Undo.
  3. Щёлкни по нужной форме. Выбери No shape, чтобы вернуть обычное окно. Если выбрано одно окно, кнопка под списком форм задаст одинаковую форму всем окнам.
  • Как это устроено. Фотобудка может отображать окно только в виде прямоугольника, поэтому форму создаёт слой, как и в конструкторе шаблонов: углы, оставшиеся за пределами формы, заполняются фоном, граница рисуется по контуру формы, а сама форма вырезается, чтобы было видно фото. Это происходит при сохранении, а в режиме Preview виден готовый результат.
  • Слой сохраняется. Редактор хранит исходный слой отдельно от сохранённого, чтобы ты мог изменить или убрать форму позже, даже закрыв редактор. Фотобудка и скачиваемый пакет получают только готовый слой.
  • Форма заменяет содержимое слоя внутри границ окна. Если в этом месте на слое есть рисунок, например лента или рамка, окно с формой заменит эту часть на фон. Чтобы сохранить рисунок, перемести окно или не задавай ему форму.
  • Граница повторяет форму. Выбранные в разделе Border толщина и цвет применяются по контуру формы, а не прямоугольного окна.
  • Нужен фон. Без него углам не с чем совпадать, и ты увидишь Сначала добавь фон.
  • Поворот работает. При повороте окна поворачивается и его форма.
  • Перекрывающиеся окна. Там, где перекрываются два окна с формой, в углу одного будет виден фон, а не другое окно.
📝
Окно с формой создаёт собственное отверстие, поэтому редактор не проверяет его относительно прозрачных областей слоя, а параметр Fit to the artwork для него не отображается.

Текст

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

  1. Добавь текст. Выбери Add text в Layers (на телефоне — Text на нижней панели). На компьютере можно сразу печатать на холсте: Your text here уже выделено, поэтому первый символ заменит этот текст. Если ты работаешь пальцем или стилусом, откроется поле Content в Properties, и клавиатура появится там.
  2. Закончи редактирование. Нажми Esc или щёлкни в другом месте. Чтобы снова изменить текст, дважды щёлкни по нему или выдели его и нажми Enter.
  3. Настрой оформление. В Properties выбери Font, Size (8–200 пикселей) и Color. Новый текст будет чёрным или белым — в зависимости от того, какой цвет лучше виден на фоне изображения.
  4. Настрой размер блока. Текст выравнивается по левому краю, переносится по ширине блока и располагается по центру по вертикали. Перетаскивай точки блока, задай Width и Height или нажми Fit height to text.
⚠️
Системные шрифты отображает фотобудка, а не эта страница. Шрифты с открытым исходным кодом есть и в редакторе, и в приложении фотобудки, поэтому в Preview они выглядят так же, как при печати. Системные шрифты зависят от того, какие шрифты установлены на устройстве, поэтому интервалы и переносы строк в фотобудке могут немного отличаться. Оставь в блоке запас места.
💡
Основные слова, дату и место лучше добавить прямо в изображение. Текстовые элементы лучше делать короткими. В шаблоне может быть до 12 текстовых элементов, до 500 символов в каждом.

Фон, слой и размер холста

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

Замена изображения

  1. Покажи настройки самого шаблона. Щёлкни по пустому месту холста или нажми Esc, чтобы снять выделение.
  2. Выбери Replace… в разделе Artwork на карточке Background или Overlay, затем выбери файл JPEG, PNG или WebP. Можно также перетащить изображение в любое место редактора или вставить его сочетанием клавиш Ctrl/⌘ V. Редактор спросит Use this picture as… и предложит слой, если у изображения есть прозрачные области.
  3. Подгони изображение, если появится запрос. Если его пропорции не совпадают с шаблоном, откроется диалог: выбери Crop, чтобы обрезать изображение, или Stretch, чтобы растянуть его целиком. Если изображение слишком маленькое и при увеличении может стать размытым, редактор предупредит об этом.
  4. Нажми Use this picture. Нажми Undo, чтобы вернуть прежнее изображение.
  • Изображения, которые уже подходят по размеру, сохраняются без изменений. Фон JPEG или слой PNG с прозрачными областями сохраняется побайтно, если его размер точно совпадает с размером шаблона и укладывается в допустимые ограничения. Изображение не перекодируется, поэтому его качество не меняется, как и данные, сохранённые в файле: например, снимок с телефона может содержать информацию о месте съёмки. Если редактору нужно обрезать, изменить размер или конвертировать изображение, эти данные не сохраняются.
  • У слоя должны быть прозрачные области. Иначе он закроет все фотографии. Редактор сообщит У изображения нет прозрачных областей и предложит варианты Use as background instead или Use as overlay anyway.
  • Remove удаляет изображение. Plain color… заливает фон одним цветом. Значки глаза в Layers только скрывают изображение на время работы.
  • Размер холста. В разделе Canvas выбери один из четырёх размеров. Все варианты рассчитаны на печать размером 4 × 6 дюймов; чем больше размер, тем чётче распечатка. При изменении размера окна, текст и обе картинки масштабируются вместе.
Размер холстаКачество печати
1800 × 1200 пикс. (по умолчанию)300 DPI
1500 × 1000 пикс.250 DPI
1200 × 800 пикс.200 DPI
900 × 600 пикс.150 DPI

Размещай окна в прозрачных областях слоя

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

Если переместить или изменить размер окна так, что оно выйдет за границы отверстия, часть окна окажется под изображением. Редактор заметит это:

Рядом с окном в Layers появляется предупреждающий треугольник…
Список Layers: окно 2 выделено, рядом с его названием показан предупреждающий треугольник.

Рядом с окном в Layers появляется предупреждающий треугольник…

…а в Properties указана проблема и предлагается решение.
Карточка Fit to the artwork в Properties: «Часть этого окна скрыта изображением или оно не заполняет прозрачную область», а также кнопка Match to the see-through area.

…а в Properties указана проблема и предлагается решение.

  1. Выбери окно с предупреждением.
  2. Нажми Match to the see-through area в разделе Fit to the artwork. Окно переместится и изменит размер так, чтобы заполнить своё отверстие.

Чтобы настроить весь шаблон, сними выделение и открой See-through areas в Properties. Параметр Fit windows to the areas сопоставляет каждое окно с отверстием так, чтобы окна переместились как можно меньше. Параметр Add missing windows добавляет окно для каждого отверстия, у которого его нет.

📝
Редактор находит отверстия, полностью окружённые изображением. Если он не может распознать отверстия — например, если это тонкая рамка вокруг открытого центра, — то не делает предположений.

Предпросмотр

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

В Preview все окна заполняются одной и той же примерной фотографией с кошками и собаками, обрезанной по форме каждого окна.
В шаблоне Merry Christmas в Preview: в каждом из трёх круглых окон отображается одна и та же групповая фотография собак и кошек, обрезанная по форме окна.

В Preview все окна заполняются одной и той же примерной фотографией с кошками и собаками, обрезанной по форме каждого окна.

  • Нажми Preview на верхней панели, чтобы включить или выключить предварительный просмотр, или зажми P, чтобы быстро взглянуть. Синие контуры, маркеры и направляющие исчезнут.
  • Что ты видишь. Рамки, слой и текст отображаются так же, как в фотобудке. Фото здесь только для примера: по нему можно оценить кадрирование, но не лица.
  • Сохранённый предварительный просмотр. То же фото для примера используется в изображении предварительного просмотра, которое сохраняется с каждой версией и отображается на карточке и странице шаблона.
📝
Шрифты с открытым исходным кодом отображаются из собственных файлов шрифтов — именно так фотобудка будет их печатать (в приложении фотобудки установлены те же шрифты). Системные шрифты берутся с твоего устройства, поэтому переносы строк могут немного отличаться. Когда макет будет готов, проверь его печатью.

Сохранение, копии и версии

При каждом сохранении создаётся новая версия, а старая остаётся. Экспериментируй свободно.

Кнопка сохранения

Когда ты…На кнопке написаноОна…
Редактируешь созданный тобой шаблонSave (Ctrl/⌘ S)Сохраняет новую версию того же шаблона. Фотобудка распознаёт её как этот шаблон. Кнопка неактивна, если изменений нет.
Настраиваешь купленный шаблонСохранить копиюПредлагает указать название и создаёт твой личный шаблон. Купленный шаблон не меняется.
Создаёшь шаблон с нуляСоздатьСоздаёт шаблон и открывает его.

Меню сохранения

Стрелка рядом с кнопкой сохранения открывает меню:

  • Save as copy… (Ctrl/⌘ Shift S) создаёт новый шаблон из того, что сейчас на экране, и оставляет исходный без изменений.
  • В разделе Version history… перечислены все версии. Здесь можно восстановить нужную (см. ниже).
  • Download package (только для администраторов) скачивает шаблон файлом для приложения фотобудки.
  • Open in the booth app открывает этот шаблон прямо в приложении фотобудки.
  • Discard changes возвращает к открытой версии. Undo восстанавливает изменения.
  • Take a tour… знакомит тебя с редактором, по очереди подсвечивая его части, а в конце возвращает всё в исходное состояние. При первом открытии редактора тур запускается автоматически.
  • How to use the editor открывает это руководство в новой вкладке.
  • Keyboard shortcuts показывает список ниже.

Что означает индикатор состояния

ИндикаторЗначение
Сохранено · v3Всё сохранено. Сейчас открыта версия 3.
Несохранённые измененияПосле последнего сохранения ты что-то изменил.
Сохранение…Сохранение выполняется.
Не сохраненоНе удалось сохранить. Изменения остались — попробуй ещё раз.
Сохранено в другом местеС момента, когда ты открыл шаблон, его сохранили из другой вкладки или с другого устройства (см. ниже).
New template, Not copied yetПока ничего не сохранено. Первое сохранение сохранит шаблон.

Черновики и выход

Пока ты работаешь, редактор сохраняет черновик несохранённых изменений в этом браузере. Если вкладка закроется или соединение прервётся, при следующем открытии шаблона появится вопрос Picked up where you left off? и варианты Restore или Start over. Черновик хранится 30 дней только в этом браузере и на этом устройстве. Если ты попытаешься уйти с несохранёнными изменениями, редактор сначала спросит, что делать: Keep editing, Leave или Save and leave.

Вернуться к предыдущей версии

  1. Открой меню рядом с Save и выбери Version history…. Для каждой версии показаны изображение, дата сохранения и автор; текущая версия помечена как Current.
  2. Нажми Restore у нужной версии, затем выбери Restore as new version.

Восстановление ничего не удаляет: старая версия сохраняется заново как самая новая. Кнопка Restore недоступна, пока есть несохранённые изменения. Сначала сохрани или отмени их. Редактор хранит до 20 версий: исходную (версия 1) и самые новые.

Если шаблон сохранили в другом месте

Если один и тот же шаблон открыт в двух вкладках или на двух устройствах и в одной из них его сохраняют, другая не сможет незаметно перезаписать изменения. Если вкладки открыты в одном браузере, ты сразу увидишь сообщение: Saved in another tab (version N). В остальных случаях редактор покажет сообщение при попытке сохранить: Saved somewhere else. В обоих случаях выбери Reload latest (несохранённые изменения останутся в черновике, который можно восстановить) или Save as a copy.

⚠️
Если шаблон опубликован на Marketplace, сохранение изменений повлияет на то, что будут скачивать все пользователи. Редактор предупредит тебя и сообщит, сколько человек купили шаблон.

Использовать в фотобудке

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

  1. Нажми Save, чтобы сохранить шаблон. Надпись Saved · v… в верхней панели означает, что он сохранён.
  2. На устройстве фотобудки открой Glitzycam и перейди в Настройки → Шаблоны, затем выбери Glitzycam Web и войди в тот же аккаунт.
  3. Найди шаблон и загрузи его.
  4. Если шаблон уже есть в фотобудке, приложение спросит Replace “Name”? и объяснит, что при загрузке он будет заменён этой версией. Выбери Replace.
  5. Если хочешь, назначь его шаблоном по умолчанию в уведомлении, которое появится после загрузки.
  • Быстрый способ. Пункт Open in the booth app в меню Save сразу откроет приложение с этим шаблоном. Администраторы также могут выбрать Download package, чтобы скачать файл и добавить его через Import в разделе Settings → Templates.
  • Built-in designs нельзя заменить.
  • Шаблон, созданный до появления редактора, может быть ещё без идентификатора. При первом сохранении он появится. Если в фотобудке уже есть старая версия, она один раз загрузит сохранённую версию как новую копию. После этого сохранения будут заменять её.

На планшете или телефоне

Редактор подстраивается под доступное пространство. Всё описанное выше работает; меняется только расположение панелей.

Телефон (слева) и планшет в вертикальном положении (справа).
Телефон с редактором: сверху шаблон, под ним панель со свойствами Window 1. Рядом планшет в вертикальном положении с открытой панелью Layers поверх холста.

Телефон (слева) и планшет в вертикальном положении (справа).

ЭкранРасположение панелей
Computer (ширина 1200 пикселей или больше)Панель Layers слева, Properties справа. Обе всегда открыты.
Tablet (от 700 до 1199 пикселей)Кнопки Layers и Properties в верхней панели открывают панели поверх холста. Чтобы закрыть панель, коснись области за её пределами или нажми Esc. На широком планшете, например в горизонтальном положении, Properties остаётся открытой рядом с холстом. Для выбранного объекта появляется небольшая панель с кнопками Duplicate, Edit text, Delete и Properties.
Phone (меньше 700 пикселей)Шаблон находится сверху. Под ним — панель с двумя вкладками, Layers и Properties: потяни за её верхний край вверх, чтобы увеличить панель, или вниз, чтобы лучше видеть шаблон. Коснись заголовка панели, чтобы открыть или закрыть её. Внизу находится панель с кнопками Undo, Redo, Window, Text и Preview. Кнопка Save и её меню остаются вверху справа.

Жесты на сенсорном экране

ЖестНазначение
Коснуться объектаВыбрать его. Коснись пустого места на холсте, чтобы снять выделение.
Перетащить объектПеремещает его.
Потяни за точку или ползунокИзменяет размер или поворачивает.
Перетаскивай пустое место на холстеПеремещает область просмотра по шаблону.
Сведи или разведи пальцы либо перемещай двумя пальцамиУвеличивает масштаб или перемещает область просмотра. При увеличении появляется кнопка Fit, которая возвращает шаблон целиком в область просмотра.
Дважды коснись текстаОткрывает текст в поле Content в разделе Properties.
Перетаскивай точечный маркер в LayersМеняет порядок окон или текстовых блоков.
💡
Для точного размещения на сенсорном экране используй числовые поля в разделе Properties и кнопки − и +. Они достаточно большие, чтобы нажимать на них пальцем. Клавиатура и мышь на планшете работают так же, как на компьютере.
📝
Чтобы выделить несколько элементов сразу с помощью Shift или рамки выделения, понадобится мышь или трекпад. На сенсорном экране можно работать только с одним элементом за раз.

Сочетания клавиш

Нажми ? в редакторе, чтобы увидеть этот список. ⌘ — для Mac; в Windows и Linux используй Ctrl. Сочетания клавиш не работают, пока ты вводишь текст в поле.

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

Edit

КлавишиДействие
⌘/Ctrl ZUndo
⌘/Ctrl Shift Z или Ctrl YRedo
⌘/Ctrl SSave
⌘/Ctrl Shift SSave as copy
⌘/Ctrl DDuplicate
⌘/Ctrl C, X, VCopy, cut, paste
DeleteDelete the selection
EnterEdit the selected text

Move and resize

КлавишиДействие
Arrow keysNudge 1 px (Shift: 10 px)
Alt + arrow keysResize 1 px (Shift: 10 px)
Shift while draggingKeep to one axis; flip the aspect lock; rotate in 15° steps
Alt while draggingTurn snapping off

Select

КлавишиДействие
Click, Shift-clickSelect, add to the selection
Drag on empty canvasSelect everything it touches
[ и ]Previous, next layer
⌘/Ctrl [ и ]Earlier, later in shot or paint order
⌘/Ctrl ASelect all
EscClear the selection

View

КлавишиДействие
+ и −Zoom in, out
0 и 1Fit, 100%
Space + dragPan
⌘/Ctrl + scroll, pinchZoom at the pointer
Hold PPeek at the booth preview
?This list

Ограничения и требования

Редактор ограничивает шаблоны размерами, подходящими для печати в фотобудке.

ЭлементОграничение
Окна для фотоДо 12, размер каждого — не менее 50 × 50 пикселей; для сохранения нужен хотя бы один
Текстовые блокиДо 12, не более 500 символов в каждом; размер — от 8 до 200 пикселей
Рамка окнаОт 0 до 40 пикселей
Формы окон20, столько же, сколько в конструкторе шаблонов: по одной на окно. Окну с заданной формой нужен фон, а размер слоя, сохраняемого вместе с формами, не превышает 10 МБ.
Размер холста1800 × 1200, 1500 × 1000, 1200 × 800, 900 × 600 пикселей (все печатаются в размере 4 × 6 дюймов)
ШрифтыRoboto, Poppins, Montserrat, Raleway, Josefin Sans, Quicksand, Fredoka, Playfair Display, Lora, Prata, Cinzel, Pacifico, Dancing Script, Caveat, Lobster, Great Vibes, Parisienne, Sacramento, Satisfy, Shadows Into Light, Patrick Hand, Rock Salt, Bebas Neue, Oswald, Bangers, Permanent Marker, Anton, Archivo Black, Luckiest Guy, Righteous, Alfa Slab One (встроены в редактор) и sans-serif, serif, monospace, cursive, Verdana, Arial, Georgia, Courier New (используют собственные шрифты устройства)
Цвета12 образцов или любой цвет с помощью палитры или HEX-кода
Название шаблонаДо 120 символов; хотя бы одна буква или цифра
Описание и тегиОписание длиной до 5 000 символов; до 8 тегов длиной до 32 символов
ИзображенияJPEG, PNG или WebP, до 12 000 пикселей по каждой стороне и 100 мегапикселей. Сохранённый фон не превышает 8 МБ, а слой — 10 МБ; более крупное изображение сохраняется в уменьшенном размере.
ОтменитьПоследние 100 действий
Сохраняемые версииДо 20: исходная и последние версии.
Черновики30 дней в браузере, в котором ты работал
СохраненияДо 60 в час
ШаблоныДо 200 на аккаунт

Решение проблем

Найди проблему, а затем решение.

Кнопка Save неактивна

С последнего сохранения ничего не изменилось. Измени что-нибудь или выбери в меню Save as copy…, если всё равно хочешь создать копию.

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

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

Появляется сообщение, что нужно добавить хотя бы одно окно для фото

В шаблоне без окон некуда поместить фото. Выбери Add window, а затем сохрани шаблон.

На окне виден предупреждающий значок или фото не отображается в предварительном просмотре

Часть окна находится за изображением слоя. Выбери окно и нажми Match to the see-through area. Подробнее о прозрачных областях.

Моё изображение не приняли

Редактор читает файлы JPEG, PNG и WebP размером до 12 000 пикселей по каждой стороне. That file could not be read as a picture означает, что файл имеет другой формат или повреждён. That picture is too large или has too many pixels означает, что файл нужно уменьшить перед новой попыткой.

После добавления изображение выглядит размытым

Изображение было меньше шаблона, поэтому его увеличили — об этом предупреждает диалоговое окно подгонки. Используй изображение размером не меньше холста: для стандартного размера — 1800 × 1200 пикселей.

На фотобудке текст выглядит иначе

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

Не могу найти кнопку Edit layout

Открой шаблон из My Templates: на его странице есть кнопка Edit layout. На карточке купленного шаблона есть кнопка Customize a copy. Шаблоны других авторов нельзя редактировать. Кнопка Design from scratch появится, когда ты потратишь glitzycoins на шаблон.

Появляется сообщение, что шаблон сохранён в другом месте

В другой вкладке или на другом устройстве сохранили более новую версию. Выбери Reload latest — несохранённые изменения останутся в черновике — или Save as a copy. Подробнее.

Появляется сообщение, что я сохраняю слишком часто

Можно сохранять не чаще 60 раз в час. Подожди указанное время, а затем сохрани один раз. Изменения, внесённые за это время, останутся в редакторе.

Я закрыл вкладку и потерял изменения

Снова открой шаблон: редактор предложит продолжить с того места, где ты остановился, — Picked up where you left off? — и выбрать Restore. Черновики хранятся в браузере на устройстве, где ты работал, 30 дней. Они недоступны в режиме инкогнито и в другом браузере.

Кнопка Restore неактивна в истории версий

У тебя есть несохранённые изменения. Сохрани их или выбери Discard changes в меню Save, а затем восстанови версию.

На фотобудке всё ещё отображается старый шаблон

Шаблон на фотобудке не обновляется автоматически. Загрузи его заново через Настройки → Шаблоны → Glitzycam Web и выбери Replace. Подробнее.

Фотобудка загрузила вторую копию с пометкой (2) в названии

Такое происходит один раз с шаблоном, созданным до появления редактора: при первом сохранении ему присваивается идентификатор. Удали лишнюю копию на фотобудке. При следующих сохранениях шаблон будет заменяться, а не копироваться.

Сочетания клавиш не работают

Сочетания клавиш не работают, пока курсор находится в текстовом поле. Сначала нажми на холст. На Mac используй ⌘ вместо Ctrl, указанного в этой инструкции.

Не получается?

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