Недавно активизировалась как дизайн-блохер, хочу делиться полезностями с миром. Тут вот сделала гайд по lava-анимации прямо в фигме. Ориджинал автор метода — Double Glitch. Его инструкцию на английском можно почитать тут 👉 Liquid Animation.
Так как на мой субъективный взгляд оригинальная статья разбирает всё поверхностно, я решила переработать информацию, просмотреть внимательно все файлы, как и что работает, и создать свой гайд с объяснением основных нюансов работы метода Dodge & Burn, компонентов и анимации. Все это упаковала в фигме и делюсь безвозмездно со всеми. 💜
Что внутри файла?
⚡ Разбор метода режимов наложения Dodge и Burn и как с ними работать
⚡ Создание автоматических liquid-анимаций
⚡ React анимация движения объекта за курсором
⚡ Советы по дальнейшему использованию полученных навыков
⚡ Библиотека компонентов для использования в своих проектах
⚡ Подробная инструкция (rus/eng) даже для новичков в figma
Переходи по ссылке в тележку дизайна и сохраняй мэджик в свой draft!
Если остались вопросы, ты всегда можешь найти меня соц. вселенных:
Telegram | Instagram | Behance | LinkedIn