Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк»

Ксения и ее команда разработали медиасервис "Кулёк" для сближения поколений через интерактивный контент. Как им это удалось? Узнайте в статье Читать на дизайнерс | #статья
Изображение поста

Дизайн, который объединяет поколения: Кейс медиасервиса «Кулёк»

Ксения и ее команда разработали медиасервис "Кулёк" для сближения поколений через интерактивный контент. Как им это удалось? Узнайте в статье Читать на дизайнерс | #статья
Изображение поста

Мой первый рендер в твинмоушен, я в восторге 😍

В Твинмоушен первое впечатление это: как много всего, можно создать свой мир. который будет жить и дышать! Тут травка, там растения колышатся на ветру, тут люди будут стоять, там океан, а тут выставка автомобилей 😅 Но я тертый калач и первым делом потянуло взять максимум от интерактивного рендера, чтобы сделать предметную визуализацию. Это идеальная среда, чтобы упражняться  в композиции кадра. Берешь готовую модель и делаешь окружение, освещение какое вздумается и выставляешь красивые ракурсы. При этом даже тяжелые сцены так же шустро крутятся и так же легко добиваться красивой подачи, когда вьюпорт и рендер это одно и то же Присоединяйтесь и вы к потоку по Твинмоушен, мы уже начали, у ребят уже первые результаты 🤟😌 https://aisingularity.ru/twinmotion_zayavka">➡️https://aisingularity.ru/twinmotion_zayavka">https://aisingularity.ru/twinmotion_zayavka

Создайте потрясающую 3D-карусель с интерактивными эффектами наведения курсора

В этом уроке вы узнаете, как оживить свои изображения в трехмерном пространстве и заставить их реагировать с помощью привлекательных эффектов наведения курсора мыши. 01:30 Как создать простой эффект масштабирования при наведении курсора мыши в After Effects 02:00 Используйте Distribute Horizontally Feature 03:00 Используйте слои фигур в качестве Transparency Matte, используя Track Matte Link 04:00 Соединяйте изображения, добавляя к ним родительские элементы 05:10 Создание интерактивных элементов с использованием Effector Layer 06:10 Добавление масштабного выражения 09:45 Создание интерактивных фигур для изменения формы изображений при наведении курсора мыши 12:20 Создание Circular Array 3D-слоев в Ae 14:00 Создание кругового массива трехмерных слоев в Ae 15:40 Добавление 3D-подсветки 16:30 Анимация всех слоев вместе 17:00 Добавление анимации масштаба при наведении курсора для родительских слоев 18:40 Использование выражения toWorld в After Effects 20:30 Как поменять слои местами и сохранить все свойства на своих местах 21:45 Использование предустановленных инструментов Mograph для создания интерактивной 3D-анимации 24:40 Совместная анимация изображений 25:10 Добавление изменения цвета при наведении курсора мыши с помощью специальных свойств 26:50 Добавляем дополнительные анимации покачивания 27:40 Создаем анимацию пользовательского интерфейса при открытии папки 29:30 Используем эффект перекоса 31:50 Анимация только при наведении 32:00 Использование свойства переназначения времени 34:20 Добавление 3D-указателя на стекле #tutorial | By Stephan Zammit
🧡Physical Starlight Atmostphere 1.8.2
Кинематографическая атмосфера в один клик Physical Starlight and Atmosphere - самый популярный атмосферный аддон для Blender, который устанавливает новый промышленный стандарт для освещения и взаимодействия с атмосферой в реальном времени освещения и интерактивности с атмосферой в реальном времени. #Motion_Blender #Blender #Motion4D Motion
Изображение поста
🔰 Курс - Unreal Engine 4.x - Product Visualization with Blueprints [ENG]
🛡 Описание: Unreal Engine 4.x - Product Visualization with Blueprints Инфо: Курс… Создавайте интерактивные 3D-проекты с нуля с помощью Unreal Engine: чертежи, материалы и камеры. ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Вы научитесь использовать Unreal Engine 4 и его систему Blueprints с нуля. • Мы увидим, как экспортировать таблицу данных в Unreal Engine и запрограммировать ее визуализацию с помощью Blueprints. • Вы узнаете, как создавать звуковые взаимодействия и материалы в Unreal Engine, в том числе с помощью Blueprints. • Вы освоите взаимодействие между объектами сцены с помощью Unreal Engine 4 Blueprints без необходимости написания кода понятным и эффективным способом. • Вы узнаете, как разрабатывать собственные HUD-дисплеи, чтобы предоставлять пользователю информацию о вашем проекте, разработанном с использованием Blueprints. • Вы будете программировать правильно, сокращая количество ошибок, благодаря функциям, доступным в Unreal Engine 4 Blueprints. 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Unreal_Engine #3d #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
Изображение поста
Мой первый рендер в твинмоушен, я в восторге 😍
В Твинмоушен первое впечатление это: как много всего, можно создать свой мир. который будет жить и дышать! Тут травка, там растения колышатся на ветру, тут люди будут стоять, там океан, а тут выставка автомобилей 😅 Но я тертый калач и первым делом потянуло взять максимум от интерактивного рендера, чтобы сделать предметную визуализацию. Это идеальная среда, чтобы упражняться  в композиции кадра. Берешь готовую модель и делаешь окружение, освещение какое вздумается и выставляешь красивые ракурсы. При этом даже тяжелые сцены так же шустро крутятся и так же легко добиваться красивой подачи, когда вьюпорт и рендер это одно и то же Присоединяйтесь и вы к потоку по Твинмоушен, мы уже начали, у ребят уже первые результаты 🤟😌 https://aisingularity.ru/twinmotion_zayavka">➡️https://aisingularity.ru/twinmotion_zayavka">https://aisingularity.ru/twinmotion_zayavka
Изображение поста
Модель биплана — пропеллеры вращаются в интерактивном режиме, мини-распечатка, не требует AMS
Это красивый классический биплан с функциональными колёсами и пропеллером. Пропеллер вращается вместе с колёсами, имитируя ускорение самолёта при взлёте. Он также служит изысканным украшением. Пропеллер вращается довольно быстро; динамическое изображение немного размыто.
⭐️Unity vs Unreal Engine: что выбрать для разработки игр?⭐️
🟣Игровой движок — это основа, на которой создаются видеоигры. Чтобы использовать этот инструмент и создавать игры, нужны специалисты с разными навыками и задачами. Людей, которые работают с игровыми движками, обычно называют разработчиками игр или гейм-разработчиками. Если человек работает непосредственно с самим движком — например, создаёт уровни, скрипты или визуальные эффекты, его могут назвать Level Designer, Technical Artist или Engine Developer. Они объединяют всё необходимое: графику, физику, звук, анимации, управление персонажами и взаимодействие с игроком. Благодаря движку разработчики не пишут всё "с нуля", а используют готовые инструменты — как конструктор. Это ускоряет и упрощает создание игр. Самые известные движки, которые используются для разработки игр, интерактивных приложений, VR/AR и даже кино — Unity и Unreal Engine. Эти движки сильно различаются по возможностям, подходу и целевой аудитории. Давайте же попробуем выяснить, какой из них можно считать фаворитом на нынешний момент. Но перед тем как переходить к сравнению, стоит сначала взглянуть на то, как появились эти два гиганта индустрии. 🟣Unreal Engine — история великана Unreal Engine считается одним из самых мощных и значимых игровых движков на планете. Его история началась в 1995 году, когда Тим Суини, молодой программист и основатель компании Epic MegaGames (позже — Epic Games), начал работу над собственным 3D-движком. Тогда он хотел создать игру, которая бы не только конкурировала с хитами вроде Doom и Quake, но и предлагала более гибкий инструментарий для разработчиков. Старт легенды начался в 1998 году, когда Epic выпустила свою первую игру — Unreal, ставшую настоящим технологическим прорывом. Она демонстрировала динамическое освещение, реалистичную графику, продвинутые спецэффекты и модульную архитектуру движка. Unreal Engine 1 сразу заинтересовал других разработчиков, и Epic начала лицензировать его другим студиям — это было новаторским подходом на тот момент. 🌸Интересный факт: движок Unreal изначально писал один человек — Тим Суини — и только позже к нему присоединилась команда. Он сам называл этот период «безумием в одиночку». После 1998 года Unreal Engine регулярно выпускал новые версии, значительно улучшая не только производительность и гибкость, но и расширяя функционал движка. Параллельно с этим на Unreal Engine выходили настоящие хиты, которые стали культовыми в игровой индустрии. Вот некоторые из самых популярных игр на этом движке: ➖Unreal Tournament (1999) ➖Gears of War (2006) ➖Bioshock (2007) ➖Mass Effect (2007) ➖Batman: Arkham Asylum (2009) ➖Borderlands (2009) ➖Fortnite (2017) ➖PlayerUnknown’s Battlegrounds (PUBG) (2017) Эти игры не просто показали возможности Unreal Engine — они закрепили его статус как одного из главных инструментов для создания крупных и качественных проектов.
Изображение поста
В email-рассылках мало возможностей для интерактива, но можно использовать анимации
Меня тут удивило, как в письме от Ozon вставили таймер. Вроде просто таймер, что тут такого? Я в этот момент подумал, что ведь нельзя же вот так взять и использовать скрипты в письме. Тогда я приблизил, и понял, что передо мной обычная GIF-анимация, и судя по всему она реально длится 5 минут (оказывается я удивлялся целых 2 минуты). хороший ux · вакансии · концепты
Мы уже вовсю начинаем курс по Twinmotion!
Более 30 заявок с одной встречи с 100 участниками Вчера общался с подругой-архитектором, с которой развивали студию.  Она давно живет в Лондоне, говорит что там суперактуален Twinmotion.  То есть рассматривают только интерактивные варианты рендера экстерьеров. Это вдохновляет! Впервые сам буду в роли студента на этом же курсе вместе с вами) 🤩 Потому что это безумный скачок стоимости часа — на рынке, в котором итак никто не жалуется, еще и мало конкуренции даже в РФ 👨‍🎓 Что пройдем: ✅ Импорт без проблем: Archicad, Revit, SketchUp, 3ds Max (+ перенос анимации из 3ds Max) ✅ Готовые библиотеки: Megascans, Sketchfab / Unreal ассеты, Mixamo-персонажи ✅ Живая сцена: люди, автомобили, предметы и персонажи с анимацией ✅ Камера и движение: быстрые viewport-проезды + анимация по ключам ✅ Окружение за минуты: HDRI, погода, время суток, туман, объёмный свет, IES-светильники ✅ Материалы: трипланар и базовый UV-текстуринг ✅ Экстерьер: ландшафт и благоустройство «под ключ» ✅ Предметка: тонкие настройки для предметной визуализации ✅ Рендер: разные стили + HQ-настройки для финального вывода ✅ Вывод для заказчика: 360°-панорамы и интерактивные VR-туры ✅ Пост-продакшн: монтаж в Clipchamp и работа со звуком ✅ Бизнес-блок: расчёт цены и поиск клиентов на анимацию Присоединяйтесь, это будет круто 🤟😌 ➡️https://aisingularity.ru/twinmotion_zayavka
Интерактивная презентация ui kit
Не просто скрины и мокапы, как у всех, а креативный и интересный подход к решению, достаточно тривиальной задачи Автор на известном сайте ➡️ UI/UX дизайнер
.Figma Make умеет…
Поигрались в этот AI от фигмы. Записали тим-сессию и собрали тезисы по ней: - Можно просто вставить картинку или скрин — как референс, и AI сам строит структуру дизайна. - AI сам придумывает ТЗ, если его не дать. Например, создаёт структуру приложения по визуальному входу. - AI способен сделать интерактив — в примере: страница достижений была не просто сверстана, но и стала кликабельной. - Всё работает без полноценной базы данных — данные временно сохраняются (например, в cookies или памяти приложения). - Код пишется автоматически, разбивается на компоненты и может быть скачан. - Работает быстро, если дать чёткий визуальный референс: от 3 до 5 минут на генерацию UI и кода. - Есть визуальный редактор кода прямо в интерфейсе, можно быстро редактировать. - Иногда переписывает код целиком, даже если нужно изменить только одну часть — это может быть неудобно. - Придумывает сам копирайтинг и тексты, если их нет. - Умеет делать адаптивный дизайн, без дополнительных указаний. - Запоминает контекст прошлых правок, удобно для итерационной работы. - Вёрстка нативная и аккуратная, иногда игнорирует мелкие детали (например, цвета или иконки). - Поддержка интерактивности — можно тестировать UI прямо внутри генератора. - При дублировании проекта хранит весь контекст, а не только результат - Нельзя получить Figma-файл напрямую из Make — всё конвертируется в код. - Можно публиковать сайт прямо из Make, как мини-лендинг. @osensei_design • oleg&kate
Лучшее за май
1. Katherine-Le – аккуратное портфолио с тонкой видимой сеткой и изящной типографикой 2. Pasha Ink – портфолио тату-мастера с глитч-эстетикой и цветной 3D-анимацией на первом экране 3. SpaDerma – сайта спа-косметологии с активными цветами и несерьёзной геометрией 4. WarholArts © – лендинг выставки Энди Уорхола со стилёвыми коллажами, сочным визуалом и микровзаимодействиями 5. Arcanamana – элегантный сайт по Таро в стиле ар-деко с интерактивом Здесь только те ресурсы, на которые вы отреагировали больше всего, а значит, выжимка — огонь 🔥 Людочка, референсы – отборные работы по веб-дизайну
Изображение поста
📝Памятка «Ошибки в UX-тестах и как их избежать»
Разбираем ошибки на разных стадиях UX-теста – от подготовки – до завершения. 🔄 Интерактивная памятка в Figma 🔄 Скачать версию для печати в PDF Что там с дизайном
Изображение поста
Volt — бесплатный starter kit, который поможет вам освоить интерактивное прототипирование во Framer.
www.framer.com/volt/
Твой дизайн — сразу в браузере
С сервисом Поехали! ты можешь создавать интерактивные веб-приложения без Figma и кода. Просто опиши интерфейс, и он будет готов к использованию и публикации. 👉🏻 Попробуй бесплатно
Изображение поста
Карточки с интерактивными световыми мечами
Как повысить эффективность вебинаров?
Организация продающего вебинара - не простая задача, ведь необходимо предусмотреть множество деталей: удобную дату, вовлекающий контент, методы продвижения и взаимодействия с участниками. Вебинары от МТС Линк помогают привлекать новых клиентов и увеличивать конверсию из участника в лид. В сервисе доступен анализ поведения пользователей во время вебинара, синхронный перевод, автовебинары и интерактивные инструменты для вовлечения участников. Делимся методичкой с кейсами, чек-листами и инструкциями для маркетологов, PR и event-менеджеров, чтобы сделать вебинары эффективным инструментом для лидогенерации. Получите методичку бесплатно на сайте. Скачать #реклама 16+ mts-link.ru О рекламодателе
Изображение поста
Минутка технологий:
Как в современных автомобилях работает дизайн интерактивного освещения. Полезно знать и просто интересно.