Посмотрите в своём пространстве: ваш товар на фото стены клиента в его реальном размере

• Визуализация: инструмент для картинок. Используйте его с клиентом или чтобы создать картинку для отправки ему.
• Ваши товары: что клиенты могут разместить и куда поступают запросы на расчёт.
• Сохранённые: каждая сохранённая вами картинка с собственной ссылкой для публикации. Названия вкладок указаны в адресе (?tab=products, ?tab=saved), так что можно сразу открыть нужную.

«Загрузить фото вашего пространства» принимает любой JPG или PNG с устройства: стену, витрину, окно или пол. Фото остаётся в браузере; ничего не загружается, пока вы не сохраните или не отправите запрос на расчёт.

Или используйте один из наших: показаны шесть примеров помещений, которые aiKit создал сам (Стена гостиной, Тёмная акцентная стена, Холл офиса, Кирпичная витрина, Пол шоурума, Стена кафе). Они нарисованы нашим собственным кодом, а не фото, и не содержат логотипов или названий брендов. Каждое уже знает свой масштаб, поэтому товары сразу показываются в реальном размере. На витрине дверь примерно 7 футов в высоту.

Ваши товары отображаются плитками; нажмите на плитку, чтобы разместить товар. Под плитками Size, Finish и Effect показывают варианты, которые вы настроили для этого товара. Изменение размера сохраняет положение товара и перерисовывает его в новом реальном размере. Отделка с цветом перекрашивает однотонный дизайн (для виниловых или буквенных цветов); Effect меняет поверхность (No effect оставляет изображение как есть): Lit светится, Matte матовый, Gloss с мягким блеском, Metal с шлифовкой, Frosted выглядит как матовое стекло.

Use my own logo or art позволяет загрузить любой PNG, JPG или SVG, который принёс клиент, например его логотип как вывеску. Белый фон вокруг логотипа в JPG убирается автоматически. How wide will it be? задаёт его реальную ширину в дюймах.

• Перетащите товар, чтобы переместить его. Круглый маркер в правом нижнем углу меняет размер; белый маркер над ним поворачивает товар.
• Когда изображение выбрано, стрелки перемещают его (удерживайте Shift для больших шагов), плюс и минус меняют размер, а клавиши [ и ] поворачивают.
• Шаг 3, Fine-tune angle and light (нажмите, чтобы открыть): Turn поворачивает товар плашмя по стене; Angle влево или вправо и Tilt назад или вперёд задают перспективу, когда стена на фото расположена под углом.
• Corners (над изображением) показывает маркер в каждом углу; перетащите каждый на углы стены для точной подгонки. Ваши изменения углов сохраняются, даже если вы их скроете.
• True size возвращает товар к реальному размеру после ручного изменения. Reset возвращает всё к начальному состоянию.

На фото клиента нет масштаба, пока вы его не задали. Нажмите Measure, затем проведите линию по предмету, длину которого знаете, от одного конца до другого. Затем введите его длину (дюймы, футы, см или метры) или выберите типичную длину: A door 80 in, A countertop 36 in, A ceiling 96 in, A parking space 9 ft. Нажмите Use this length. После этого каждый товар будет показан в реальном размере.

Size labels выводит на изображение рядом с товаром реальные ширину и высоту. Когда вы меняете размер вручную или двигаете углы, подпись показывает ≈ спереди, потому что форма уже не полностью соответствует реальному размеру. Пока вы не измерили фото, подпись не показывается, так как не с чем сравнивать.

Match the photo's light смотрит на фото вокруг товара и задаёт Brightness, Warmth и Shadow, чтобы товар выглядел на месте. Он запускается сам, когда вы размещаете товар; после перемещения в более тёмное или светлое место нажмите снова. Ползунки Brightness, Warmth и Shadow в разделе Fine-tune angle and light позволяют настроить всё вручную.

Night (над изображением) затемняет фото, как вечером. Товар с эффектом Lit светится и освещает стену вокруг себя; остальные товары темнеют, как и должны. Маркеры и подписи размера в режиме Night скрываются, чтобы картинка выглядела чисто; выключите Night, чтобы снова настраивать.

После каждого удачного варианта нажмите Add this look. Сохраняется до 3 вариантов в виде маленьких картинок с описанием каждого (товар, размер, отделка, эффект, ночной режим). Side by side открывает их рядом; Use this look возвращает один на изображение; крестик удаляет его. Сохранения и запросы на расчёт включают все варианты.

• Request a quote with this picture открывает короткую форму (имя, email, необязательный телефон и About the job, заполненное по тому, что показано на картинке). Send my request отправляет её во входящие Requests того сайта, который выбран в Quote requests go to, с картинкой каждого варианта и пометкой «расчёт». Если сайт ещё не выбран, инструмент об этом сообщит.
• Save and get a share link сохраняет картинку (и все варианты) и показывает ссылку для копирования. Любой, у кого есть ссылка, видит картинки, может скачать их и, если настроен входящий ящик для расчётов, отправить запрос на расчёт с картинкой со страницы. Вкладка Saved показывает их список; Delete отключает ссылку.
• Download picture сохраняет JPG с полосой внизу: что показано и примечание, что реальные цвета и свет могут отличаться.

• Quote requests go to: сайт aiKit, чьи входящие Requests получают запросы на расчёт из инструмента и по общим ссылкам. Nowhere yet скрывает форму запроса.
• Добавьте товар: картинку (PNG или SVG с прозрачным фоном, сделанную или нарисованную прямо на нём; SVG превращаются в чёткое изображение, а сам файл не сохраняется), название и реальную ширину в дюймах. Высота необязательна и иначе повторяет форму картинки. Картинка без прозрачного фона получит предупреждение, потому что её рамка будет видна на стене.
• Варианты размера: до 8 размеров с названием, шириной и необязательной высотой. Отделки: до 8, каждая может иметь цвет перекраски Recolor. Эффекты: до 3, каждый с видом (Lit, Matte, Gloss, Metal, Frosted) и названием, которое видят клиенты.
• Показывать на моих сайтах: отметьте сайты, на страницах See it in your space которых должен быть этот товар. Изменения появляются там в течение минуты без пересборки.
• Edit меняет товар; Delete product просит нажать ещё раз, прежде чем удалить его.

Чтобы разместить это на сайте, откройте See it in your space в Tool library (там одна карточка, которая относится и к инструменту, и к странице сайта), нажмите Add to a project, выберите сайт и запросите See it in your space на вкладке Kit этого проекта; aiKit добавит страницу при следующем изменении. На странице тот же инструмент с картинками, с товарами, которые вы отметили для этого сайта, и формой запроса под ним. Если на сайте пока нет товаров, посетители загружают собственный логотип или изображение. Фото посетителя не покидает его устройство, пока он не нажмёт Send my request; тогда запрос и картинка попадают на вкладку Requests этого сайта как обычный запрос на расчёт. С телефонов картинку можно также отправить прямо со страницы.

• Инструмент размещает плоское изображение товара на фото. Это не 3D-вид и не дополненная реальность.
• Реальный размер на фото клиента точен лишь настолько, насколько точна длина, которую он отметил. Стену под крутым углом нужно подгонять углы вручную.
• Это предпросмотр: реальные цвета, свет и материалы немного отличаются, и скачанное изображение об этом говорит.