Bugsp.ru

Ваша компьютерная помощь
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать эффект стекла в Фотошопе

Как сделать эффект стекла в фотошопе

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

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

Эффект стекла в фотошопе

Эффект аквариума фотошоп

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

Эффект стекла в photoshop

1. Подготовка фона и объекта

Для работы я взял женскую туфельку, которую мы будем превращать в стеклянную. Туфелька вырезанная с фона, я её просто нагуглил в png формате. Для начала зададим задний фон. Стеклянные объекты хорошо видны на тёмном фоне, поэтому я сделал вот такой градиент от тёмно-красного к светлому, ну и изобразил такой вот простой подиум инструментом «прямоугольник».

Эффект стекла в фотошопе

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

Эффект стекла в фотошопе

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

Эффект стекла в фотошопе

2. Наложение эффекта стекла на туфельку

Теперь, берем нашу копию и делаем из неё еще три копии, чтобы у нас было четыре слоя и пронумеруем их от одного до четырёх. Отключаем видимость первых трёх слоёв, кликая на значок глаза у каждого и будем работать с четвёртым слоем.

Эффект стекла в фотошопе

Кликаем по нему два раза левой кнопкой мыши и в открывшемся окне «Стиля слоя» включаем параметр «Тиснение». Здесь выставляем следующие настройки:

Эффект стекла в фотошопе

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

Эффект стекла в фотошопе

Для того, чтобы было чётко видно все черты объекта мы по верх основного слоя сделаем чёрную заливку. Выделим группу с фоном, кликаем по значку «Корректирующий слой», выбираем «Цвет», устанавливаем чёрный и нажимаем «Ок».

Эффект стекла в фотошопе

Далее нужно сделать полный образ объекта, т.е. наложить такое же тиснение, только уже сверху. Для этого мы используем слой номер 3, включаем его видимость и проделываем всё тоже самое, что и с четвёртым слоем, только меняем угол на противоположный, т.е. не -90 градусов, а 90 градусов.

Читайте так же:
Резервное копирование Windows (Виндовс) 10, как пользоваться

Эффект стекла в фотошопе

Когда мы подключаем тиснение к третьему слою, то видим, что все параметры, которые мы настраивали на предыдущем слое сохранились, остаётся только выставить противоположный угол. Мы прописываем угол «90» и нажимаем «Ок». И непрозрачность заливки данного слоя так же выставляем на ноль.

Эффект стекла в фотошопе

Переходим ко второму слою, его мы будем хромировать. Для начала сделаем его черно-белым. Выбираем в меню «Изображение» — «Коррекция» — «Черно-белое» и в открывшемся окне просто нажимаем «Ок».

Эффект стекла в фотошопе

Далее, переходим в «Фильтр» — «Галерея фильтров» и в разделе «Эскиз» ищем «Хром». Настройки тут опять выставляем на глаз, в зависимости от самого объекта, я выставил следующие настройки:

Эффект стекла в фотошопе

Выставим этому слою непрозрачность, примерно на 8%.

Эффект стекла в фотошопе

Ну и наконец-то переходим к первому слою. Как и второй слой, сначала его сделаем черно-белым и выставим непрозрачность слоя, примерно на 43%.

Теперь проделаем такой трюк: выделяем верхний — четвёртый слой, кликнув по нему левой клавишей мыши и нажимаем на клавиатуре комбинацию клавиш Ctrl + Alt + Shift + E. В результате, у нас все видимые слои объединились в один новый слой, при этом все старые слои не пострадали.

Эффект стекла в фотошопе

Теперь у всех этих старых слоёв отключаем видимость, выделяем их все и группируем в папку, кликнув на значок группирования.

Эффект стекла в фотошопе

Далее, на новый слой с черным фоном накладываем фильтр «Стекло». Переходим в верхнем меню в «Фильтр» — «Галерея фильтров» и в разделе «Искажение» выбираем «Стекло». Настраиваем параметры фильтра. «Искажение» поставим на ноль, иначе у нас получится кривая туфелька, «Смягчение» на 10, «Текстуру» — выставим — холст, «Масштаб» поставим примерно на середину — 125% и «Инверсию» оставим. Нажимаем «Ок».

Эффект стекла в фотошопе

Теперь, чтобы скрыть чёрный фон у данного слоя, устанавливаем ему параметр наложения «Экран». Получаем вот такой результат.

Эффект стекла в фотошопе

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

Эффект стекла в фотошопе

Накладываем его на этот слой с туфелькой, удерживая Alt наводим курсор между данными слоями до появления значка стрелочки и кликаем правой кнопкой мыши.

Эффект стекла в фотошопе

И устанавливаем данному слою параметр наложения «Экран».

Эффект стекла в фотошопе

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

Читайте так же:
Как создать точку восстановления Windows 7

3. Настройка контраста и резкости кривыми

Ну и последним штрихом, можно наложить на данный слой кривые и отрегулировать внешний вид, а так же наложить цвет и сделать его немного синиватым, под цвет стекла. Или любым другим цветом, стекло же бывает разного цвета.

Ккликаем по значку «Корректирующий слой» и выбираем «Кривые», накладываем корректирующий слой с туфелькой и с помощью кривой, на глаз, настраиваем нужный нам результат.

Эффект стекла в фотошопе

Просто ставим две точки и манипулируем ими до получения нужного результата. Меня устраивает вот такой результат.

Эффект стекла в фотошопе

4. Настройка оттенка кривыми

Ну и цвет, если нужно можно наложить, так же корректирующим слоем. Создаём корректирующий слой «Цветовой тон/Насыщенность», накладываем его поверх кривых, ставим галочку «Тонирование» и подстраиваем нужный нам оттенок, насыщенность и яркость. Я сделаю туфельку немного синеватой.

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

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

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

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

Kak_sozdat

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

Стандартные обои Windows XP

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

Risuem_sinij_kvadrat_s_zakruglennymi_krajami

Дважды щелкаем по переименованному слою в списке слоев и в открывшемся окне «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 (Цвет = черный).

Primenenie_nastroek_k_sloju

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

Mestonahozhdenie_nastrojki_zalivki_sloja

Neprozrachnost

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

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

Primennie_oval

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

Читайте так же:
Как увеличить громкость песни онлайн

Vyrezaem_lishnee_pri_pomoshhi_invertirovanija

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

Primenenie_gradientnoj_maski

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

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

Primenenie_blika

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

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

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

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

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

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

  1. Открываем в программе исходное изображение – виды Нью-Йорка.Исходное изображение для обработки в Фотошопе
  2. Создаем копию фона исходного изображения, используя сочетание клавиш CTRL+J.Комбинация клавиш Ctrl+J для копирования слоя в Фотошопе
  3. Далее в боковой панели инструментов слева выбираем инструмент “Прямоугольник”.Инструмент "Прямоугольник" в Фотошопе

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

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

Переход в галерею фильтров в Фотошопе

    Выбрав нужный слой (самый верхний в нашем примере), заходим в меню “Фильтр” , где выбираем пункт “Галерея фильтров”.

Метод 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. А вот и готовый результат создания эффекта линзы в Фотошопе.Эффект линзы в Фотошопе

Заключение

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

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

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

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

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

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

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

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

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

  • «Режим наложения» должен иметь значение «Экран»;
  • «Непрозрачность» около 40-50%;
  • «Шум» примерно 10%;
  • «Размер» поставьте примерно на 150-200 пикселей.

Обычное стекло

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

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

Эффект линзы

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

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

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

голоса
Рейтинг статьи
Ссылка на основную публикацию