Glassmorphism

1.

gLASSMORPHISM
Шаталова М.А ГД231/21/

2.

Сегодня мы с вами
научимся делать эффект
Glassmorphism.
И узнаем как можно его
применить в работе.

3.

Примеры использования эффекта

4.

Шаг 1
Для создания
иконки в данном
стиле нам
понадобится
фигура и фон.

5.

Шаг 2
Создаем новый слой и дублируем
туда фигуру и фон. При этом
блокируем нижний слой(синий).
Верхний слой (красный)
размываем с помощью фильтра
«Размытие по Гауссу» (
Gaussian blur).
Чтобы его найти заходим в
вкладку Эффект – размытие –
размытие по Гауссу (Effect –
blur - gaussian blur).
Размытие ставим по своему
вкусу, в моем случае это будет
52 пункта.

6.

Шаг 3
На новом слое
создаем белую
фигуру она и
станет нашим
матовым стеклом

7.

Шаг 4
Выделяем все объекты на
слое и щелкаем левой
кнопкой мышки по белому
объекту и нажимаем
«Создать обтравочную
маску» (Make clipping
mask)

8.

Шаг 5
Заходим в вкладку
«Effect» (Эффект) –
«Effect gallery» находим
эффект зерно и
выставляем значения по
вкусу.
После можно добавить
декоративные элементы и
все готово!

9.

Задание по теме
Создать дизайн интерфейса
мобильного приложения
«музыка». Используя эффект
Glassmorphism.
В файле должно быть две
монтажные области. Параметры
документа 1242 px на 2207 px.

10.

Спасибо за
внимание