Как создать анимацию движения с помощью Procreate

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

В этой статье мы покажем вам, как создать анимацию движения в Procreate.

Как создать движение в анимации

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

Мы будем использовать Procreate для iPad и Apple Pencil, но вы можете следовать руководству, если используете другие программы или оборудование для рисования. Мы сделаем анимацию мяча, отскакивающего от твердой поверхности.

Связанный: Новое в Procreate? Вот советы, как начать использовать слои

Нарисуйте свою анимационную сцену

Мы пока не собираемся сразу переходить к анимации. Во-первых, вам нужна идея сцены, которую вы собираетесь анимировать. Чтобы не усложнять, мы нарисуем простую линию горизонта с фоном голубого неба и серым бетонным полом, по которому будет прыгать мяч.

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

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

Использование слоев для анимации

Для создания анимации Procreate использует каждый слой как кадр анимации. Поскольку фон останется прежним, вы можете заблокировать фоновый слой. Откройте новый слой для вашей первой позиции мяча.

Хотите ли вы нарисовать идеальный круг или более грубый, менее точный круг, зависит от вас и вашего стиля. Мы собираемся сначала нарисовать мяч в воздухе.

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

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

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

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

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

Чтобы добавить тени, добавьте новый слой ниже шара, для которого вы рисуете тень. Нарисуйте на земле темно-серый круг по форме и размеру высоты мяча. Так как мы рисуем тень на земле, мы будем использовать более грубую кисть: Аврора из категории Художественный.

Связанный: Что такое Adobe Animate и что с ним можно делать?

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

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

Наконечник: Именование ваших слоев поможет с любой путаницей.

После того, как все теневые слои будут нарисованы и у вас будет слой с шаром, объедините пары слоев вместе. Двумя пальцами (по одному на каждый слой) сдвиньте пальцы вместе, чтобы объединить слои. Теперь вместо одного слоя для каждой тени и одного слоя для каждого шара у вас будет один слой, содержащий тень и шар для каждого шара.

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

Использование Procreate Animation Assist

Чтобы превратить ваше многослойное изображение в анимацию, вам нужно включить Procreate. Вспомогательная анимация переключать. Нажмите на Действия меню (гаечный ключ на панели инструментов) и включите Animation Assist. Это вызывает временную шкалу анимации в нижней части экрана.

Поскольку Animation Assist не знает, что ваш фоновый слой должен быть фоном всей анимации, вам нужно дважды щелкнуть фоновый кадр на панели инструментов анимации. Это вызывает Рамка меню опций. Включите там, где написано Задний план. Это установит ваш фон в качестве фона для всей анимации.

Нажмите на Играть кнопку на временной шкале анимации, чтобы сначала увидеть, как выглядит ваша анимация. Он делает то, что вы хотите?

Чтобы изменить скорость, стиль петли или стили кадра, нажмите Настройки. Для непрерывной анимации цикла (чтобы мяч продолжал прыгать), нажмите Пинг-понг. Использование кадров Onion Skin делает анимацию более плавной, благодаря чему мяч плавно поднимается в воздух и снова опускается. Непрозрачность кожи лука также повлияет на это, поэтому стоит поиграть с этими функциями.

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

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

Чтобы сохранить анимацию, нажмите кнопку Действия панель инструментов и нажмите кнопку Делиться кнопка. Чтобы сохранить его как движущуюся анимацию, а не как плоское и бесполезное изображение, у вас есть выбор между GIF, PNG, MP4 и HEVC.

Анимируйте свои будущие рисунки

Procreate открывает новые возможности для цифрового искусства. Теперь, когда вы испытали удовольствие от Procreate Animation Assist, вы можете использовать его, чтобы добавить дополнительную функцию к своим иллюстрациям или добавить анимацию к видео или веб-страницам. Поэкспериментируйте со своим новым навыком и посмотрите, как далеко вы сможете применить магию анимации.

12 основных жестов Procreate, которые вам нужно знать

Оптимизируйте рабочий процесс Procreate с помощью этих важных жестов.

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

Об авторе