Всем привет. Возможно для профессионалов то, что здесь написано – смешно, но мне нужно было минут 10, чтобы понять как это сделать. И новичкам таким как я это может быть полезно.
Здесь я покажу как сделать вот такую крутящаяся монетку.
https://vk.com/video201902281_456239031
Для чего мне нужна была эта монетка? Иногда в своих видео я говорю сколько потратил и вставляю это надписью, теперь для наглядности, решил добавить крутящийся картинку в виде монетки. Вы можете использовать ее где нужно вам. Можно конечно сделать монетку и 3D, но пока начнем с простого.
Для начала давайте разберемся что такое анимация. Чтобы не уходить в тяжелую терминологию(она никому не нужна) опишу простым языком для чайников. Есть такая штука называется keyframes, c английского переводится "ключевые кадры" вот это и есть анимация. Найти ее можно здесь:
Плюсик, который вы видите, как раз то, что поможет создать анимацию. Теперь как это сделать. Чтобы сделать анимацию нам надо задать исходную точку с какого места ее начать и точку, где она закончится. Эти точки как раз задаются с помощью плюсика.
Посмотрим все в картинках, на примере перемещения монетки из одного место в другое.
- Выбираем клип на таймлайне и место, где хотим начать анимацию
- Нажимаем плюсик
Далее:
- Выбираем место, где мы хотим закончить анимацию
- Нажимаем на плюсик, чтобы отметить его
- И задаем позицию, до куда мы хотим переместить монету или делаем это мышкой.
Вот видео как все получилось .
https://vk.com/video201902281_456239032
Все мы разобрались с базовыми вещами, теперь нам надо такими же методами прокрутить монету, отсюда следует вопрос какую трансформацию использовать, чтобы это сделать?
В пункте transform есть такая штука как Scale. Там есть три скейла, нам нужен Scale X. Дальше делаем также как мы делали и при перемещении.
- Выбираем место откуда будет начинаться анимация
- Нажимаем на плюсик
- Выбираем, где наша анимация должна закончиться
- Нажимаем на плюсик "Keyframe"
5. Задаем процент, который она должна повернуться
Чтобы продолжить ее крутить также начинаем отмечать точки и задавать процент. Выглядит это так.
https://vk.com/video201902281_456239033
Вот так и делается монета, которая крутится. Это наверно была первая вещь, которая помогла мне понять как делается базовая анимация, если интересно, могу написать как сделать 3D монету, сам еще не научился 😊, но там не тяжело.
Пишите комментарии, если вам понравилось и было полезно. До следующей статьи!