Similar presentations:
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.
Спасибо завнимание