Что умеет VberAI Studio: генерация изображения, нарезка UI, смена оформления, перевод и вырезание фона
Что умеет VberAI Studio, на одной странице: генерация изображения, нарезка на месте, смена оформления, перевод UI, пикселизация, вырезание фона, кадры, аудио, 3D и растровые шрифты, с экспортом в Unity, Godot и Cocos.
- vberai
- ai-studio
- game-ui
- image-gen
- inplace-slice
- ui-reskin
- ui-translate
- pixelate
- matting
- unity
- tutorial
VberAI Studio (это не Google AI Studio) держит интерфейс и графику на одном холсте. Здесь по каждой функции сказано, что она делает и что видно на экране. В конце раздела — подробная инструкция.
Вход: AI Studio.
Карта функций
| Функция | Что видно на экране | Инструкция |
|---|---|---|
| Генерация изображения | Игровое изображение из текста, референса или пресета | Генерация изображения |
| Нарезка на месте | Весь экран разобран на элементы, остаётся фон | Нарезка на месте |
| Смена оформления | Та же раскладка, новая визуальная тема | Смена оформления |
| Перевод UI | Новый текст, та же раскладка | Перевод UI |
| Пикселизация | Те же ассеты в пиксельной графике | Пикселизация |
| Вырезание фона | Свечение, частицы и полупрозрачные края на прозрачном PNG | Вырезание фона |
| Кадры и видео | Результат на холсте, который можно обрезать и разобрать на кадры | Кадры и видео |
| Аудио | Музыка, голос и эффекты на том же холсте, что и картинка | Аудиослои |
| 3D-модели | Модель для предпросмотра из изображения или из текста | Генерация 3D |
| Растровые шрифты | Глифы или спрайт-лист в формате BMFont | Растровые шрифты |
| В движок | Ассеты экспортируются в Unity, Godot и Cocos | Установка Unity MCP |
1. Генерация изображения
Генерация включает текст в изображение, изображение в изображение и пресеты. Результат остаётся на игровом холсте: его можно дальше править, нарезать или экспортировать. Шаг не заканчивается скачиванием файла.

Инструкция: генерация изображения.
2. Нарезка на месте
Весь экран можно разобрать по исходным координатам. Кнопки, персонаж и значки уходят со своих мест, остаётся фон без элементов интерфейса. Относительное положение и размер сохраняются вместе с нарезкой, после импорта не нужно заново прикладывать куски к макету.


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


Инструкция: смена оформления.
4. Перевод UI
Перевод UI меняет только текст интерфейса. Раскладка, визуальная структура и иерархия остаются. Экран не нужно собирать заново для каждого языка.


Инструкция: перевод UI.
5. Пикселизация
Пикселизация превращает персонажей, предметы и сцены высокого разрешения в пиксельную графику. Размер блока, размер палитры и обработка цвета настраиваются на холсте. Ниже один и тот же набор до и после.
![]()
![]()
Инструкция: пикселизация.
6. Вырезание фона
Вырезание фона рассчитано на игровую графику, прежде всего на свечение умений, частицы и полупрозрачные светящиеся края. На выходе PNG с альфа-каналом. Сложный фон, волосы и тени идут через более точные режимы. Три режима указаны на странице вырезания.


Инструкция: вырезание фона.
7. Кадры и видео
Кадры и видео можно получить из текста, изображения или из первого и последнего кадра. Результат падает на холст, там его можно обрезать и разобрать на кадры, затем отдать в Unity, Godot или Cocos. Это не замена Timeline и Sequencer в редакторе.


Инструкция: кадры и видео.
8. Аудио
Музыка, голос и эффекты могут лежать на том же холсте, что и картинка, слоями аудио. Из текста можно получить игровые эффекты и голоса персонажей.

Инструкция: аудиослои.
9. 3D-модели
3D включает изображение в 3D и текст в 3D. После генерации модель смотрят в 3D-пространстве и экспортируют как GLB, FBX или USDZ. Ниже референс и предпросмотр модели, собранной по нему.


Инструкция: генерация 3D-моделей.
10. Растровые шрифты
Генератор растровых шрифтов принимает изображения глифов или спрайт-лист и отдаёт AngelCode BMFont (.fnt и PNG) для Unity, Godot или Cocos.

Инструкция: генератор растровых шрифтов.
11. Запись в редактор
Нарезанные и сгенерированные результаты можно экспортировать в Unity, Godot или Cocos. Чтобы менять текущую сцену из Cursor, используется MCP этого редактора. Рисунок ниже — нарезка на месте после импорта: тот же экран в редакторе, рядом список слоёв. Переходы по кнопкам и числовые значения всё ещё нужно связать в сцене.

Установка: Unity MCP, Godot MCP, Cocos Creator MCP. Один экран в четыре шага: та же UI, от картинки до сцены Unity.
Границы
- Эта страница — карта. Параметры, пределы ввода и проверки лежат в инструкции к каждой функции.
- Качество нарезки, вырезания и пикселизации зависит от чёткости исходника и от того, читаются ли края элементов или объекта.
- Смена оформления и перевод сохраняют раскладку. Если более длинный текст вылезает, проверьте его на целевом языке.
- Готовый экспорт — это ещё не переходы и не обновление чисел. И то и другое всё ещё требует логики в сцене.
Итог
Генерация изображения, нарезка, смена оформления, перевод, пикселизация, вырезание фона, кадры, аудио, 3D и растровые шрифты могут оставаться на одном холсте или использоваться по отдельности. Когда ассеты нужно класть в сборку, экспортируйте их в Unity, Godot или Cocos. Вход: AI Studio.
Часто задаваемые вопросы
Что такое VberAI Studio? VberAI Studio — это canvas для игрового арта, а не Google AI Studio. На одном canvas он покрывает генерацию AI-изображений, in-place нарезку UI, reskin, перевод UI, пикселизацию, маттинг, sequence-кадры, аудио, 3D-модели и bitmap-шрифты. Результаты можно экспортировать в Unity, Godot или Cocos.
Может ли VberAI Studio перевести UI игры без пересборки экрана? Да. Перевод UI заменяет только текст интерфейса. Layout, визуальная структура и иерархия остаются. Если более длинный текст выходит за границы, проверьте его на целевом языке. Гайд: перевод UI.
Что такое in-place нарезка UI? Полный экран разделяется по своим исходным координатам. Кнопки, персонаж и иконки покидают свои места, и остаётся только фон, без UI-элементов на нём. Относительная позиция и размер сохраняются при нарезке. Гайд: In-place нарезка.
Меняют ли reskin и перевод UI layout? Нет. Оба сохраняют layout, позицию и иерархию. Reskin меняет визуальную тему. Перевод меняет текст.
Включает ли экспорт в Unity, Godot или Cocos логику кнопок? Нет. Экспорт размещает нарезанные или сгенерированные ассеты в движке. Навигация кнопок и числовые обновления всё ещё требуют логики в сцене. Из Cursor эта сцена изменяется через MCP движка. Один экран за четыре шага: один UI, от изображения до сцены Unity.
Читайте дальше
Другие статьи, которые могут вам понравиться
Автотесты игр через AI IDE + Engine MCP: практический путь
Для Unity / Godot / Cocos: Cursor (и аналоги) + MCP движка — повторяемые smoke-проверки, аудит соглашений и каркасы тестов.
- game testing
- MCP
- AI IDE
- automation
Cocos Creator 3.x MCP: как установить и подключить Cursor
Как установить Cocos Creator 3.x MCP (cocos creator mcp): импорт расширения cocos-mcp-server, активация, запуск сервера на порту 3000 и подключение Cursor (Курсор) или Claude Code.
- cocos
- cocos-creator
- mcp
- cursor
Cocos Creator MCP не подключается: настройка, порт и Cursor
Cocos MCP не коннектится: нет cocos-creator в Cursor, сервер не Running, порт занят. Настройка cocos creator mcp — симптомы A–E, чеклист 2.x/3.x и localhost.
- cocos
- cocos-creator
- mcp
- cursor