Профессиональные эффекты Glassmorphism с подробным туториалом.
⚠️ Остерегайтесь "простых" произведений искусства
Эффект стекла будет заметен до тех пор, пока рисунок — или, точнее, часть рисунка, на которую воздействует стекло, — имеет изменения текстуры и контраста.
Очень мягкие градиенты или большие участки изображения, заполненные только одним цветом, с незначительными или вообще без заметных изменений текстуры или контраста, будут выглядеть так, как будто фильтр Glass вообще не применялся, независимо от настроек.
Вот как работает эффект стекла в Photoshop, который является как преднамеренным, так и непреднамеренным.
Если вы внимательно посмотрите через настоящее стекло, вы увидите, что при наличии различных контрастов и текстур на заднем плане вы заметите эффект стекла на нем.
Однако на самом деле стекло также отражает свет, поступающий из различных направлений в трехмерном пространстве. К сожалению, это невозможно в Photoshop.
Тем не менее, мы можем "подделать" световые отражения и тени, используя некоторые дополнительные эффекты. Папка слоев > SHAPES & EXTRA EFFECTS HERE <
будет полезна для выполнения этой задачи. Подробнее об этом позже.
☁️ Когда включать размытие по Гауссу
Это связано с предыдущей темой.
Размытие по Гауссу намеренно размывает изображение за стеклом. Он наносится перед стеклянным фильтром.
Чем больше применяется размытие по Гауссу, тем меньше текстура и контраст будут доступны для стеклянного фильтра. В результате это сделает эффект стекла менее заметным в целом.
Итак, зачем вообще применять размытие по Гауссу, если это наносит ущерб эффекту стекла?
Нет фильтров — / Стеклянный фильтр — / Размытие по Гауссу + Стеклянный фильтр
Для некоторых текстур стекла и отдельных произведений искусства отсутствие размытия по Гауссу сделает весь эффект очень, очень преувеличенным.В этих сценариях эффект вообще не будет похож на glass.
В таких случаях соответствующее размытие по Гауссу творит чудеса.
Нет фильтров — / Стеклянный фильтр — / Размытие по Гауссу + Стеклянный фильтр
Иногда желательно полностью отключить размытие по Гауссу, чтобы рисунок выглядел потрясающе.
Единственный способ узнать это - просто попробовать. С практикой вы лучше поймете и приобретете способность предвидеть, что хорошо работает в определенных ситуациях.
🪟 Окно стеклянного фильтра
Искажение: насколько выраженным будет эффект. Подумайте об этом как о том, насколько "толстым" или "трехмерным" будет стекло или эффект поверх рисунка.
Гладкость: размывает текстуру стекла. Некоторые из них должны иметь плавность для работы вообще, напримерstripe-2
, из glass_geometric , а некоторые работают лучше со значением 1.
Текстура: выберите тип текстуры стекла, который вы хотите. Photoshop поставляется с 4 текстурами: Frosted
, Tiny Lens
, Blocks
, и Canvas
. Чтобы загрузить пользовательскую текстуру, щелкните значок меню справа.
Масштабирование: масштаб текстуры. Он увеличивается с 50% до 200%. Иногда требуется превысить или снизить ограничение, установленное Adobe. Чтобы смягчить эту проблему, текстуры стекла, созданные на заказ martyr, представлены в разных масштабах, обозначенных в их именах файлов.
Инвертировать: каждая текстура стекла содержит информацию о высоте — аналогично тому, как работают карты рельефа, — что позволяет Photoshop вносить необходимые искажения в изображение.
Эта опция инвертирует эту информацию о высоте, делая эффект таким, как будто он находится на противоположной стороне стекла или даже полностью изменяя визуальные эффекты для некоторых текстур.
Укладка текстур стекла
В нижней части окна фильтра стекла вы можете добавлять или удалять слои фильтров.
Для некоторых пользовательских текстур стекла добавление слоя с похожей текстурой или той же текстурой с различными значениями масштабирования и искажения может привести к появлению интересных визуальных опций в таблице.
Как и в случае с системой слоев в документе Photoshop, порядок слоев имеет значение. Верхний слой будет работать с изображением, созданным нижним.
Слишком много слоев может повлиять на производительность и увеличить время обработки.
📷 Разрешение повлияет на качество и масштабирование стеклянного фильтра
Как следует из названия, разрешение документа влияет на масштабирование и качество фильтра. Чем больше разрешение, тем лучше качество стекла.
Однако происходят две важные вещи:
- Время рендеринга будет изменяться по мере увеличения разрешения. Очень высокое разрешение — от 25 мегапикселей или 5000x5000 пикселей — может серьезно увеличить время обработки и создать большую нагрузку на ваш компьютер в определенных конфигурациях.
- Масштабирование зависит от разрешения, и текстуры стекла потенциально могут выглядеть меньше, чем предполагалось в больших документах.
Если это так, лучшей рекомендацией было бы работать с "управляемым" разрешением документа, чтобы смягчить обе проблемы.
В качестве альтернативы вы можете вручную масштабировать каждую текстуру стекла вручную, учитывая, что они представляют собой PSD-файлы. Это позволит вам работать в более высоких разрешениях. Откройте их в Photoshop и увеличьте их разрешение, перейдя в Image
→ Image Size
.
🔃 Обновление обложки под стеклом
Из-за того, как работают фильтры, если вы измените внешний вид визуальных элементов за стеклом, они не будут отражаться в стекле, и оно все равно будет выглядеть так же.
Если вы внесли изменения, вам придется вручную обновить обложку. Я предлагаю следующий метод:
- Скройте все эффекты стекла и оставьте холст с элементами и активными слоями, которые должны появиться за стеклом
- Выделите весь холст с помощью
Rectangular Marquee Tool
- Перейти к
Image
→ Copy Merged
- Разблокируйте слой
Glass Effect > CHANGE SETTINGS HERE
, нажав на значок замка справа, и откройте его, дважды щелкнув значок интеллектуального слоя слева.
- В открывшемся документе, который является интеллектуальным слоем, вставьте новый слой поверх предыдущего. Вы можете удалить старый, если хотите.
- Сохраните это
- Закройте документ или перейдите к основному документу.
Шаг 4
🎆 Дополнительные эффекты
> SHAPES & EXTRA EFFECTS HERE <
После завершения действия в папке слоев будут включены некоторые эффекты. Они используются, чтобы придать стеклу более реалистичный вид, придав ему границы, немного свечения и теней.
Вы можете включать, отключать, добавлять дополнительные эффекты или редактировать их по своему усмотрению, и это поощряется.
Никаких дополнительных эффектов. Много слоев стекла в полоску-1.
Дополнительные эффекты включены. Много слоев стекла в полоску-1.
В этом руководстве не будет вдаваться в подробности того, что делает каждая из конкретных опций в этих эффектах. В Интернете доступно много информации, подробно описывающей эффекты слоев.
Или вы можете просто поиграть с различными вариантами и посмотреть, что они делают. Это путь мученика :)