Микроанимация

Сделать анимацию в иконках хочется всегда, потому что анимация — это кайф. Но проблема в том, что иконка не живёт в вакууме. Скорее всего, она находится рядом с текстом — как только она анимируется, тут же становится невозможно читать текст. Особенно это заметно на мигающих банерах, которые настолько бесят, что закрываешь часть монитора рукой, чтобы удобно было читать.

Но иногда анимацию сделать хочется. И тут на помощь приходит микроанимация.

Вот домик из Школы стажёров, у которого идёт дым:

Там же вертолёт летит, у него вертятся задний и верхний винты:

При этом, если вы посмотрите, насколько у дыма от домика смещается форма, окажется, что только в одном изгибе есть расстояние на целый пиксель, а в целом там смещение на полпикселя, ни больше ни меньше.

🔒 Подпишитесь, чтобы смотреть лекцию

Когда что выйдет

Оставьте свою электронную почту, чтобы узнать о выходе новых лекций.

Подписка