Прогресивне розмиття й градієнти в Hana

Прокачайте свої дизайни ефектними розмиттями й градієнтами

Відкрити Hana

Прогресивне розмиття стало популярним разом зі скляною естетикою інтерфейсу iOS кілька років тому, а нещодавно набуло поширення в інструментах для дизайну інтерфейсів. Проте здебільшого воно залишалося складною технікою, яку важко було використовувати в моушн-дизайні чи інтерактивних середовищах реального часу.

Сьогодні ми додаємо в Hana прогресивне розмиття в реальному часі. Уперше такий тип розмиття доступний у реальному часі, з інтуїтивними елементами керування й без потреби в технічних знаннях — і все це на нескінченному полотні Hana.

Пограйтеся зі сценою нижче, щоб побачити, як це працює.

Наведіть курсор або торкніться, щоб взаємодіяти (досвід створено в Hana)

Як додати прогресивне розмиття в Hana

Виберіть будь-який шар і додайте Layer Blur або Background Blur. В обох випадках можна обрати, чи буде розмиття рівномірним (Uniform), чи прогресивним (Progressive).

Прогресивне розмиття працює майже як градієнт, але замість кольору плавно змінюється між двома значеннями радіуса розмиття.

Ось як працює прогресивне розмиття в Hana

Плавні градієнти в Hana

Тепер у Hana можна створювати градієнти. Обирайте лінійні, радіальні чи полярні градієнти й налаштовуйте їхнє положення просто на полотні.

Ми також представляємо плавні градієнти (Smooth Gradients) — градієнти з інтерполяцією Smooth Step, що дає природніше змішування кольорів. Більшість інструментів для дизайну використовують градієнти з лінійною інтерполяцією, через яку між опорними кольорами градієнта з’являються помітні переломи.

Кілька років тому ми першими реалізували плавні градієнти в 3D-редакторі Spline, а тепер переносимо їх у Hana.

Наведіть курсор або торкніться, щоб взаємодіяти (досвід створено в Hana)

Імпорт SVG та інше

За останні тижні ми також випустили кілька покращень Hana, зокрема підтримку файлів SVG (тепер їх можна просто перетягнути), вищу продуктивність і менший розмір рантайму.

Ми також додали низку покращень для зручності: кращу поведінку вибору кольору, покращені інструменти виділення й чимало дрібних виправлень, щоб робота була послідовнішою.

Проєкти, створені в Hana

Спробуйте вже зараз!

Ось файл Spline Hana, у якому можна дослідити можливості прогресивного розмиття й градієнтів.

Процеси дизайну змінюються

Попри простоту в основі, ці нові функції дають безпрецедентний творчий контроль і можливості.

Анімувати чи створювати подібні взаємодії в реальному часі ніколи не було легко, а тепер у Hana це можна зробити за кілька секунд.

Нам не терпиться побачити, що ви створите!

—

Команда Spline

Дізнатися більше

Більше з блогу