Первая практическая работа.
Вы наверняка уже слегка устали от теории, так что сегодня мы немного уталим вашу жажду "немного порисовать".
Для того, чтобы понять устройство ваших программ для анимации и знакомства с ним, мы выполним всего одно задание. Оно идеально подойдёт для первого раза и называется "Движение сферы".
И так, обо всём по порядку:
1. Открываем нашу программу для создания классической покадровой анимации (позже разберёмся с видами 2D анимации). Для примера я буду использовать FlipaClip, потому что мне удобнее скрины делать на телефоне.
2. Если ваша программа будет казаться вам слишком сложной - посмотрите как всё в ней устроено через обзоры или туторы на ютубе. Я не могу объяснять про каждую, так как сам лучше знаком лишь с krita, pencel2d и флипаклип. К ним точно есть обзоры на ютуб.
Будем надеяться, что вы уже познакомились со своим " рабочим местом". В основном принцип работы у них всех схожий, так что приступим к самой анимации.
3. После того, как ваша программа запустилась, создаём новый проект. В нём нужно выставить необходимые параметры (у меня это: название проекта, разрешение, количество кадров в секунду. Если с первыми двумя всё понятно, то на счёт "частота кадров" могут возникнуть вопросы. Количество кадров в секунду означает то число ваших рисунков, которое должно будет проиграться за одну секунду. И хотя 12 кадров кажутся удобнее, рекомендую сразу учиться на 24 кадрах в секунду. Так ваша анимация приобретет более плавный вид.
4. Проект создан - можно переходить к рисованию? Как бы не так. Для начала необходимо определиться с нашей задумкой "Нарисовать движущуюся сферу из одного края экрана в другой". Отлично! Для более сложных анимаций далее используются сценарий и раскадровка, но пока что нам знать о них не нужно.
Рисуем на нашем первом кадре круг.
Не переживайте, если у вас получается криво, и уж тем более не пытайтесь этот круг идеализировать.
В программах по анимации, как и в рисовании, есть слои. С ними можно и нужно работать. Но в данном случае мы остановимся на черновой стадии "наброска", потому работаем на одном слое.
Важно* На одном слое может быть сколько угодно кадров! Слои работают схожим образом как и в программах для рисования, но только в "Умноженном режиме".
Пример:
Первый слой - все кадры отрисованы небрежно в виде наброска.
Второй слой - ослабляем видимость первого слоя. Рисуем лайн.
Третий слой - выключаем видимость первого слоя. Прячем этот слой под второй. Делаем покрас кадров.
И это только один из способов использования слоёв. Можно рисовать сразу поверх наброска безлайном или вообще создать всю анимацию в технике "от пятна". Всё зависит от вас.
5. Рисуем второй круг, но теперь он будет находится там, где должен в итоге остановится " на месте прибытия".
5. Возвращаемся к первому кадру и где-то посередине между первым и последним создаём новый кадр. Рисуем круг в центре нашего холста.
Важно* Для того, чтобы не теряться в высоте и движении поверяйте через проигрывание свою работу. Вообще рекомендую вам взять это за рабочее правило - как можно чаще проверяйте процесс через проигрывание анимации. Так можно избежать всех основных косяков.
Все три полученных кадра называются ключевыми или же основными/ главными. На них мы и будем опираться в данной работе.
Если есть ключевые кадры, то между ними расположены промежуточные кадры. Они служат для дополнения основного движения. Ими мы словно заполняем образовавшиеся пробелы между ключевыми кадрами.
Одна из самых главных ошибок всех начинающих (это ко многому относится, не только к анимации) заключается в том, что они слишком торопятся. Понимаю, хочется поскорее завершить работу и увидеть результат, но постарайтесь не спешить и запаситесь терпением! Добавьте вы побольше промежуточных кадров, чтобы ваша анимации казалась чуть более плавной и красивой.
6. Так же для большего удобства рекомендую создать новый слой под слоем с вашим наброском и провести линию между ключевыми кадрами.
Тем временем я нашёл недостаток флипаклипа - отсутствие просматривать последующий кадр. Тоесть он показывает "призрачное" изображение предыдущего кадра, а впереди находящегося - нет.
Всем тем, у кого такая привилегия имеется, рекомендуется рисовать "от ключа к ключу". Тоесть сперва рисуете последующий за первым, затем от среднего ключевого кадра рисуете кадр, как бы двигающийся на встречу к первому. После кадры должны сомкнуться где-то посередине. (Сколько раз за главу я уже написал слово "кадр"? :D )
7. Готово. И как вам результат? Слишком быстро и топорно? Для того чтобы это исправить нам и понадобятся фундаментальные законы анимации.
Для начала придадим живости началу движения и воспользуемся вторым принципом "Подготовка или упражнение". Если кратко, то это создание иллюзии реализма, через подготовку к движению. Например: человек перед ударом заманивает руку сначала назад, а уже после резко выкидывает её вперед или же судья, который перед свистком сначала делает вздох, а уже после свистит и т.д.
В нашем же случае "сфера" сначала слегка двинется назад "как в мультфильмах, когда персонаж перед бегом замахивает ногу вверх", а уже после двинем нашу сферу вперёд.
Этот же принцип мы используем в конце движения сферы. После торможения, она должна будет слегка поддаться вперед и вернуться назад. Для полноты эффекта можно добавить не одно такое движение, а несколько, чтобы наша сфера как бы "качалась", но совсем немного.
8. Хорошо, подготовку перед движением мы сделали, но наш круг по-прежнему слишком быстр. Используем шестой принцип "Смягчение начала и завершения движения"
Сам он расшифровывается как "Движениям человеческого тела и большинству других объектов нужно время, чтобы ускориться и замедлиться. По этой причине, анимация выглядит более реалистичной, если содержит больше рисунков в начале и конце действия, подчёркивающих крайние позы, и меньше в середине. Этот принцип касается как перемещения персонажей между крайними позами, такими как сидение и стояние, так и к движению неодушевлённых предметов."
Именно это мы делаем дальше - создаем больше кадров в начале и конце анимации, в центре оставляем чуть меньше.
9. Теперь наша анимация официально готова. Вы хорошо постарались! :>
Задание: Следующая глава по анимации будет в воскресенье. Ваша задача нарисовать движущийся круг за это время и опубликовать свою работу в паблик вк, свою группу или в телеграмм канал (можно совместить и опубликовать везде х) )
Хардкор задание: Сделать анимацию прыгающего мяча.
Видеоурок на тему этого занятия (Лучше посмотреть. Там все понятно показано на примере):
https://www.youtube.com/watch?v=E8daRiItxTs