# Прогрессивное размытие и градиенты в Hana - Spline blog (https://spline.design/ru/blog/introducing-progressive-blur-gradients) > Прокачайте дизайн эффектными размытиями и градиентами [Блог](https://spline.design/ru/blog) 27 мая 2025 г. # Прогрессивное размытие и градиенты в Hana Прокачайте дизайн эффектными размытиями и градиентами [Открыть Hana](https://app.spline.design) Прогрессивное размытие стало популярным вместе со стеклянной эстетикой интерфейса iOS несколько лет назад, а недавно добралось и до инструментов UI-дизайна. Однако по большей части это оставалась сложная техника, которую трудно использовать в моушн-дизайне или в интерактивных средах реального времени. Сегодня мы добавляем в Hana прогрессивное размытие в реальном времени. Впервые такой тип размытия доступен для работы в реальном времени — с интуитивными настройками и без каких-либо технических знаний, прямо на бесконечном холсте Hana. Поиграйте со сценой ниже, чтобы увидеть, как это работает. Наведите курсор или коснитесь, чтобы взаимодействовать (опыт создан в Hana) ## Как добавить прогрессивное размытие в Hana Выберите любой слой и добавьте Layer Blur или Background Blur. В обоих случаях можно выбрать, будет размытие равномерным (Uniform) или прогрессивным (Progressive). Прогрессивное размытие работает почти как градиент, только вместо цвета плавно меняется радиус размытия между двумя значениями. Так работает прогрессивное размытие в Hana ## Плавные градиенты в Hana Теперь в Hana можно создавать градиенты. Доступны линейные, радиальные и полярные градиенты, а их положение настраивается прямо на холсте. Мы также представляем Smooth Gradients — градиенты с интерполяцией Smooth Step, которая даёт более естественное смешивание цветов. Большинство дизайн-инструментов используют градиенты с линейной интерполяцией, из-за которой между цветовыми «точками» градиента появляются заметные переломы. Несколько лет назад мы впервые реализовали плавные градиенты в 3D-редакторе Spline, а теперь приносим их в Hana. ## Импорт SVG и многое другое За последние недели мы также выпустили ряд улучшений Hana, включая поддержку файлов SVG (теперь их можно просто перетащить), более высокую производительность и меньший размер рантайма. Кроме того, мы добавили несколько улучшений для удобства: более понятное поведение палитры цветов, улучшенные инструменты выделения и множество мелких исправлений, которые делают работу более последовательной. Опыт, созданный в Hana ## Попробуйте прямо сейчас! Вот [файл Spline Hana](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3), в котором можно изучить возможности прогрессивного размытия и градиентов. ## Процессы дизайна меняются При всей простоте в основе эти новые функции дают небывалый творческий контроль и новые творческие результаты. Анимировать или создавать подобные взаимодействия в реальном времени раньше было непросто, а теперь в Hana это делается за несколько секунд. Нам не терпится увидеть, что вы создадите! — Команда Spline [Подробнее](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Ещё в блоге [3 ноября 2026 г.Представляем Spline Arena](https://spline.design/ru/blog/introducing-spline-arena)[21 октября 2026 г.Представляем Spline для ChatGPT](https://spline.design/ru/blog/introducing-spline-for-chatgpt)[27 августа 2026 г.Представляем Hana V2](https://spline.design/ru/blog/hana-v2) [Spline](https://spline.design/ru) 3D- и 2D-редактор для команд и их агентов. Публикуйте в веб, на iOS и Android. #### Спросите ИИ о Spline #### Продукты - [3D-дизайн](https://spline.design/ru/3d-design) - [Hana](https://spline.design/ru/hana) - [Omma](https://omma.build) - [Генерация 3D с ИИ](https://spline.design/ru/ai-generate) - [Spline MCP](https://spline.design/ru/mcp) - [Spline Arena](https://spline.design/ru/arena) - [Цены](https://spline.design/ru/pricing) - [Enterprise](https://spline.design/ru/enterprise) #### Рантаймы - [Web](https://spline.design/ru/web) - [iOS](https://spline.design/ru/ios) - [Android](https://spline.design/ru/android) #### Приложения - [Скачать](https://spline.design/ru/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Скачать Spline Mirror](https://spline.design/download-mirror) #### Обучение - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/ru/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Решения](https://spline.design/solutions) #### Сообщество - [Сообщество Spline](https://community.spline.design) - [Blog](https://spline.design/ru/blog) - [Что нового](https://spline.design/ru/changelog) - [Образование](https://spline.design/ru/education) - [Contra](https://spline.design/contra) - [Партнёрам](https://spline.design/ru/affiliate) #### Компания - [Клиенты](https://spline.design/ru/customers) - [Вакансии](https://www.ycombinator.com/companies/spline/jobs) - [Безопасность](https://spline.design/ru/security) #### Правовая информация - [Условия использования](https://spline.design/terms) - [Конфиденциальность](https://spline.design/privacy) #### Контакты - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.