Видно всем
Анимировать персонажа на веб сайте
Есть видео, сгенерированное ИИ (девушка с телефоном и драгоценными камнями). Камни крутятся вокруг девушки, девушка смотрит в телефон, тыкая в него пальцем, потом возникает яркая вспышка света, девушка поднимает голову и смотрит вверх. Видео зациклено: потом всё повторяется. Данное видео встроено в веб-сайт: https://verdant-biscuit-8bcd4d.netlify.app/Что я хочу: добавить элемент интерактива.
Необходимо взять это видео, разложить его по кадрам, разделить на 3 части и дорисовать нужную анимацию и недостающие кадры.
1) В начале есть время, когда камни крутятся, а девушка тыкает пальцем по смартфону. Эту часть анимации нужно закольцевать. Чтобы это сделать нужны недостающие кадры, иначе закольцевать не получится.
2) Я хочу чтобы свет появлялся и девушка поднимала голову вверх только когда мы наводим на неё мышкой. Т.е. это должна быть отдельная анимация, запускаемая по наведению мыши. Именно реакцию на наведение реализовать не надо. По наведению мыши мы просто запустим на сайте эту вторую анимацию.
3) Когда мышку убирают, девушка должна вернутся в исходное состояние (1). Этот переход - третья анимация.
Все переходы должны быть незаметными, восприниматься как реакция персонажа на действия мышкой.
Самого персонажа менять никак нельзя, перегенерировать тоже. Персонаж должен остаться таким же как есть.
Big plus тем кто сможет реализовать это с помощью технологии lottie, хотя это не обязательно.
Требуемые навыки
Медиа и Моушен дизайн