13 подписчиков

Эффект матового стекла в Photoshop

22 июня 202222 июн 2022

1096

1 мин

Шаг 1 Создаём новый документ размером 1080×1080рх Шаг 2 Создаём в центре документа эллипс любого цвета. Шаг 3 Через двойной клик по слою вызываем панель стилей слоя и задаём градиент. Шаг 4 Поверх эллипса создаём прямоугольник со скругленными углами более крупного размера. У нас получился радиус скругления 60рх. Ваш радиус скругления будет зависеть от изначального размера документа. Шаг 5 Убираем заливку у прямоугольника до 0. Шаг 6 Задаём прямоугольнику градиент через стили слоя. От белого 40% к белому 0%, непрозрачность 50%, угол падения — 54, вид — линейный. Шаг 7 Создаём копию эллипса и перемещаем ее наверх в панели слоёв. Шаг 8 Преобразуем новорождённый эллипс в смарт-объект (правый клик по слою → преобразовать в смарт-объект). Шаг 9 Скрываем нижний эллипс, закрывая «глазик» у его слоя на панели слоёв. Шаг 10 Переходим во вкладку Фильтр → Размытие → Размытие по Гауссу. Шаг 11 У нас получилось 26,3%. Радиус и глубина размытия будут зависеть от изначального размера вашего документа

Оглавление

Шаг 1
Шаг 2
Шаг 3

Шаг 1

Создаём новый документ размером 1080×1080рх

Шаг 2

Создаём в центре документа эллипс любого цвета.

Шаг 3

Через двойной клик по слою вызываем панель стилей слоя и задаём градиент.

Шаг 4

Поверх эллипса создаём прямоугольник со скругленными углами более крупного размера. У нас получился радиус скругления 60рх. Ваш радиус скругления будет зависеть от изначального размера документа.

Шаг 5

Убираем заливку у прямоугольника до 0.

Шаг 6

Задаём прямоугольнику градиент через стили слоя. От белого 40% к белому 0%, непрозрачность 50%, угол падения — 54, вид — линейный.

Шаг 7

Создаём копию эллипса и перемещаем ее наверх в панели слоёв.

Шаг 8

Преобразуем новорождённый эллипс в смарт-объект (правый клик по слою → преобразовать в смарт-объект).

Шаг 9

Скрываем нижний эллипс, закрывая «глазик» у его слоя на панели слоёв.

Шаг 10

Переходим во вкладку Фильтр → Размытие → Размытие по Гауссу.

Шаг 11

У нас получилось 26,3%. Радиус и глубина размытия будут зависеть от изначального размера вашего документа и самого эллипса. Постарайтесь отыскать корректное значение — не слишком большое и не слишком маленькое. Похожее на то, как если бы вы пытались рассмотреть что-либо через запотевшее стекло.

Шаг 12

Стоя на слое с размытым эллипсом, зажимаем Ctrl и кликаем мышкой по миниатюре слоя с прямоугольником, появится выделенная область по форме прямоугольника.

Шаг 13

Добавляем маску слоя эллипсу по выделенной области (серый прямоугольник с чёрным кружочком в самой нижней части панели слоёв).

Шаг 14

Через стили слоя задаем прямоугольнику тонкую белую обводку, градиент от белого 100% к белому 20%.

Шаг 15

Можно добавить шум, значение в диапазоне 2-5% (вкладка Фильтры → Шум → Добавить шум)

Шаг 16

Добавляем текст/иконки/любую информацию, не забывая о том, что стилистика минималистичная и воздушная. Режим наложения этих элементов меняем на Перекрытие.

Шаг 17

Готово. Наслаждаемся результатом своей работы)

можно еще добавить фон Или продублировать фон вместо эллипса, чтобы подчеркнуть матовость)

Итог:На учились делать эффект матового стекла.

Буду рад подписки на канал)

#эффект матового стекла #фотошоп #эффект в фотошопе #эффект в Photoshop #Photoshop #уроки #уроки по фотошоп #курсы по фотошоп #курсы по Photoshop #дизайн в фотошопе