Покадровая анимация онлайн: рисованный мультик из кадров

Онлайн-инструмент для покадровой анимации: вы рисуете кадры на листе, а инструмент собирает из них мультик. Просвет показывает соседние кадры под текущим, выделенную часть рисунка можно сдвинуть и повернуть вместо того, чтобы рисовать её заново, а фон рисуется один раз на все кадры. Готовую рисованную анимацию можно сохранить как GIF, видео MP4, набор PNG или спрайт-лист.

Как нарисовать анимацию по кадрам

Нарисуйте первый кадр

Кисть ведёт линию, ведёрко заливает контур. То, что не двигается, рисуйте на слое «Фон» — он общий для всех кадров.

Сделайте дубль и сдвиньте

Кнопка «Дубль» копирует кадр. Выделите часть рисунка и передвиньте её — просвет покажет, где она была.

Проверьте движение

Пробел запускает просмотр прямо на листе. Темп меняется числом кадров в секунду, паузы — длительностью кадра.

Скачайте файл

Кнопка «Скачать» собирает GIF, видео, PNG по кадрам или спрайт-лист прямо в браузере.

Рисуйте анимацию кадр за кадром и сохраняйте её гифкой или видео

Толщина 10

Непрозрачность

Сглаживание линии

Что умеет инструмент

Просвет соседних кадров

До трёх кадров назад и вперёд проступают под текущим: прошлые розовым, следующие синим, яркость регулируется. По ним видно, куда и насколько сдвинулась линия.

Перенос части рисунка

Обведите руку или мяч рамкой либо лассо — и двигайте, вращайте, увеличивайте, отражайте. Выделенное копируется и вставляется на другой кадр на то же место.

Заливка, которая не протекает

Ведёрко закрывает разрывы контура шириной до 4 пикселей и заходит под край линии, поэтому между цветом и обводкой не остаётся светлой каймы.

Фон один на все кадры

Слой «Фон» рисуется один раз и виден под каждым кадром. Туда же можно положить фотографию или эскиз и обводить поверх.

Длительность каждого кадра

Любой кадр держится от 1 до 12 тактов: пауза перед прыжком — это один рисунок, а не десять копий. Повтор — по кругу, туда и обратно или один раз.

Четыре формата вывода

GIF для мессенджеров, видео MP4 с точным цветом, ZIP с PNG по кадрам для монтажа и спрайт-лист не больше 4096 пикселей по стороне — с сеткой в имени файла.

Частые вопросы

Сколько кадров можно нарисовать?

До 240. При 12 кадрах в секунду это двадцать секунд анимации; если кадрам задана длительность больше одного такта, ролик выходит длиннее при том же числе рисунков.

Как сдвинуть часть рисунка, а не рисовать её заново?

Сделайте дубль кадра, возьмите «Выделение» и обведите нужную часть рамкой или лассо. Её можно двигать, вращать за ручку над рамкой и тянуть за углы. Пока часть «в воздухе», кадр не меняется: «Готово» ставит её на место одним шагом, а «Отменить» возвращает всё как было.

Почему заливка закрасила весь лист?

Контур не замкнут: в линии есть разрыв шире 4 пикселей, и цвет вышел через него наружу. Нажмите «Отменить», дорисуйте линию до смыкания и залейте снова. Разрывы поуже инструмент закрывает сам, пока включено «Закрывать щели».

Что такое просвет кадров?

Полупрозрачные соседние кадры под текущим (в анимации это называют onion skin). Прошлые подсвечены розовым, следующие — синим, поэтому видно и направление движения, и шаг между кадрами. Пока вы рисуете фон, просвет скрыт.

Почему в GIF рисунок выглядит зернистее, чем на листе?

Формат GIF хранит максимум 256 цветов на кадр, поэтому мягкие края кисти и полупрозрачные мазки набираются точками. Кроме того, GIF уменьшается относительно листа до выбранного размера. Если важен точный цвет и полная чёткость, сохраните видео или PNG по кадрам.

Можно рисовать пальцем или стилусом?

Да. У стилуса нажим меняет толщину линии, а ладонь, лежащая на экране рядом с ним, следов не оставляет. Два пальца приближают и двигают лист, короткое касание двумя пальцами отменяет последнее действие.

Зачем нужен спрайт-лист?

Игровые движки берут анимацию одной картинкой-сеткой. Инструмент раскладывает кадры в сетку, уменьшает её до 4096 пикселей по стороне — такой размер текстуры принимают все движки — и записывает число столбцов, строк и размер клетки прямо в имя файла.

💡 Хотите, чтобы мы улучшили этот инструмент лично для вас?

Мы можем! Просто отправьте нам сообщение с вашим пожеланием. Если хотите обсудить детали — оставьте свою почту, и мы с вами свяжемся. Можно анонимно.

Как вы оцениваете этот инструмент?

5 (1 оценка)

Спасибо за вашу оценку!

Изменить оценку

Хотите оставить комментарий?

Хотите рассказать подробнее? Оставьте комментарий!

Спасибо! Ваш комментарий появится после модерации.

Кому подходит этот инструмент

🎬 Видеографы

Опубликовано 09 авг 2026 Обновлено 07 окт 2026 Автор: Верховный