September 5, 2019

Анимация пылинок

Сегодня мы создадим анимированные пылинки для ваших масок-пресетов
Для начала нам нужно создать в фотошопе квадратный холст, я обычно создаю размером 512х512 пикселей. После этого нам нужно найти текстуру пылинок, я ищу в Гугл картинках, можно прописывать и искать на русском, но я всегда ищу прописывая на английском, то есть текстура пыли - dust texture.

выбирайте любую, которая понравилась и загрузить её на наш холст, который мы создали в фотошоп. Как видите моя текстура пыли не влезла в квадрат, поэтому я её сожму до размера холста зажав комбинацию клавиш Ctl T (виндовс)
Command T (Mac).

И вот, что получилось, теперь вся текстура на холсте.

После этого нам нужно сделать несколько несколько слоёв с этой же текстурой переворачивая её в разные стороны, это послужит нам кадрами для нашей анимации ( если кто не знал, анимация состоит из последовательности разных кадров). Так вот, я дублирую слой с пылинками Ctrl J (windows), Command J (mac)

И после этого комбинацией клавиш Ctl T (виндовс) Command T (Mac), переворачиваю их по часовой стрелке, можно и против часовой как удобно.

После этого дублируем уже этот слой и делаем то же самое (переворачиваем)
И после этого ещё раз дублируем слой и переворачиваете, на выходе у нас должно получится 4 слоя с пылинками.

Далее сохраняем каждый слой по отдельности, в отдельной папке, в формате png (кроме слоя Фон) и подписываем name01, name02, name03, name04, если у вас больше слоёв, соответственно name05 и тд. Важно, отключайте верхние слои и сохраняйте с первого слоя, после того как сохранили первый слой, включаете второй и сохраняете и тд.

Вот так у нас должно всё выглядеть после сохранения

Далее создаём в Спарк проект и добавляем canvas и rectangle, а так же покрываем полностью область ректанглом и создаём к нему материал (вы уже должны все знать как это делается по предыдущим урокам)

Далее мы создаём анимацию и выбираем папку с нашими картинками пыли

Выбираем первую картинку (name01) и после кнопочку open

После этого нам нужно прикрепить анимацию на наш материал. Переходим в материал, который мы создали и дальше на картинке

Как вы видите картинка чёрная и из-за этого не видно модели девушки, чтоб решить эту проблему, нужно просто. изменить режим наложения материала с  alpha на screen. Так же важно понимать, что это сработает если ваши пылинки будут на черном фоне.

Так же скорость анимации слишком большая, её можно уменьшить перейдя в нашу анимацию и уменьшив значение параметра fps