Типовая flat анимация в моем исполнении. Сделал подобных проектов великое множество. Сразу пакетами на сайты/лэндинги делал в едином стиле. Очень модный и востребованный стиль был, но как то все пошло на спад. Видимо мода прошла. Вот только набил руку, от подготовки материала, иллюстраций до непосредственно анимации и приемов. И вот.
Вот в этой иллюстрации интересен способ «желе» анимации. Это серый бэк сзади и волосы у девушки справа. Этот термин (желе), услышанный мной как то раз мне больше всего нравится. Или еще термин Blob (клякса, капля) анимация - также применяется в буржунетах, или «облачка» как выражается мой постоянный заказчик. Раньше я это делал, по "честному", морфингом из минимум 3-х геометрий на Slim синтаксисе. Но потом обленился, или оптимизировал процесс, и стал делать чисто на css3 методом skew с небольшим масштабированием. Главное анкорную точку с центра переместить на окраину. Отличить результат css3 от Slim может только наметанный взгляд профи.
Анимация изометрической иллюстрации для странички разработки приложений под Android. Это именно hover’ная анимация. На MouseOver она собирается, а на MouseOut откатывается в первоначальное положение. Также сделал заказчику Lottie версии анимаций из этой серии. Там управлять стадиями анимации гораздо сподручнее, нежели в случае с SVG.
Несложная анимация логотипа на сайт торговой компании. Простой и доходчивый пример того, что в SVG анимации отдельные элементы исходного макета можно анимировать отдельно и автономно друг от друга. Что недопустимо в других, растровых форматах анимации.
В данном примере сначала выводится текст и выезжает слева к центру колесо. Это в один цикл. А анимация кручения колеса, точнее 2-х его половинок, зациклена в бесконечность.
Анимированный SVG логотип учебного центра. Требовалось сделать что-то максимально строгое и консервативное, в плане анимации. Но главное было раскрыть суть наименования центра.
Анимация логотипа цифровой студии. Ненравится мне анимация вывода букв. Не мой стиль, но заказчик настоял. Как правило если у заказчиков есть четкое видение результата, я не спорю и делаю то что просят. Но вот с анимацией лейбла мне была дана свобода творчества, и я сделал фактически то, что и хотел изначально.
