Создаем эффект стекла в Photoshop

Создаем эффект стекла в Photoshop

Функционал программы Adobe Photoshop позволяет с легкостью имитировать любые объекты и матеры, правда, при условии, что вы хорошо разбираетесь в функционале программы. К имитации стекла часто прибегают с целью создать интересный фотоэффект на пейзажах или эффектно перекрыть какую-то часть изображения. Также данный эффект может применяться для создания красивых фотографий с отражением лица в стекле, однако в контексте данной статьи мы рассмотрим, как можно именно создать эффект стекла без отражения чего-либо в нем.

  1. Как сделать имитацию стекла в Adobe Photoshop
  2. Наложение матового стекла
  3. Обычное стекло
  4. Эффект линзы

Как сделать имитацию стекла в Adobe Photoshop

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

Далее рассмотрим несколько вариантов наложения.

Наложение матового стекла

В матовом стекле искажения минимальны, но при этом изображение становится слегка размытым, немного темнее и на нем появляется рябь. Давайте попробуем добиться такового эффекта:

  1. Откройте изображение, над которым будете проводить манипуляции в рабочей области программы. Сделать это можно просто перенеся его из обычного «Проводника» Windows. Если у вас появится предупреждение о несоответствии цветового профиля, то просто жмите «Ок». Менять ничего не нужно.
  2. Изображение появится на панели со слоями в качестве фонового слоя. Вам требуется продублировать данный слой, воспользовавшись сочетанием клавиш Ctrl+J или кликнув правой кнопкой мыши по миниатюре слоя и выбрав из контекстного меню вариант «Создать дубликат слоя».

Теперь нужно определиться, вы планируете применить эффект ко всей области или только ее части. В нашем случае мы не будет накладывать эффект на все изображение, а только на некоторую его часть. Выделить эту часть с помощью инструмента «Прямоугольник», нарисовав на изображении одноименную фигуру. Цвет фигуры можно выбрать любой, но желательно отключить у нее обводку.

Поместите слой с данной фигурой под слой с названием «Фон». Выделите дубликат фонового слоя, который мы делали во втором шаге. Воспользуйтесь сочетанием клавиш Ctrl+Shift+G. Таким образом вы создадите у данного слоя маску в виде фигуры.

  • Выделите слой с фигурой и кликните по нему пару раз, чтобы открыть панель с настройками слоя.
  • В открывшейся панели с настройками поставьте галочку напротив пункта «Тиснение», что расположен в левом меню. В настройках самого стиля поставьте у пункта «Метод» значение «Мягкая огранка», а размер установите примерно на 5-10 пикселей.

  • Чтобы сделать имитацию бликов в стекле, поставьте галочку напротив пункта «Внутреннее свечение». Обратите внимание, чтобы стояли следующие параметры:
    • «Режим наложения» должен иметь значение «Экран»;
    • «Непрозрачность» около 40-50%;
    • «Шум» примерно 10%;
    • «Размер» поставьте примерно на 150-200 пикселей.

  • Для придания еще большей реалистичности фигуре можно добавить тени. Чтобы сделать это, отметьте соответствующий пункт в левом меню галочкой. Настройки тени задайте произвольно, как вам больше нравится.
  • Можно чуть затемнить наше стекло, показав его плотность. Переключитесь в левом меню в раздел настроек «Тиснение» и задайте в блоке «Затемнение» какой-нибудь темный цвет, установив параметры непрозрачности где-то на 50%. Примените настройки, нажав на кнопку «Ок».
  • В качестве завершающего штриха сделайте стекло немного более мутным. Откройте раздел «Фильтр» в верхнем меню и переключитесь на «Размытие», а затем выберите «Размытие по Гауссу».

  • Настройте радиус размытия на приемлемое значение. Чем больше вы его сделаете, тем более мутным будет изображение за стеклом.
  • Обычное стекло

    Если вам требуется обычное, незамутненное стекло, то действуйте по следующей инструкции:

    1. Повторите обязательно первые четыре шага, если вам нужно наложить эффект не на всю картинку, а только на определенную часть. В панели слоев выделите верхний слой.
    2. Откройте меню с фильтрами, кликнув по одноименной кнопки в верхней части интерфейса. Из выпавшего списка выберите «Галерея фильтров».

  • Появится окошко со списком доступных эффектов. Раскройте группу «Искажение» и выберите там «Стекло».
  • В правой части находятся настройки выбранного фильтра. Для достижения более похожего на обычное стекло эффекта поставьте в поле «Текстура» значение «Изморозь». Дополнительно можете поиграться с другими параметрами, чтобы посмотреть как будет выглядеть стекло при разных настройках.

    Нажмите «Ок» для полного применения настроек.

    Эффект линзы

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

    1. Лучше всего демонстрировать данный эффект на эллипсе. Вместо квадрата просто создайте эллипс. Для сохранения пропорций во время создания фигуры зажмите клавишу Shift.
    2. Перейдите на верхний слой в панели слоев. Затем нажимаем клавишу CTRL и кликаем по миниатюре слоя с кругом, загружая выделенную область.
    3. С помощью сочетания клавиш Ctrl+J сделайте копию основного слоя и привяжите ее к ниже лежащему. Это можно сделать, зажав клавишу ALTи кликнув по границе слоя.
    4. Осталось только задать искажение для картинки. Это можно сделать с помощью фильтра «Пластика». Раскройте панель с фильтрами, кликнув по одноименному пункту верхнего меню. Из выпавшего списка выберите «Пластика».

  • Запустится окошко с настройками фильтра. Обратите внимание, что там есть несколько инструментов, с помощью которых можно воздействовать на изображение. В нашем случае нужно выбрать инструмент «Вздутие». Он отмечен на скриншоте.
  • В правой панели находятся настройки. Здесь размер кисти инструмента нужно подогнать примерно под размер окружности.
  • Пару раз кликните по центру изображения. Чем сильнее вы хотите получить эффект, тем чаще кликайте по изображению, однако старайтесь целится в одну точку.

  • Чтобы эффект линзы был более полноценным, сделайте так, чтобы изображение внутри нее было увеличено. Находясь на верхнем слое воспользуйтесь сочетанием клавиш Ctrl+T.
  • Возьмитесь за манипуляторы, что появились по краям изображения и потяните их, растягивая картинку. В новых версиях Photoshop при трансформировании пропорции сохраняются автоматически. Если вам нужно, чтобы круг трансформировался равномерно из центра, то зажмите клавишу Alt.
  • Мы рассмотрели основные варианты наложения эффекта стекла в Photoshop. Сохраните готовое изображение в виде PSD-файла, чтобы при необходимости можно было быстро вернуться к редактированию и/или задействовать наработки из файла в других своих проектах.

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

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

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

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

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

    1. Открываем в программе исходное изображение – виды Нью-Йорка.
    2. Создаем копию фона исходного изображения, используя сочетание клавиш CTRL+J.

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

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

    1. Выбрав нужный слой (самый верхний в нашем примере), заходим в меню “Фильтр” , где выбираем пункт “Галерея фильтров”.
    2. В открывшемся окне настроек раскрываем категорию “Искажение”, где кликаем по варианту “Стекло”. Выбираем текстуру, в нашем случае пусть это будет “Изморозь”. При необходимости, регулируем настройки степени искажения и смягчения текстуры. После выполненных настроек щелкаем кнопку ОК.
    3. Получаем следующий результат:

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

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

    1. Снова открываем исходное изображение.
    2. В отличие от первого метода, вместо прямоугольника выбираем инструмент “Эллипс”.Затем создаем эллипс нужного размера (если при этом удерживать нажатой клавишу Shift, то эллипс будет растягиваться симметрично, образуя правильную окружность). После этого повторяем шаги 5-13, описанные в Методе 1.
    3. Удерживая нажатой клавишу Ctrl на клавиатуре кликаем левой кнопкой мыши по миниатюре слоя “Эллипс 1″ в редакторе слоев. Это действие позволит выделить фигуру .
    4. В редакторе слоев выбираем Слой 1. И создаем его копию, при помощи сочетания клавиш Ctrl+J.
    5. Привязываем новый слой к расположенному ниже, используя зажатую клавишу Alt и клик по границе слоев.
    6. Для создания эффекта линзы используем фильтр “Пластика” (меню “Фильтр”).
    7. В открывшемся окне настроек фильтра выбираем в левой боковой панели инструмент “Вздутие”.
    8. Выравниваем размер круга изображения и границ фильтра.
    9. Наводим область фильтра на круг изображения и кликаем несколько раз до достижения требуемого эффекта линзы. Жмем ОК.
    10. Проверяем достигнутый результат.
    11. Для большей достоверности, придаем линзе эффект увеличения. Для этого переводим слой в режим свободной трансформации при помощи комбинации клавиш Ctrl+T.
    12. Растягиваем картинку, потянув за любой уголок области выделения.Примечание: Комбинация клавиш Shift+Alt, удерживаемая при растягивании, позволит увеличить размер изображение равномерно и пропорционально во все стороны, начиная от центра.
    13. А вот и готовый результат создания эффекта линзы в Фотошопе.

    Заключение

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

    Как создать эффект стекла

    В этом уроке я покажу как можно самостоятельно создать эффект стекла. Результат похож на графику применяемую в Windows Vista .

    Думаю урок пригодится для создания логотипа или значка/иконки. Урок, конечно, достаточно старый, но я предлагаю вам скачать мой готовый PSD файл. Вам останется только изменить фон и поиграть немного ползунками настроек, чтобы подстроить шаблон под свои потребности.

    Рекомендую посмотреть стиль слоя с эффектом прозрачного стекла. Думаю они идеально дополняют друг друга!

    Итак, стекло должно получится вот так:

    Выбираем и открываем любое изображение. В нашем примере это – часть всем хорошо известных обоев на рабочий стол от Windows XP.

    С помощь комбинации клавиш Shift+U, или инструмента с боковой панели Rounded Rectangle Tool рисуем поверх выбранной картинки вот такой синий (#2E69FF) прямоугольник. Образовавшийся слой переименовываем в «shape».

    Дважды щелкаем по переименованному слою в списке слоев и в открывшемся окне «Layer Style» выставляем следующие настройки:

    В подменю Drop Shadow (Тень):

    • Size = 13 px (Размер = 13 пикселей).

    В подменю Inner Glow (Внутреннее свечение):

    • Blend Mode = Color Dodge (Режим наложения = Осветление);
    • Opacity (Непрозрачность) = 30%;
    • Color = White (Цвет = белый);
    • Size = 45 px(Размер = 45 пикселей).

    В подменю Stroke (Обводка):

    • Size = 1 px (Размер = 1 пиксель);
    • Color = black (Цвет = черный).

    В списке слоев (Layers) выставляем заливку (Fill) слоя, содержащего прямоугольник, на 20%.

    Шаг 5 Создаем новый слой и называем его «left highlight».

    С помощью инструмента «Elliptical Marquee tool» (Овальная область), рисуем эллипс, размещаем примерно также, как на рисунке, и заливаем его белым цветом.

    Выбираем слой «left highlight» и, удерживая Ctrl, щелкаем левой кнопкой мыши по иконке слоя «shape». После чего при помощи комбинации клавиш (Ctrl+Shift+I) инвертируем выделение. Затем жмём Delete и получаем картину, примерно как на рисунке.

    Снимаем выделение комбинацией «Ctrl + D». На слой «left highlight» накладываем маску: Layer > Layer Mask > Reveal All (Слои > Слой-маска > Показать все). Выбираем маску в панели слоев, щелкнув на нее, и сбрасываем цвета (D). Выбираем Gradient Tool (градиент), выставив его в режим Linear Gradient (линейный градиент). Проверим, что по цветам он переходит от белого к черному, и, удерживая shift, растянем от правого края холста к середине. Если правая фигура на слое «left highlight» стала частично прозрачной, значит, у нас получилась градиентная маска.

    Над фоновым слоем создадим новый и назовем его “Lens Glow”. Зажав Ctrl, левой кнопкой мыши щелкаем по слою «shape» и заливаем выделение черным цветом. Снимаем выделение с помощью Ctrl + D. Затем в меню Filter > Render > Lens Flare (Фильтры > Рендеринг > Блик) выбираем пункт «Movie Prime» (Начало ролика) и выставляем яркость примерно на 140.

    Зажав Alt, щелкаем левой кнопкой мыши между базовым слоем и «Lens Glow». Должна получиться примерно такая картина:

    Применяем на слое «Lens Glow» Blending mode: screen (Режим наложения — Экран). Как создать эффект стекла

    Как сделать прозрачное стекло в Adobe Photoshop.

    Создадим в Adobe Photoshop CC прозрачное стекло.

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

    В конце урока получим такой результат:

    Откроем фото с бокалом, которое будем обрабатывать, а в качестве фона будем использовать цветную зебру и рисунок с аллеей из деревьев:

    Скроем слои фона и выделим бокал с помощью инструмента «Волшебная палочка»:

    Удаляем фон слоя с бокалом с помощью клавиши Del. Обращаю Ваше внимание, что слой с бокалом при этом должен быть обязательно разблокирован (справа должен отсутствовать значок замка). Делаем видимыми все слои:

    Переходим на вкладку каналы и делаем копию синего канала:

    Остаемся на копии синего канала. Выбираем команду Изображение > Внешний канал:

    Выставляем следующие параметры:

    — источником должно служить исходное изображение;

    — в качестве канала – копия синего канала;

    — способ наложения – умножение;

    Снова выбираем команду Изображение > Внешний канал:

    Оставляем параметры как на предыдущем шаге. Единственное, непрозрачность выставляем на 100%:

    Итак, мы применили дважды команду «Внешний канал».

    Далее в правом нижнем углу программы фотошопа нажмите кнопку «Загрузить содержимое канала как выделенную область» для создания будущей маски:

    В результате мы получим такое выделение:

    Инвертируем полученное выделение с помощью комбинации клавиш Shift+Ctrl+I:

    Переходим на вкладку «Слои», выделяем слой с нашим бокалом и создаем маску нашего слоя, кликая по иконке «Маска»:

    Подключаем слои с фоном:

    Итак, бокал стал прозрачным. Но есть один изъян. На краю бокала имеются серые оттенки. Наша задача – их уменьшить.

    Добавляем корректирующий слой Уровни. Передвигаем маркеры средних и светлых тонов влево. Ориентируйтесь по фотографии, главная задача – это убрать серые оттенки.

    Для того, чтобы воздействие слоя Уровни влияло только на бокал и не изменяло фон, создадим обтравочную маску. Кликните левой клавишей мыши между слоем с бокалом и слоем Уровни с нажатой клавишей Alt. В результате появится стрелочка, символизирующая о создании обтравочной маски:

    Вот мы и подошли к концу урока и получаем такой результат:

    Как создать текстуру стекла

    В этом коротком и простом уроке я расскажу, как за пару минут, используя штатные фильтры Photoshop создать текстуру стекла.

    Выполнение урока под силу даже самому начинающему пользователю и займёт несколько минут, а результат получится весьма интересным.

    Здесь я использую версию Photoshop CC, но подойдут и версии ниже, начиная от CS2.

    Посмотрите на готовый результат:

    Создаём новый документ в Photoshop размером 640 на 480 пикселей, но можно выбрать и собственный размер документа, меньше или больше.

    В панели инструментов, на цветовой палитре, задаём основной цвет грязно-голубой (#6EDBFF), а фоновый цвет – чёрный (#000000).

    Идём по вкладке главного меню Фильтр –> Рендеринг –> Облака (Filter –> Render –> Clouds). Получаем примерно такую картину:

    Теперь мы будем применять фильтры из галереи фильтров.

    Идём по вкладке главного меню Фильтр –> Галерея фильтров –> Имитация –> Целлофановая упаковка (Filter –> Filter Gallery –> Artistic –> Plastic Wrap) и задаём следующие настройки:

    Подсветка (Highlight strength) = 10
    Детализация (Detail) = 5
    Смягчение (Smoothness) = 3

    Используем второй фильтр. Идём Фильтр –> Галерея фильтров –> Искажение –> Стекло (Filter –> Filter Gallery –> Distort –> Glass)

    Искажение (Distortion) = 10
    Смягчение (Smoothness) = 3
    Текстура (Texture) = Маленькие линзы (Tiny Lens)
    Масштаб (Scaling) = 125%

    На этом все. Готовый результат показан вверху статьи.

    Небольшое дополнение. В фильтре “Стекло”, в опции Текстура, вместо настройки “Маленькие линзы” можно выбрать другую, например, “Блоки” (Block). В этом случае у нас получится другой, не менее интересный результат:

    И не забывайте, что настройки “Искажение” и “Масштаб” подбираются по вкусу и зависят от размера документа.

    Кроме того, для того, чтобы сделать текстуру стекла более светлой и блестящей. дублируйте слой, нажав Ctrl+J, измените режим наложения на “Экран” (Screen) и уменьшите непрозрачность по вкусу.

    Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение “Фонарик” для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

    Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

    Заранее благодарен, Дмитрий.

    QR-код для установки:

    Если Вам понравился материал, скажите свое “спасибо”, поделитесь ссылками с друзьями в социальных сетях! Спасибо!