В этом примере мы добавляем к изображению слой стеклянной пластины со спецэффектами. Действия на самом деле очень простые. Вообще говоря, мы просто настраиваем параметры стиля слоя. Зеленое сердечко на картинке указывает на часть, которую необходимо настроить.
1: С помощью Photoshop откройте понравившуюся картинку. Выбираем логотип Apple.
Нажмите кнопку формы на левой панели инструментов, как показано на рисунке.
2: Верхняя строка состояния настроена следующим образом.
Три фигуры слева обозначают путь + заливку, путь и заливку соответственно. Мы используем только заливку и выбираем скругленный прямоугольник с радиусом 4. Чем больше радиус, тем больше можно сделать скругленную дугу. прямоугольный прямоугольник без закругленных углов Лично я считаю, что небольшая кривизна более естественна.
3. Откройте прозрачный слой, выберите белый цвет в качестве цвета переднего плана и перетащите закругленный прямоугольник (на самом деле подойдет любой цвет, потому что этот цвет должен стать прозрачным, но он включает в себя градиент цвета переднего плана, поэтому вот он: Используйте белый цвет). ).
4: Установите атрибут заливки слоя прямоугольника на 0%. В настоящее время прямоугольник не виден (регулировка непрозрачности выше сделает стиль прозрачным, а заливка повлияет только на основной цвет заливки).
5: Дважды щелкните уже прозрачный слой прямоугольника, и появится окно выбора для настройки стиля. Нам нужно только четыре из них. См. скриншоты настроек отдельно. Сначала отрегулируйте проекцию. Вы можете установить ее, как у меня, или сделать ее темнее или светлее. Не беспокойтесь о качестве.)
6: Отрегулируйте внутреннее свечение (на самом деле, вы также можете просто обвести белый край стекла, но я думаю, что край слишком тонкий, поэтому здесь мы используем внутреннее свечение, чтобы сначала добиться эффекта обводки, а опция обводки — используется для выделения).
7: Сделайте наложение градиента, чтобы добиться отражающего эффекта стеклянной панели (здесь мы используем прозрачный градиент с обеих сторон с белым посередине, см. рисунок ниже, если вы не знаете, как его установить).
8: Дважды щелкните полосу градиента и выберите второй вид (этот вид представляет собой переход от цвета переднего плана к прозрачному, поскольку раньше мы использовали белый цвет переднего плана, поэтому здесь он от белого к прозрачному).
9: После выбора появится редактор градиентов. Щелкните мышью в середине полосы градиента, и появится метка черного цвета, похожая на метку в зеленом поле слева. Конечно, цвет, показанный ниже, — белый. После выбора того, что находится в крайнем левом зеленом поле. Черная цветовая шкала устанавливает прозрачность на 0%, а цветовая шкала становится белой (поэтому мы знаем, что черная цветовая шкала представляет собой полную непрозрачность, а белая цветовая шкала представляет прозрачность).
10: Настройка будет выглядеть так: ок, ок (не забудьте выполнить шаг 7 и настроить общую прозрачность после установки градиента).
11: Сделайте последнюю настройку стиля, обводку и установите ее следующим образом (здесь для обводки также необходимо использовать прозрачный градиент с белым цветом посередине и только что созданными обеими сторонами. Цель — добиться выделения края. Ленивые товарищи) не могу использовать внутреннее свечение, просто нарисуйте здесь белую рамку толщиной в 1 пиксель, а затем отрегулируйте прозрачность. Это работает, но стекло кажется слишком тонким. В любом случае, я предпочитаю этот немного более хлопотный метод).
12: После настройки всех четырех параметров нажмите «ОК» для завершения. Если на этом этапе вы сделаете только стеклянную панель, все будет в порядке, и вы можете сохранить ее как прозрачный png. Если мы хотим, чтобы объект оставался неподвижным на фоне, мы также можем создать на нем эффект преломления, как показано на рисунке ниже.
13. Выберите фоновый слой (прямоугольный слой, который вы только что отредактировали), перетащите рамку выделения размером со стекло на фоновый слой, выберите «Изображение» — «Коррекция» — «Цветовой тон/Насыщенность» и немного увеличьте насыщенность, например +20. Яркость также можно отрегулировать соответствующим образом, ведь цвет фона, отраженный из-под стекла, всегда будет немного светлее и ярче исходного цвета. Не стоит слишком сильно регулировать контрастность, так как это будет неестественно.
14: Я немного увеличил насыщенность, и вот как это выглядит в итоге. По сути, оно все еще выглядит как стекло, верно?
Резюме: На самом деле параметры стиля не являются абсолютно неизменяемыми. Вы можете настроить место отражения света, угол отражения, четкость отраженного белого и т. д., потому что при его настройке картинка будет меняться. и эффект вы увидите сами, не копируйте слепо все приведенные параметры и посмотрите, как они выглядят после их настройки. Внимательно наблюдайте, как меняется картинка каждый раз, когда вы ее настраиваете, только тогда вы поймете принцип.