Найти в Дзене

Как создать анимацию в ChatGPT, если ты никогда с ней не работал

В самой известной нейросети появилась возможность создавать спрайт-листы для 2D-анимации Спрайт-лист — картинка, которая содержит несколько меньших изображений (спрайты), как правило, 16, встроенных в сетку. Все спрайты создаются одинаковыми по размеру, для удобства анимации. Используется в разработке игр для упрощения загрузки и отображения анимаций Придумываем описание персонажа или объекта ➡️ генерируем спрайт-лист в ChatGPT ➡️ кадрируем в фигме ➡️ склеиваем в видеоредакторе Два последних этапа можно упростить, если уже совсем не хочется тратить силы, но об этом позже Этапы: 1. Описание персонажа. Допустим, мы хотим создать Гремлина из Heroes of Might and Magic III. Идём в ChatGPT и пишем такой запрос: Привет! У меня есть промпт для генерации 2D анимации. 1. Вот он: "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 sp

Как создать анимацию в ChatGPT, если ты никогда с ней не работал

В самой известной нейросети появилась возможность создавать спрайт-листы для 2D-анимации

Спрайт-лист — картинка, которая содержит несколько меньших изображений (спрайты), как правило, 16, встроенных в сетку. Все спрайты создаются одинаковыми по размеру, для удобства анимации. Используется в разработке игр для упрощения загрузки и отображения анимаций

Придумываем описание персонажа или объекта ➡️ генерируем спрайт-лист в ChatGPT ➡️ кадрируем в фигме ➡️ склеиваем в видеоредакторе

Два последних этапа можно упростить, если уже совсем не хочется тратить силы, но об этом позже

Этапы:

1. Описание персонажа. Допустим, мы хотим создать Гремлина из Heroes of Might and Magic III. Идём в ChatGPT и пишем такой запрос:

Привет! У меня есть промпт для генерации 2D анимации.

1. Вот он:

"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."

2. Я хочу заменить персонажа и описание действий, тот текст, который в квадратных скобочках: 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.]

3. Поможешь?

4. Тебе нужно по примеру из оригинального промпта сделать описание другого персонажа.

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 для удобства передачи разработчикам или дальнейшей работы

Как упростить два последних этапа и максимально кастомизировать спрайт-лист смотрите в комментах🥳

-2