Новое! Приложение для iPad — рисуй Apple Pencil, сохраняй работы, делай GIF и видео!
Скачать приложение для iPad →

Начало работы с анимированным рисунком

Анимированный рисунок, созданный с помощью WigglyPaint

Пять идей анимации, которые легко реализовать в WigglyPaint, даже если вы начинаете с простых фигур, а не с отполированных персонажей.

Анимированный рисунок звучит тяжелее, чем должен быть. Вам не нужен полный набор персонажей или идеальная раскадровка, чтобы изучить основы. Достаточно круга, линии, нескольких точек и немного любопытства.

WigglyPaint особенно удобен для этого, поскольку каждый штрих уже содержит движение. Вместо того, чтобы сначала строить временную шкалу, вы можете изучить, как рисунок ощущается при движении.

1. Сжимание и растяжка

Сжатие и растяжение — это старый урок анимации не просто так: благодаря ему рисунки кажутся такими, будто они имеют вес. Прыгающий мяч сжимается при ударе об пол и растягивается при движении вверх. Капля может делать то же самое, даже если у нее нет лица.

Практика

Нарисуйте круглую форму. Перерисуйте его шире и короче, затем выше и тоньше. Сохраняйте количество «материалов» примерно одинаковым, чтобы они казались гибкими, а не сломанными.

2. Ожидание

Перед прыжком что-то приседает. Прежде чем пружина лопнет, она сжимается. Ожидание дает зрителю крошечное предупреждение о приближении движения.

В крошечном наброске WigglyPaint ожидание может быть таким же простым, как рисование персонажа, откидывающегося назад, прежде чем он укажет вперед, или звезды, сжимающейся перед тем, как вырваться наружу.

3. Доведение до конца

Сопровождение — это то, что продолжает двигаться после остановки основного действия. Волосы укладываются. Платок отстает. Всплеск продолжает разлетаться после того, как камень уже упал в воду.

Вы можете практиковать это практически с чем угодно. Нарисуйте стебель растения, затем добавьте листья, которые кажутся чуть позже.

4. Дуги

Реальное движение редко движется по совершенно прямым линиям. Руки раскачиваются, мячи подпрыгивают, а падающие листья плывут по изгибам. Даже простая точка выглядит более естественно, когда она следует по дуге.

Быстрое упражнение

Нарисуйте три крошечные звезды по изогнутой, а не по прямой траектории. Глаз зрителя сразу воспримет это движение как более естественное.

5. Вторичное движение

Вторичное движение — это дополнительная деталь, которая реагирует на основное движение. Если персонаж подпрыгивает, уши подпрыгивают. Если крошечная лодка раскачивается, флаг следует за ней.

Не добавляйте слишком много сразу. Одной второстепенной детали вполне достаточно для небольшой гифки. Он должен поддерживать основную идею, а не конкурировать с ней.

Делайте упражнения небольшими

Лучшая практика для начинающих — это не идеально законченная работа. Это быстрый цикл, который можно завершить за несколько минут:

  • прыгающая точка
  • растение покачивается
  • сонное лицо моргает
  • звезда пульсирует
  • плывет крошечное облачко

Каждый из них учит таймингу, интервалу или весу, не предлагая вам стать продюсерской студией на послеобеденное время.

Что делать дальше

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

Готовы сделать рисунок?

Начните с одной формы и одной идеи. Остальные могут оставаться восхитительно маленькими.

Начать рисование