Как сделать стекло в photoshop

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

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

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

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

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

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

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

Как сделать стекло в photoshop

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

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

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

Как сделать стекло в photoshop

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

Источник

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

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

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

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

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

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

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

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

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

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

Как сделать стекло в photoshop

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

Источник

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

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

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

Так как сделать стекло в фотошопе?

Как сделать стекло в photoshop

Откроем исходное изображение. Поместим зверя за стекло.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Выберем инструмент » Произвольная фигура » ( U ) в режиме » Слой-фигура «, щёлкнем по чёрной стрелочке правее поля » Фигура » на верхней панели параметров инструмента » Произвольная фигура » и в раскрывшемся списке выберем подходящую фигуру. Я выбрал снежинку.

Как сделать стекло в photoshop

Удерживая клавишу Shift (для соблюдения пропорций), нарисуем первую снежинку.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Инструментом » Перемещение » ( V ) передвинем скопированную снежинку вправо (для точности позиционирования советую использовать клавиши стрелки на клавиатуре).

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Как сделать стекло в photoshop

При активном инструменте » Перемещение » ( V ) клавишами стрелками на клавиатуре сдвигаем скопированные снежинки вниз.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Опять сдвигаем слой с тремя снежинками.

Как сделать стекло в photoshop

Выбираем инструмент » Рамка » ( С ) и обрезаем все свободные поля со всех сторон.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Открывается одноимённое окно, в котором определяем папку, куда будем сохранять файл, даём ему имя, выбираем тип файла PSD и нажимаем кнопку » Сохранить «. Закрываем созданный файл, так как он нам больше не нужен.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

Вот что у меня получилось. На этом можно остановиться, но я решил сделать небольшой прикол.

Как сделать стекло в photoshop

В палитре » Слои » щёлкаем по третьей слева иконке и на верхний слой загрузится маска слоя, с изображением ничего не произойдёт.

Как сделать стекло в photoshop

Выбираем инструмент » Кисть » ( В ) с параметрами, установленными по умолчанию, на передний план устанавливаем чёрный цвет.

Как сделать стекло в photoshop

Кистью прорисовываем глаза зверя. Получаем интересный эффект типа: «Хоть я и за стеклом, но за Вами наблюдаю. «.

Как сделать стекло в photoshop

Мы с Вами ответили на вопрос: «Как сделать стекло в фотошопе?».

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

Источник

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

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

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

Так как сделать стекло в фотошопе?

Как сделать стекло в photoshop

Откроем исходное изображение. Поместим зверя за стекло.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Выберем инструмент » Произвольная фигура » ( U ) в режиме » Слой-фигура «, щёлкнем по чёрной стрелочке правее поля » Фигура » на верхней панели параметров инструмента » Произвольная фигура » и в раскрывшемся списке выберем подходящую фигуру. Я выбрал снежинку.

Как сделать стекло в photoshop

Удерживая клавишу Shift (для соблюдения пропорций), нарисуем первую снежинку.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Инструментом » Перемещение » ( V ) передвинем скопированную снежинку вправо (для точности позиционирования советую использовать клавиши стрелки на клавиатуре).

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Как сделать стекло в photoshop

При активном инструменте » Перемещение » ( V ) клавишами стрелками на клавиатуре сдвигаем скопированные снежинки вниз.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Опять сдвигаем слой с тремя снежинками.

Как сделать стекло в photoshop

Выбираем инструмент » Рамка » ( С ) и обрезаем все свободные поля со всех сторон.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Открывается одноимённое окно, в котором определяем папку, куда будем сохранять файл, даём ему имя, выбираем тип файла PSD и нажимаем кнопку » Сохранить «. Закрываем созданный файл, так как он нам больше не нужен.

Как сделать стекло в photoshop

Как сделать стекло в photoshop

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

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

Как сделать стекло в photoshop

Вот что у меня получилось. На этом можно остановиться, но я решил сделать небольшой прикол.

Как сделать стекло в photoshop

В палитре » Слои » щёлкаем по третьей слева иконке и на верхний слой загрузится маска слоя, с изображением ничего не произойдёт.

Как сделать стекло в photoshop

Выбираем инструмент » Кисть » ( В ) с параметрами, установленными по умолчанию, на передний план устанавливаем чёрный цвет.

Как сделать стекло в photoshop

Кистью прорисовываем глаза зверя. Получаем интересный эффект типа: «Хоть я и за стеклом, но за Вами наблюдаю. «.

Как сделать стекло в photoshop

Мы с Вами ответили на вопрос: «Как сделать стекло в фотошопе?».

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *