Флипбук-анимация онлайн

Создай флипбук-анимацию в браузере

Помнишь, как рисовал человечка в углу тетради и быстро листал страницы, чтобы он двигался? Этот онлайн-конструктор флипбуков делает то же самое на экране. Нарисуй картинку, добавь новый кадр, нарисуй её снова чуть сдвинутой и нажми воспроизведение. Калька показывает бледный призрак предыдущего кадра, так что выравнивать рисунки легко, а когда всё понравится, сохрани результат анимированным GIF и поделись с друзьями.

Как анимировать флипбук

1. Нарисуй кадр 1 пером. Заливкой можно закрашивать замкнутые фигуры.
2. Добавь кадр. Нажми ＋ Кадр для чистой страницы или ⧉ Копия, чтобы скопировать текущий рисунок и менять только то, что движется.
3. Следуй за призраком. Красная калька показывает, где всё было; нарисуй это чуть дальше.
4. Повторяй, пока движение не будет завершено. Коснись любого кадра на ленте, чтобы поправить его, и меняй порядок кадров кнопками ◀ ▶.
5. Нажми воспроизведение и подвигай ползунок скорости, пока не станет в самый раз.
6. Сохрани GIF в одном из трёх размеров или скачай все кадры спрайт-листом PNG.

Советы для отличной анимации

• Маленькие шаги — плавное движение. Чем меньше предмет сдвигается между кадрами, тем плавнее выглядит движение. Большие скачки кажутся быстрыми и резкими.
• Сжатие и растяжение. Сплющи прыгающий мяч, когда он касается земли, и вытяни его в падении. Демо-анимация показывает, как это сделать.
• Копируй, потом меняй. Для персонажа, который машет рукой, скопируй кадр и перерисуй только руку. Тогда фон останется совершенно неподвижным.
• Зацикли. Закончи рисунком, который ведёт обратно к кадру 1, и GIF будет крутиться бесконечно без скачка.
• Задерживай ключевые позы. Продублируй важный кадр два-три раза, чтобы анимация на нём замерла.
• Пользуйся клавиатурой. N добавляет кадр, D копирует, стрелки листают кадры, пробел запускает воспроизведение, а O включает кальку.

От бумажных флипбуков к GIF

Флипбуки — одна из старейших форм анимации: стопка рисунков, быстро показанных один за другим, обманывает глаз, и он видит движение. Классические аниматоры до сих пор пользуются этой идеей, рисуя на световых столах, чтобы видеть предыдущий рисунок сквозь бумагу. Именно это и воссоздаёт здесь калька. Большинство рисованных мультфильмов идут со скоростью 12 рисунков в секунду, так что попробуй 12 к/с для классического мультяшного вида или 6–8 к/с для грубоватого самодельного стиля.

Анимация кодируется в GIF целиком на твоём устройстве небольшим встроенным кодировщиком, так что ничего не загружается. Нужен неподвижный рисунок? Воспользуйся нашей бесплатной доской для рисования, раскрась одну из наших раскрасок или проверь, узнаёт ли ИИ твои рисунки, в Quick Draw.