Як зробити ефект гласморфізму, як рідке скло

Товсте прозоре скло, що заломлює зображення позаду, освітлене з одного краю й затінене з другого.

4 хв читання · Оновлено 2026-10-30

Що це таке

Гласморфізм робить обʼєкт схожим на товстий шматок прозорого скла, покладений поверх дизайну. Крізь обʼєкт видно зображення позаду — трохи матове, трохи збільшене й сильно стягнуте на краю, де скло закруглюється, з тонкою райдужною облямівкою там, де червоне розходиться із синім. Край, повернутий до світла, ловить яскраву лінію, дальній край темніє, а там, де скло торкається сторінки, лежить мʼяка тінь, — тож воно читається як тверда річ на дизайні, а не як дірка в ньому.

Матові панелі відомі ще з операційних систем 2000-х, але рідке скло Apple у 2025 році зробило скло товстим і відчутним — лінзою, що тягне фон через свій край, — і дизайнери одразу понесли його в постери, промо застосунків і соцмережі. Воно виглядає сучасно, легко й дорого, а ще дозволяє класти текст на строкате фото без важкої плашки під ним.

Де його використовують

Гласморфізм пасує до запусків застосунків і продуктів, промо техкомпаній і фінтеху, карток подій поверх фото, обкладинок музики й подкастів, цінників і бейджів — до будь-якого макета, де блок інформації має ширяти над сильним зображенням. Найкраще він працює на простій формі — заокругленій картці, «таблетці», великому жирному слові — поверх барвистого чи контрастного фото або градієнта: скло показує те, що позаду, а в однотонному кольорі нічого заломлювати.

Зроблено в Paletoo цим міксом:

Допис фестивалю: заголовок «See you on the floor» став товстими скляними літерами, що заломлюють дзеркальну кулю позаду.

Допис застосунку для бігу: плашка темпу стала скляною пластиною, фото крізь неї збільшене, а верхній край освітлений.

Допис подкасту: пластини заломленого матового скла поверх портрета ведучого.

Як зробити, крок за кроком

Відкрийте дизайн і виберіть, що стане склом: картку, кнопку, плашку чи жирне слово. Позаду має бути зображення або градієнт. Тут це картка-підказка, що ширяє над тренеркою на дописі застосунку для бігу.
Виберіть картку, відкрийте вкладку Ефекти на правій панелі й подивіться в групу Мікси. Якщо «Гласморфізму» немає в першому ряду, натисніть Усі.

Допис застосунку для бігу відкрито в Paletoo, картку вибрано, у вкладці «Ефекти» відкрито мікси
Натисніть Гласморфізм. У списку Застосовано зʼявляться чотири кроки: мʼяка Тінь, що піднімає картку, Тінь на землі там, де вона торкається сторінки, Скло фону, що показує все під карткою крізь товсте заломлене скло, і Скляний кант, що додає відблиски вздовж краю самої картки.

Натиснуто «Гласморфізм»: Тінь, Тінь на землі, Скло фону й Скляний кант у списку «Застосовано», картка стала товстим склом над тренеркою
Клацніть рядок Скло фону, щоб відкрити його. Товщина — наскільки глибоке скло: що товще, то сильніше воно тягне зображення через край; Заломлення — наскільки сильно воно вигинає; Збільшення — наскільки більшим зображення видно посередині; Матовість — наскільки воно мʼяке.

Відкрито крок «Скло фону»: Товщина, Заломлення, Збільшення й Матовість
Під ними відкрийте Деталі — там світло: Фаска, ширина закругленого краю, Кут світла, Відблиск для освітленого краю, Тінь для дальнього й Дисперсія для райдужної облямівки.
Натисніть Експорт. Скло малюється зі справжніх пікселів під ним, тож якщо пересунути картку, зображення в ній піде за нею.

Мікс в один клік

У Paletoo весь стек — це один мікс, Гласморфізм. Один клік накладає всі кроки на вибраний обʼєкт, одне скасування знімає їх усі, а кожен крок лишається звичайним ефектом, який можна змінити, переставити чи прибрати.

Його кроки: Тінь Тінь на землі Скло фону · Рідке Скляний кант · Рідке

Відкрити цей мікс у Paletoo

Зробіть по-своєму

Почніть із товщини. У кроці Скло фону Товщина близько 30 дає тонку пластину, що заломлює лише на самому краю, 60 (як у міксі) — брилу, що тягне зображення через край, а 100 й більше — лінзу. На строкатому фото тримайте Збільшення низьким, інакше середина картки стане збільшеним фрагментом. В однотонному кольорі склу нічого заломлювати, і його видно лише з канта й тіні — покладіть його на фото чи градієнт.

Тоді світло. Повертайте Кут світла, доки яскравий край не ляже вгорі ліворуч, звідки ми звикли чекати світла; на світлому фото зменште Відблиск — біла лінія там однаково губиться, — а на темному збільште Тінь, щоб дальній край мав вагу. Скляний кант додає відблиски на власному краї обʼєкта: його Прозорість вирішує, скільки власного кольору картки ще видно (у міксі 90 %, майже прозоро), а Край — скільки цього кольору лишається в канті.

На фото мікс працює навпаки: зображення лишається як є, а Скляний кант кладе поверх нього скляні пластини (форма Панелі), і фото крізь них матове й заломлене. На слові немає тіні під обʼєктом — замість неї під літерами лежить Тінь на землі, тож скляне слово стоїть на сторінці. Для тонованого скла візьміть у кроці «Скляний кант» Відтінок із фото, Сила відтінку — 10–20 %, а текст на пластині тримайте білим або дуже темним.

Запитання

Це те саме, що рідке скло Apple?

Ідея та сама: товсте прозоре тіло, що збільшує й заломлює те, що позаду, край, який ловить світло з одного боку й темніє з другого, і мʼяка тінь під ним. Це статичний вигляд для постерів і дописів, а не рухомий матеріал інтерфейсу, і кожна його частина — повзунок, який можна змінити.

Чому моє скло виглядає пласким?

Скло фону показує лише те, що позаду обʼєкта. На порожньому чи однотонному тлі нічого заломлювати чи збільшувати, тож скло видно лише з канта й тіні. Перенесіть його на фото, градієнт чи інші фігури або збільште «Товщину» й «Відблиск» у кроці «Скло фону».

Чи працює це з текстом?

Так. На слові мікс заломлює зображення позаду кожної літери, освітлює краї літер і кладе під них тінь на землі, а слова лишаються редагованими. Найбільше місця склу дають жирні округлі шрифти; у тонкого шрифту замало тіла, щоб щось заломити.

Чим це відрізняється від міксу «Рідке скло»?

Старіший мікс «Рідке скло» — це рифлене скло, що розрізає зображення на смужки. Гласморфізм — один товстий гладкий шматок скла, що збільшує те, що позаду, й освітлює свій край, — вигляд 2025 року.