Как сделать прозрачное стекло в фотошопе

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

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

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

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

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

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

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

В списке слоев (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 (Режим наложения — Экран). Как создать эффект стекла

Источник

Прозрачность и непрозрачность в Фотошопе

Пожалуй, одной из самых интересных и необычных функций в Photoshop является “непрозрачность”. Благодаря ней, прозрачными можно сделать не только главные объекты, но и заливку, чтобы оставить видимыми только стили слоя.

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

Основная непрозрачность слоя

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Непрозрачность заливки

Если основная непрозрачность может действовать в отношении всего слоя, то такая функция как «Заливка» не трогает стили слоя.

Допустим, мы зашли в “параметры наложения” и применили к слою стиль «Тиснение».

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

После того, как стили применены, устанавливаем показатели «Заливки» на 0%.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Благодаря такой функции можно создать прозрачные объекты, например, водяные знаки.

Непрозрачность и отдельный объект

Чтобы сделать прозрачным только один объект на слое, необходимо применить маску слоя, например, с помощью волшебной палочки.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Затем надо нажать на кнопку ALT и кликнуть по маске внизу панели слоев.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

После этого на холсте появится выделение:

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь его необходимо инвертировать с помощью комбинации горячих клавиш CTRL+SHIFT+I.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь область выделения нужно залить любым оттенком серого цвета, так как черный полностью закроет область, а белый наоборот. Нажимаем клавиши SHIFT+F5 и выбираем цвет.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Затем нажимаем ОК и получаем выбранную непрозрачность, исходя из выбранного цвета.

Чтобы убрать выделение, нажимаем CTRL+D.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Непрозрачность градиента

Неравномерную градиентную непрозрачность можно также получить с помощью маски. Для этого достаточно создать белую маску с помощью специальной кнопки.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Следом нужно выбрать инструмент «Градиент», оттенок которого может быть белым, черным или серым, т.к. только эти цвета распознает маска.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Это все, что пока можно делать с непрозрачностью. Надеемся, что этот урок помог вам. До “встречи”!

Источник

Как размыть фото в фотошопе? 3 способа. Как сделать эффект матового стекла

Урок 1. Как размыть определенную часть фото в фотошопе?

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Нажимаем инструмент «Прямоугольная область» и удерживая левую кнопку мыши (ЛКМ), выделяем нужную область изображения.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Жмем в верхнем меню «Фильтр» в выпадающем списке «Размытие» и «Размытие по Гауссу»

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как видите, интригующее место стало почти не разборчивым 😄

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Урок 1.1 Как размыть фото или фон в photoshop целиком?

Урок 2. Как сделать эффект матового стекла в фотошопе?

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

Берем знакомую нам фотографию, допустим, жмем инструмент «Прямоугольник со скругленными углами», удерживая левую кнопку мыши (ЛКМ), выделяем нужную область изображения. Прямоугольник появится в виде отдельного слоя, как показано на Фото 2. ниже

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Создаем копию фонового рисунка сочетанием клавиш CTRL+J (или CTRL+С и CTRL+V), либо же ПКМ в выпадающем меню выбрать «Создать дубликат слоя. «. Этот дубликат фонового слоя переместим на передний план как показано На Фото 2.1. Затем жмем на этот слой ПКМ и выбираем пункт «Создать обтравочную маску» (в данном фото 2.1 эти действия уже выполнены). На картинке появились края нашего будущего эффекта матового стекла.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь, не покидая выделенный слой (который мы превралити в обтравочную маску) переходим к действиям показанным на Фото. 1.2 и Фото. 1.3. Причем у нас имеется возможность, при выделении слоя с прямоугольником, двигать его в любое место фона, сохраняя эффект матового стекла. И как вишенка на торте, так как Фоновый рисунок был преобразован в «Смарт-Объект» становится возможной замена его на любое другое фото смотрите видео ниже

Источник

Как в фотошопе сделать слой прозрачным

По умолчанию все новые слои в фотошопе создаются со 100% непрозрачностью. Но степень прозрачности слоя можно изменить с помощью настроек Непрозрачность и Заливка, расположенных в верхней части палитры Слоев.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Непрозрачность (Opacity) — это настройка со 100% шкалой, позволяющая изменять степень просвечивания абсолютно всего слоя, со всеми наложенными эффектами. Если значение будет отлично от 100%, то будет виден низлежащий слой. Степень прозрачности равная 0% говорит о полном отсутствии видимых пикселей изображения.

Прозрачность слоя можно сравнить с калькой, которую накладывают на рисунки, чтобы-их срисовать.

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него стилей слоя.

Как в фотошопе выглядит прозрачность

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

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь это условное обозначение стало стандартом. Многие программы и веб-сервисы используют шахматный фон, когда речь идет о прозрачности. Например, Яндекс.Картинки или Google-картинки показывают изображения с прозрачными элементами на шахматном фоне.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

3 способа как сделать слой с картинкой прозрачным

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

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

Способ 1 Ввод цифр

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Способ 2 Ползунковый регулятор

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

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Способ 3 С помощью клавиатуры

Для ряда инструментов фотошопа доступна возможность менять непрозрачность слоя с помощью клавиатуры. Выберите инструмент, например, Перемещение, Пипетку, Прямоугольную область, Рамку или Произвольную фигуру (также есть ряд других инструментов, их можно найти методом перебора).

Теперь нажимайте на клавиатуре цифры:

Как сделать прозрачным отдельный участок слоя

Чтобы сделать прозрачным не весь слой, а только его отдельный участок, потребуются некоторые усилия. Как такового инструмента для этой цели нет. Тем не менее, в зависимости от задачи есть как минимум два решения.

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

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

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

Способ 1 Вырезать нужный участок изображения на новый слой

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

Теперь можно кликнуть правой кнопкой мыши по выделению. Появится контекстное меню. Нас интересует команда Вырезать на новый слой.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Способ 2 Использование ластика

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

Выберите инструмент Ластик, на панели параметров установите значение Непрозрачность отличное от 100%. Затем стирайте участки изображения, находящиеся в выделенной области. Воздействие инструмента будет только к тем пикселям, что вы выделили.

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сохранить изображение с прозрачностью

Существует множество форматов для сохранения изображения, но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

Поэтому изображение нужно сохранять в формате PNG. Только он лишен всех недостатков и способен показывать полупрозрачные пиксели.

Чтобы сохранить в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как. Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файлаPNG(*.PNG).

Источник

Как в фотошопе сделать отражение: разные способы

Привет, всем! Рад вас видеть на моих уроках. Сегодня тема супер интересная: мы разберем как в фотошопе сделать отражение. Столько всего классного можно придумать и сделать с фотографией! Экспериментируя и добавляя зеркальные отражения в свои работы, можно добиться очень крутых результатов. Здесь вы найдете ссылку на крутой курс фотошопа с 0.

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

На поверхности

Отражать мы с вами будем веселого Губку Боба. Для того, чтобы было легко работать, наша картинка скачана в формате PNG с прозрачным фоном. Так нам не придется удалять и вырезать лишние части.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе
Для начала выбираем слой с Губкой Бобом и сочетанием клавиш Ctrl+J делаем копию. Теперь создаем его отражение с помощью функции «Отразить по вертикали».

Мы будем зеркалить нашего весельчака от пола, то есть отражение будет находиться снизу, если вам нужно будет отразить объекты, находящиеся сбоку от поверхности (стены, зеркала или др.), то можно использовать функцию «Отразить по горизонтали».

Для этого переходим в верхнем меню по пункту «Редактирование», далее «Трансформирование» и «Отразить по вертикали».

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь отраженный слой перетаскиваем под оригинальный и совмещаем картинки. Уже похоже на отражение, правда?

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Для большей правдоподобности можно уменьшить непрозрачность слоя.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как мы знаем, зеркальные поверхности бывают разные, и объекты могут находиться под разными углами к ним. Для того, чтобы это показать можно использовать инструмент «Искажение» (он находится там же, где и «Отразить по вертикали»). После его активации просто тянем за нужный нам угол объекта, и изображение изменится.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Работаем со слой-маской

Если мы хотим, чтобы на поверхности отражалась только часть объекта, можно использовать слой-маску. Маска работает таким образом, что рисуя на ней черным цветом, мы скрываем часть изображения.

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Напротив нашего слоя появилась маска, нажимаем на нее. В левом меню инструментов выбираем «Градиент» и выбираем «Линейный градиент» сверху в настройках. Основной цвет выставляем черный, дополнительный – белый, как показано на скрине.
Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Для этого протянем линию градиента от отражения головы до ног. После того, как мы отпустим кнопку мыши, часть отражения Губки Боба уже не будет видна. Мы получили плавное рассеивание отражения вдаль.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе
Вот что у нас вышло! Таким же способом можно создавать отражения от любых поверхностей. Нужно лишь воображение!

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Делаем отражение в воде

Сделать отражение от воды также просто, как от любой другой поверхности, нужно лишь чуть больше отредактировать полученный результат. Вот наш Губка Боб над водой, и нужно сделать для него отражение.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Для этого мы так же, как в предыдущем примере, отражаем нашу картинку по вертикали и уменьшаем её непрозрачность до 50%.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Чтобы сделать наше отражение больше похожим на поверхность воды можно использовать несколько способов.

Создаем эффект волны

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

Откроется окно с настройками фильтра. Здесь я не буду говорить выставлять какие-то определенные значения. Этот фильтр лучше настраивать на глаз, смотреть как картинка выглядит и изменять параметры.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Вот что получилось. Теперь Губка Боб действительно отражается от воды.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

А теперь посмотрим на конечный результат. По-моему, вышло очень здорово!

Делаем отражение в очках

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Первым делом открываем обе наши картинки в фотошопе. Чтобы переместить город, зажимаем левой кнопкой мыши изображение и тащим его к даме в очках.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Сразу уменьшаем нашу картинку, поворачиваем и перемещаем на место очков. Инструментом «Лассо» (гор. клавиша англ. «L») выделяем часть города для одной из линз.

Кликаем по выделению правой кнопкой мыши и выбираем «Вырезать на новый слой». Часть города обрежется и станет отдельным слоем.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь инструментом «Прямоугольная область» (горячая клавиша англ. «M») полностью выделяем наш правый кусочек. В верхнем меню выбираем «Фильтр» – «Искажение» – «Сферизация».

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Вот такая штука получилась. Теперь уменьшаем её, подгоняя формой и размером под линзу.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь скрываем этот слой и делаем видимым слой с левой частью города. Проводим те же манипуляции, что и с предыдущей частью.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Вот что у нас вышло. Объединим слои с частями города в один. Для этого кликнем по первому слою правой кнопкой мыши и выберем «Объединить с предыдущим».

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь нам нужно создать маску для наших линз. Чтобы это сделать выбираем инструмент «Кисть» (или используем англ. клавишу «B»).

Выставляем основной черный цвет и нажимаем на кнопку «Редактирование в режиме быстрой маски», которая показана стрелочкой на скриншоте. Теперь аккуратно закрашиваем обе наши линзы.

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Чтобы выделить только очки, выберите любой инструмент выделения и нажмите правую кнопку мыши. В открывшемся меню выберите «Инверсия выделенной области»

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Теперь выделена только необходимая нам часть!

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

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

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

Как сделать прозрачное стекло в фотошопе. Смотреть фото Как сделать прозрачное стекло в фотошопе. Смотреть картинку Как сделать прозрачное стекло в фотошопе. Картинка про Как сделать прозрачное стекло в фотошопе. Фото Как сделать прозрачное стекло в фотошопе

В заключении

Ну что друзья? Как вам урок? Пишите в комментариях свои мысли по этому поводу. Может быть, вы знаете еще крутые способы обработки фото? Делитесь своими впечатлениями и задавайте вопросы – я с радостью на всё отвечу!

А еще всегда здорово изучать новое вместе, поэтому делитесь этим уроком в социальных сетях со своими друзьями! На этом у меня все, до новых встреч, друзья!

Источник

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

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