В самой известной нейросети появилась возможность создавать спрайт-листы для 2D-анимации
Спрайт-лист — картинка, которая содержит несколько меньших изображений (спрайты), как правило, 16, встроенных в сетку. Все спрайты создаются одинаковыми по размеру, для удобства анимации. Используется в разработке игр для упрощения загрузки и отображения анимаций
Придумываем описание персонажа или объекта ➡️ генерируем спрайт-лист в ChatGPT ➡️ кадрируем в фигме ➡️ склеиваем в видеоредакторе
Два последних этапа можно упростить, если уже совсем не хочется тратить силы, но об этом позже
Этапы:
1. Описание персонажа. Допустим, мы хотим создать Гремлина из Heroes of Might and Magic III. Идём в ChatGPT и пишем такой запрос:
Привет! У меня есть промпт для генерации 2D анимации.
Вот он:
"Create a detailed pixel art frame animation for a game, where the final image is divided into multiple sub-images, each serving as a continuous animation keyframe. Design the sequence to depict [a wizard casting a spell: begin with intricate hand motions, then show the wizard conjuring a vibrant fireball, and finally capture the moment of casting the fireball.] Ensure the keyframes transition smoothly and continuously, and include as many frames as possible to achieve a high level of fluidity and detail in the animation."
Я хочу заменить персонажа и описание действий, тот текст, который в квадратных скобочках: Replace this part with your character + animation description: [a wizard casting a spell: begin with intricate hand motions, then show the wizard conjuring a vibrant fireball, and finally capture the moment of casting the fireball.]
Поможешь?
Тебе нужно по примеру из оригинального промпта сделать описание другого персонажа.
5. Персонаж: Гремлина из Heroes of Might and Magic III в синем колпаке, синей мантии, с зелёной кожей, который производит ударй цепью с чёрным шаром. Не упоминай в промпте название игры, опиши персонажа и движения текстуально (заменяем на объект, который хотим сгенерировать)
6. Промпт должен быть на английском
2. Генерируем спрайт-лист. В том же чате выбираем режим «Генерация изображений» и вставляем получившийся промпт.
Нейросеть не всегда правильно выстраивает сетку — изображения получаются смещённые, что затрудняет анимацию. При неудачной генерации расширяем промпт:
Create a detailed pixel art frame animation for a game, where the final image is divided into multiple sub-images, each serving as a continuous animation keyframe. All sub-images must be the same size and fit into a 256x256 pixel square. There should be 16 sub-images, 4 for each row and column. The vertical and lateral distances between the sub-images should be the same. The entire image: a 1024x 1024 pixel square should be evenly divided into 16 equal parts. Each of the 16 parts is one sub-images. Design the sequence to depict [A hunched (Master Gremlin), green-skinned creature in a blue robe and pointed hat, dragging an iron ball chained to its ankle. Animation phases: Wind-up: Whirling the chain overhead (glowing runes on robe). Throw: Projecting the chain across the frame (motion blur, sparks). Retract: Pulling it back with a smug grin. Taunt: Pointing forward to loop] Ensure the keyframes transition smoothly and continuously, and include as many frames as possible to achieve a high level of fluidity and detail in the animation.
3. Кадрируем спрайт-лист. Закидываем сгенерированное изображение в фигму ➡️ Выбираем инструмент «Slice» ➡️ создаём область 256х256 пикселей (размер можно менять в зависимости от нужд) ➡️ далее повторяем для всех остальных спрайтов и экспортируем.
Этот способ работает, только если спрайт-лист получился ровно по сетке и спрайты не задевают друг-друга
4. Анимируем. Открываем видеоредактор и расставляем наши спрайты ➡️ выставляем время каждого из них, как правило, 150-200 мс ➡️ сохраняем в формате GIF для удобства передачи разработчикам или дальнейшей работы
Как упростить два последних этапа и максимально кастомизировать спрайт-лист смотрите в комментах🥳
Дискуссия