MyPs Уроки Фотошопа Инструменты Полезно Эффекты Работа с текстом Работа с фото Решение проблем Фоны Кисти Рамки Фотошоп Online

Создание эффекта стекла в Фотошопе

При помощи инструментов, встроенных в графический редактор Photoshop, можно создать достоверные имитации разных материалов или явлений. Это может быть стеклянная или тканевая поверхность, эффекты состаривания или омоложения, а также различные природные явления. В этой статье мы опишем механизм и различные методы создания эффекта стекла.

Сразу оговоримся – это будет именно имитация стеклянной поверхности, созданная инструментами и фильтрами Фотошоп, и ее реалистичность в сравнении с фотографией настоящего стекла будет относительной. Однако при умелом использовании рекомендаций, содержащихся в статье, можно получить достаточно качественный результат.

Метод 1: эффект матового стекла

Эффект матового стекла создается в несколько этапов.

  1. Открываем в программе исходное изображение – виды Нью-Йорка.
    img/2019/08/effect-stekla-1.png 768x512
  2. Создаем копию фона исходного изображения, используя сочетание клавиш CTRL+J.
    img/2019/08/effect-stekla-2.png 800x257
  3. Далее в боковой панели инструментов слева выбираем инструмент “Прямоугольник”.
    img/2019/08/effect-stekla-3.png 369x120
  4. Удерживая левую кнопку мыши создаем фигуру, масштабируя ее в зависимости от того, какую часть изображения мы хотим выделить при помощи эффекта стекла. Основной цвет заливки фигуры в данном случае не играет роли, можно оставить его белым.
    img/2019/08/effect-stekla-4.png 762x507
  5. После этого перетаскиваем новый слой “Прямоугольник 1” ниже “Слоя 1″ в Палитре слоев.
  6. Удерживая клавишу Alt на клавиатуре, наводим курсор на границу двух верхних слоев и кликаем на нее, таким образом создав обтравочную маску. Это означает, что теперь верхний слой будет отображаться только в границах нарисованного прямоугольника. Сейчас фигура (Прямоугольник 1) видна только за счет тонкой границы обрамления, и для более четкого выделения нужно поработать над ее свойствами.
    img/2019/08/effect-stekla-5.png 765x507
  7. Дважды кликаем по слою “Прямоугольник 1” в Редакторе слоев и переходим к управлению настройками его стиля. Выбираем пункт “Тиснение”, в качестве метода используем “Мягкую огранку”, выставляем размер тиснения и уровень его смягчения (например, 5 и 0 пикс., соответственно), жмем кнопку ОК.
    img/2019/08/effect-stekla-6.png 869x499
  8. Проверяем результат использования тиснения.
    img/2019/08/effect-stekla-7.png 765x507
  9. Вновь вызываем настройки стиля слоя и переходим к пункту “Внутренне свечение”. Выставляем параметры непрозрачности и шума, регулируем размер (можно ориентироваться на значения, указанные на скриншоте ниже: непрозрачность – 40%, шум – 10%, размер – 180 пикс.), после чего нажимаем ОК.
    img/2019/08/effect-stekla-8.png 869x499
  10. Проверяем результат использования настройки внутреннего свечения.
    img/2019/08/effect-stekla-9.png 762x507
  11. Для придания глубины и объема, используем стиль слоя “Тень” (снова для слоя Прямоугольник 1). Задаем смещение, размах и размер тени (можно ориентироваться на следующие значения: смещение – 0 пикс., размах – 0%, размер – 8 пикс.). По готовности жмем кнопку ОК.
    img/2019/08/effect-stekla-10.png 869x499
  12. Проверяем результат использования настройки тени.
    img/2019/08/effect-stekla-11.png 762x510
  13. После применения трех описанных выше настроек стиля, некоторые участки выделения изменили оттенок и перестали соответствовать цветовой гамме фона изображения. Чтобы это исправить, возвращаемся к настройкам тиснения и изменяем параметры цвета и непрозрачности тени (выбираем, к примеру, цвет темно-синий и непрозрачность – около 60%).
    img/2019/08/effect-stekla-12.png 869x499
  14. Проверяем результат корректировки параметров тиснения слоя.
    img/2019/08/effect-stekla-13.png 762x504
  15. Для придания эффекту эстетической и художественной составляющей, сделаем стекло более мутным при помощи фильтра “Размытие по Гауссу” (меню “Фильтр” – “Размытие” – “Размытие по Гауссу”), предварительно щелкнув в Палитре слоев по самому верхнему слою.
    img/2019/08/effect-stekla-14.png 771x744
  16. В появившемся окне настройки радиуса размытия регулируем размер в пикселях (например, 1,5 пикселя) для получения эффекта гладкого размытого изображения с сохранением основных его крупных деталей.
    img/2019/08/effect-stekla-15.png 765x507
  17. Получаем итоговое изображение, демонстрирующее эффект матового стекла.
    img/2019/08/effect-stekla-16.png 762x504

Метод 2: использование фильтра “Стекло”

Помимо метода, описанного выше, можно воспользоваться встроенными инструментами Фотошопа, среди которых присутствует одноименный фильтр под названием “Стекло”.

  1. Выбрав нужный слой (самый верхний в нашем примере), заходим в меню “Фильтр” , где выбираем пункт “Галерея фильтров”.
    img/2019/08/effect-stekla-17.png 295x415
  2. В открывшемся окне настроек раскрываем категорию “Искажение”, где кликаем по варианту “Стекло”.  Выбираем текстуру, в нашем случае пусть это будет “Изморозь”. При необходимости, регулируем настройки степени искажения и смягчения текстуры. После выполненных настроек щелкаем кнопку ОК.
    img/2019/08/effect-stekla-18.png 564x342
  3. Получаем следующий результат:
    img/2019/08/effect-stekla-19.png 759x507

Метод 3: эффект линзы

Еще один интересный эффект, который можно использовать при работе с имитациями стекла – эффект линзы. Давайте подробно рассмотрим процесс его создания.

  1. Снова открываем исходное изображение.
  2. В отличие от первого метода, вместо прямоугольника выбираем инструмент “Эллипс”.
    img/2019/08/effect-stekla-20.png 366x111
    Затем создаем эллипс нужного размера (если при этом удерживать нажатой клавишу Shift, то эллипс будет растягиваться симметрично, образуя правильную окружность). После этого повторяем шаги 5-13, описанные в Методе 1.
  3. Удерживая нажатой клавишу Ctrl на клавиатуре кликаем левой кнопкой мыши по миниатюре слоя “Эллипс 1″ в редакторе слоев. Это действие позволит выделить фигуру .
    img/2019/08/effect-stekla-21-1.png 765x507
  4. В редакторе слоев выбираем Слой 1. И создаем его копию, при помощи сочетания клавиш Ctrl+J.
  5. Привязываем новый слой к расположенному ниже, используя зажатую клавишу Alt и клик по границе слоев.
    img/2019/08/effect-stekla-22.png 765x507
  6. Для создания эффекта линзы используем фильтр “Пластика” (меню “Фильтр”).
    img/2019/08/effect-stekla-23.png 301x419
  7. В открывшемся окне настроек фильтра выбираем в левой боковой панели инструмент “Вздутие”.
    img/2019/08/effect-stekla-24-2.png 344x380
  8. Выравниваем размер круга изображения и границ фильтра.
    img/2019/08/effect-stekla-25-1.png 963x680
  9. Наводим область фильтра на круг изображения и кликаем несколько раз до достижения требуемого эффекта линзы. Жмем ОК.
    img/2019/08/effect-stekla-26-1.png 557x504
  10. Проверяем достигнутый результат.
    img/2019/08/effect-stekla-27.png 759x504
  11. Для большей достоверности, придаем линзе эффект увеличения. Для этого переводим слой в режим свободной трансформации при помощи комбинации клавиш Ctrl+T.
    img/2019/08/effect-stekla-28.png 800x257
  12. Растягиваем картинку, потянув за любой уголок области выделения.
    img/2019/08/effect-stekla-29-1.png 760x506
    Примечание: Комбинация клавиш Shift+Alt, удерживаемая при растягивании, позволит увеличить размер изображение равномерно и пропорционально во все стороны, начиная от центра.
  13. А вот и готовый результат создания эффекта линзы в Фотошопе.
    img/2019/08/effect-stekla-31.png 762x507

Заключение

Итак, мы только что рассмотрели основные методы, пользуясь которыми можно создать эффекта стекла в программе Фотошоп в различных вариациях. В зависимости от задач пользователя, их можно комбинировать, настраивая используемые инструменты на свое усмотрение, тем самым добиваясь максимально приближенного к реальному материалу результата.