Как собрать карточку товара за 10 минут - и оживить её через ИИ
Мы на платформе завели бесплатный фоторедактор. Рассказывали о нем в другой статье, поэтому сегодня кратко.
И чтобы показать, что это не очередной онлайн-Photoshop Express из прошлого, мы сделали карточку для Nintendo Switch 2. С нуля, за десять минут. С текстом, фигурами, плашками-всё как для Wildberries или Ozon. А потом ещё и оживили её через ИИ-но об этом позже.
Что получилось
Карточка с консоли, крупным заголовком «КОНСОЛЬ», подзаголовком «Nintendo Switch 2», двумя плашками-«ВЫСОКОЕ РАЗРЕШЕНИЕ» и «БОЛЬШОЙ ЭКРАН»-и фоновым фото девушки в наушниках. Всё в одном редакторе, без переключения вкладок.
Как собирали
Для карточки нам понадобилось: фото товара без фона, фото девушки геймерши (сгенерировали в nano banana 2) с фоном и второе фото той же девушки, но без фона, ну и сам редактор.
Создали карточку за несколько шагов:
1. Зашли на редактор, перетащили фото.
2. Выбрали 900×1200-стандарт для Wildberries. Для Ozon-1500×2000, для Instagram-1080×1080. Все размеры вшиты, гуглить не надо. Выбирйте свой, мы выбирали для озон.
3. Разместили фото товара (консоли) + девушку без фона перетащили на верхний слой.
4. Добавили текст. Крупный «КОНСОЛЬ»-белый, жирный, на весь верх. Под ним «Nintendo Switch 2»-поменьше, аккуратный.
5. Разместили два прямоугольника для плашек. Настроили заливку, прозрачность, обводку-всё в пару кликов.
И на них тоже текст в таком же стиле и таким же шрифтом.
6. Нажали «Скачать» и получили 2 формата карточки в PNG и JPG. Готово.
Что ещё умеет редактор (о чем уже говорили)
Фильтры: яркость, контраст, насыщенность, цветовой баланс. Фото тусклое? - Вытягиваете за минуту. Без фотошопа. Поворот и отражение - на 90 градусов или любой угол. Вроде мелочь, а без этого никуда.
Слои: несколько изображений, двигаете друг над другом, блокируете, скрываете. Для сложных макетов -незаменимо. Обрезка-пресеты 1:1, 3:4, 9:16 или свободная.
Советы
1. Начинайте с размера-сразу пресет под площадку, чтобы потом не подгонять.
2. Не перегружайте текст-заголовок + 1-2 преимущества. Покупатель скроллит быстро, поэмы не нужны.
3. Контраст-белый на тёмном читается, белый на белом нет.
4. Стиль один-для серии карточек одни шрифты и цвета.
5. Проверяйте на телефоне-карточка должна читаться и на маленьком экране.
Бонус: как оживить карточку
А теперь самое интересное. Когда карточка готова, мы не стали выкладывать статику. Оживили через модель для оживления изображений на платформе.
Как работает: загружаете картинку, выбираете размер изображения, дополнительные настройки и генерируете.
Что получилось у нас:
Появились лёгкое движение камеры и мягкий зум на консоль - карточка ожила. Для Stories и Reels такая анимация работает в разы лучше статики + можно разместить, как живую карточку товара.
И ГЛАВНОЕ - ТЕКСТ НЕ ПОСТРАДАЛ. Обычно, это основная проблема приоживлении карточек.
Почему стоит использовать оживление?
- Статичная карточка → видео для Stories/Reels
- Оживший товар → больше внимания в ленте
- Не нужно снимать видео-нейросеть оживит картинку
Сколько нужно контента?
Карточка, пост, обложка-редактора хватит с головой. Не нужен Photoshop, не нужен дизайнер. Сложная графика, 3D, анимация-тут редактор не поможет. Но для 90% задач селлеров и SMM-вполне.
Откройте редактор по ссылке и попробуйте.
А потом оживите свою карточку с помощью модели дял оживления, по ссылке...
Все изображения и видео были сгенерированы на платформе Холст.ИИ