Как сделать анимированный фон для блока со стеклянным эффектом?

Из нового видео вы узнаете, как реализовать анимацию фона по курсору с эффектом стекла с помощью Step-by-step анимации в Zero Block. Смотреть видео: 📱 Смотреть в VK Видео: https://vkvideo.ru/video-89546664_456240256 📺 Смотреть на YouTube: https://youtu.be/NsVSLTVyXOQ

Дизайн-батл / РЖД

⚡️ В этом туре курсорами столкнулись Ева @shultsee и Тимур @Timuuurka. Они делали редизайн сайта РЖД. Задача — обновить визуал и предложить новое видение. Ева сделала ставку на сочетание векторной графики и живых фото, а Тимур разлиновал макет по рельсам и добавил строгую структуру с характерным стилистическим приёмом. Это финальный батл 1-го тура. Кто выйдет в следующий этап? Голосуйте в комментариях!

💭Команда «Текст» в AutoCAD

Однострочный текст в AutoCAD представляет собой самостоятельный объект, состоящий из строк символов и характеризуемый координатами точки вставки, точкой начала, углом поворота, высотой текста и стилем начертания. Для построения однострочного текста используется команда ТЕКСТ или ДТЕКСТ (По умолчанию в автокаде установлен однострочный текст по этому в начале эти две команды равнозначны), которая кроме непосредственного ввода с клавиатуры в командную строку, может быть вызвана нажатием по кнопке инструментальной группы расположенной во вкладке Аннотация Переключение между однострочным и многострочным текстом осуществляется с помощью выпадающего меню при нажатии по стрелочке под надписью Текст После одного обращения к этой команде появляется возможность вводить одну или несколько строк текста, наблюдая при этом набираемые символы на экране. После вызова команды задаются начальная точка вставки текста, высота и угол его наклона. В командную строку ТЕКСТ, после появления контекстного меню нажмем правой кнопкой мыши по подчиненной букве А. После этого AutoCAD запросит указать начальную точку, по умолчанию, слева внизу от текста. На этом этапе также можно задать выравнивание и стиль текста, но о них речь пойдет ниже. После щелчка правой кнопкой мыши в произвольном месте, AutoCAD запросит высоту текста. Ее можно ввести с клавиатуры также можно передвинуть курсор на нужное расстояние по оси Y, вертикально вверх. Щелчок правой кнопкой и AutoCAD запрашивает угол поворота теста. Можно ввести с клавиатуры, можно задать горизонтальным отрезком, после очередного щелчка правой кнопкой мыши появиться мигающий курсор: Можно вводить текст.
Изображение поста

Плагин Cursor — добавляет реалистичные курсоры мыши в макеты для наглядной демонстрации взаимодействий и UX-сценариев. Заменяет стандартные стрелки разнообразными стилями указателей для большей выразительности.

🔗 WhatFont?
Расширение для браузера, которое показывает, какой шрифт используется на сайте. Навёл курсор — получил имя, стиль и размер. Мгновенно, просто, незаменимо. #шрифты #браузер #инструменты #chrome #типографика #ui #дизайн Посмотреть 🔗
Потрясающий пользовательский интерфейс 3D-стекла с пояснениями в виде интерактивного текста
В этом видео по After Effects вы узнаете, как создавать и анимировать реалистичные 3D-стеклянные интерфейсы, динамические карты пользовательского интерфейса, реагирующие на движение мыши, и текстовую анимацию, активируемую при наведении курсора мыши, – все это на 100% в After Effects, не требуя 3D-программного обеспечения. 00:40 Добавление текстового слоя и подготовка его к анимации 01:35 Создание анимации текстовой звезды с использованием градиентов слоя фигур 03:20 Добавление маркера и присвоение ему названия 03:40 Создание градиентного фона с помощью градиентной рампы 04:35 Добавление фоновых элементов в шахматном порядке с закругленными прямоугольниками 06:00 Создание сетки 06:25 Создание цветовой палитры и планирование пояснительного видео с раскадровками с помощью Milanote 11:25 Создание основной 3D-панели из стекла 12:00 Использование расширенной опции 3D и настройка скорости рендеринга 12:25 Настройка параметров материала для создания отражений в стекле 13:00 Добавление камеры с анимационной техникой 14:00 Добавление источников света для создания реалистичных отражений в стекле 15:35 Создание эффекта размытия стекла на нашем стекле 16:15 Превращение любого слоя в корректирующий слой 16:45 Создание реалистичных краев из 3D стекла 17:30 Создание 3D стеклянных карточек 19:30 Добавление текста поверх 3D карточек 20:40 Анимация стеклянных 3D-карточек 21:50 Изменение цвета карточек 22:10 Анимация заставки к карточкам в произвольном порядке 22:40 Анимация всей сцены и переключение камер 23:40 Создание интерактивной анимации на карточках при наведении курсора на них 25:40 Добавление второй анимации взаимодействия для подсветки карточек при наведении курсора 27:10 Анимация текста при наведении курсора 29:00 Использование временной привязки для воспроизведения анимации 30:00 Настройка выражения для настройки точки привязки 32:40 Добавление 3D-указателя #tutorial | By Stephan Zammit
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Курсор.FM #5 — Достучаться до клиента. В гостях Дмитрий Ахметов
Дмитрий Ахметов делится секретами успешного взаимодействия с клиентами в новом выпуске Курсор.FM #5. Узнайте, как "достучаться" до клиента в дизайн-индустрии Читать на дизайнерс | #статья
Изображение поста
Анимация курсора в Figma by popov.design.lab
Пошаговый туториал как с помощью шейпов и блюра сделать анимированное свечение на тексте #figma #туториал
Странный возраст
Нашлось у Яндекса. Хотели нам показать, как выглядят все цифры? А достаточно было одной: 0 ℹ️ Быстрый ликбез: Плейсхолдер — это пример или подсказка формата. Причём примеры нужны для сложных в заполнении полей, двусмысленных и прочих непонятных. Обычно же достаточно показать формат (цифры, буквы, телефон, адрес, имейл) или просто, что в поле можно что-то вводить (курсор поставить). Для возраста пример не нужен, это слишком очевидно. Да и какой возраст указывать? 🤔 скрин прислала Анастасия
Изображение поста
Анимация курсора в Figma by popov.design.lab
Пошаговый туториал как с помощью шейпов и блюра сделать анимированное свечение на тексте #figma #туториал
Cursify — если хотели придумать безумно неудобный стильный курсор, то можете здесь вдохновиться или скопировать
Friеndly Pivоt (обновление v0.5.11 для Blender 4.2 - 4.4)
🛠 Friеndly Pivоt копирует большинство функций инструмента Autodesk Maya Pivot Transform с небольшими отличиями, улучшениями и обновлениями, подходящими для Blender. Его основная задача — быстро и удобно изменять ориентацию Pivot, начало координат и позиции 3D-курсора, нажимая меньше клавиш, что устраняет необходимость выбора нужного компонента сетки, кости или точки кривой и долгого путешествия по различным меню для изменения опорной точки Blender. Источник 💾 ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #addons #Blender #Friеndly_Pivоt #3d #free #бесплатно
Cursor
Плагин позволяет перетаскивать разные курсоры прямо в ваш макет в Figma. Удобно, если нужно показать, как работает интерфейс, сделать гайд или просто добавить интерактива. Есть несколько вариантов курсоров — выбирайте нужный и забудьте про скучные стрелки. #иллюстрации Людочка, плагины – отборные плагины в Фигме