Анимация линий и шейпов на Тильде: просто, эффектно и миллион вариантов
📌 Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳
С вами — Наталья Чистякова, 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 #линии #шейпы
1 view
1220
409
2 months ago 00:01:29 4
Сказочный патруль. Шоу продолжается | Трейлер
2 months ago 07:06:43 1
SPACE MARINE 2 — полное прохождение игры
2 months ago 00:51:26 1
Юрий Норштейн. Монолог. Документальный фильм @SMOTRIM_KULTURA
2 months ago 00:12:50 1
Российские сериалы, которые стоит пересмотреть прямо сейчас!
2 months ago 00:00:00 12
Фидбек на ваши работы - 2.5 D Blender - #blender #анимация #рисование
2 months ago 00:19:04 1
МОЙ АВТОСТОП...или “обзор на дальнобойщиков“ (#Женский Автостоп, #Вавилонская девственница)
2 months ago 00:30:41 1
Маннергейм: русский генерал, президент Финляндии и шведский дворянин // Redroom
2 months ago 00:31:34 1
Пиратская республика СРЕДНЕВЕКОВОЙ РУСИ - Вятка // Redroom
2 months ago 00:13:24 1
ЭТИ ДЕТСКИЕ МУЛЬТФИЛЬМЫ ПРОКЛЯТЫ | Astrobort Reaction
2 months ago 00:00:44 1
прости, что не на проводе
2 months ago 00:02:04 4
HELLUVA BOSS - “Perfect Crime“ Animatic
2 months ago 00:06:29 4
[SOUND DESIGN] Helluva Boss: “Just Listen To Me“ Animatic Dub
2 months ago 00:40:20 1
ТРОН: Наследие — Сюжет скрыт в дизайне фильма
2 months ago 00:04:37 1
Граф(GJ) - Некромант ()
2 months ago 00:32:20 6
Константин Бронзит о современной авторской анимации
2 months ago 00:00:00 1
Рисую за донат в прямом эфире! Принимаю заказы! {Vtuber stream}
2 months ago 02:22:38 1
Новое начало: возвращение в мир фантазии - Tower of Fantasy
2 months ago 01:19:34 1
Средства отображения и обработки результатов моделирования Micro Cap
2 months ago 00:11:02 3
AI ДЛЯ СОЗДАНИЯ 3D АНИМАЦИЙ ПРЯМО В UNREAL ENGINE 5.4
2 months ago 01:33:10 1
Гравитации и темной материи не существует? Как наши теории рушатся — НОВЫЙ кризис в космологии.
2 months ago 00:08:41 1
Оформляем ГРУППУ МУЗЫКАНТА ВКонтакте | Как настроить группу вконтакте?
2 months ago 00:00:56 25
пунктир [gta in desc/гта в описании]
2 months ago 01:50:58 1
MAFIA 2: Вито Скалетта против Американского общества | Разбор игры