Анимация линий и шейпов на Тильде: просто, эффектно и миллион вариантов

📌 Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳 С вами — Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как, используя положение элемента и скейл в SBS, круто, эффектно анимировать линии и шейпы на Тильде на появление / исчезновение (по скроллу, on screen, по ховеру) — и никаких «отъезжающих» шейпов на фон и прочего нафталина😁🔥 И да, посмотрим, как это всё можно использовать не сколько для собственно анимации, сколько для эффектной, техничной подачи контента💪 🦊Желающим задонатить — к боту-помощнику 👉 ⏱Тайминг — для вашего удобства❤️: 00:00 — вступление 01:04 — анонсирую тему 02:44 — смотрим визуальную часть презентации — вначале показываю варианты как собственно анимации 12:00 — показываю прикладное применение анимации шейпов и линий для повышения наглядности и предметности подачи контента на сайте 13:10— пример анимации таймлайна /прогресс-бара 16:08 — пример анимации для инфографики (показатели активности, роста и т.п.) 17:01 — пример анимации плашек, например, в таблицах или аккордеонах 18:01 — пример открытия фотографии из нескольких шейпов@advanceclub эффект из Фигмы 19:23 — идея анимации для прелоадера через шейп с блюром 20:24 — техническая часть: настройки анимации линии или шейпа на появление 26:21 — настройки анимации линии или шейпа на исчезновение 28:14 — настройки анимации шейпа, при которой сначала появляется лини, а из неё разворачивается шейп 34:13 — вся суть видео — в паре предложений: всё завязано на скейле и на том, куда или откуда сдвигаются или убираются шейпы/линии 34:51 — бонусом заанимировали шейп по скроллу со смейной цвета текста ✔️Полезные ссылки: 📌 Видео по MIX-BLEND-MODE 👉 📌 Видео по триггер оффсетам — что это и как настраивать 👉 📌 При подготовке видео использован плагин Image Editor (Figma)🔥 📹Хочешь предложить свою тему для видео или давай соберём эфир вместе — пиши в ТГ (никнейм: @chistyakova_website) или в комментах к этому видео🔥 Ещё раз напоминаю о том, что это и другие полезные видео выкладываю, в том числе, в рамках нашего дизайнерского душевного чата, в котором являюсь Админом — чат Pro.дизайн 👉 Вливайтесь для человеческого и профессионального общения, а также на случай, если давно хотели закинуть какую-нибудь интересную тему, но не решались😁 — мы периодически проводим эфиры, так что у вас есть реальный шанс стать приглашённым спикером-экспертом и поделиться своими знаниями, инсайтами и компетенциями с грамотной интеллигентной и просто клёвой аудиторией🔥✨☺️, а потом взять и выложить запись своего бенефиса в соцсетях😉 — отличный инфоповод💪 Если есть вопросы ко мне: ► дизайн; ► типографика и композиция на сайте; ► анимация любого сценария и уровня сложности; ► подбор креативных идей; ► оформление документов для сайта (Политика конфиденциальности, Публичная оферта, РКН, согласие субъекта ПД); ► оформление отношений с заказчиками, разрешение спорных ситуаций, составление актов и претензий); ► любой вопрос за рамками поименованных — мои компетенции гораздо шире заявленных😉, — пишите в ЛС, разберёмся в любой ситуации🤝 Чат Pro.дизайн 👉 Сообщество в ВК🥰👉 Мой ТГ — ВК — Инст (продукт Meta, в РФ признана экстремистской организацией) — / DProfile — Приятного просмотра👀🔥 #анимация #sbs #tilda #линии #шейпы