Уроки Эффекты Александр Белькевич 3 мая 2011

Рисуем на запотевшем стекле в Фотошоп - 2

Сложность урока: Средний

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


(нажмите на изображение, чтобы увеличть)

Шаг 1. Открываем фотошоп и создаем новый документ. Я создал документ размером 2560 на 1440 пикс. Заливаем его темно-серым цветом.

Шаг 2. Берем мягкую круглую кисть и изменяем ее настройки:


(нажмите на изображение, чтобы увеличить)

Шаг 3. Создаем новый слой и помещаем его в группу. Режим наложения для группы Color Dodge (Осветление основы). Берем кисть белого цвета  и хаотично рисуем. Вы видите, как края размыты. В дальнейшем нам это будет важно.

Шаг 4. Объединим группу с будущими каплями и фоновый слой. Применяем Уровни (Levels).  Значение чёрного (124) , белого (161). Значения вы можете изменять на своё усмотрение. Главное избавиться от размытых краев.

Шаг 5. Удалите черный фон с помощью Волшебной палочки (W). Затем перейдите в меню Выделить  Смежные пиксели (Select - Similar), чтобы быть уверенными в том, что все черные области выделены. Удалите темные области на изображении, нажав клавишу Delete.

Шаг 6. Загрузите изображение, к которому Вы желаете применить эффект запотевшего стекла. Открыв такое изображение, создайте его дубликат. После чего выберите слой с исходным изображением (дубликат скройте)!

Шаг 7. Перейдите в Фильтр  Размытие  Размытие по Гауссу… (Filter - Blur - Gaussian Blur). Значение Радиуса поставьте равное 20 пикселей.

Шаг 8. Перейдите в Слои  Стиль слоя  Наложение цвета (Layer - Layer Styles - Color Overlay), используйте темно-серый цвет, поставив значение Непрозрачности 60%.

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

Шаг 10. Перейдите в Слои  Стиль слоя  Параметры наложения (Layer - Layer Styles - Blending Options) и установите параметр Заливка (Fill) 0. В этом же окне выберите стилевую настройку Внутренняя тень (Inner Shadow), в качестве цвета установите - белый, Режим наложения – Линейный затемнитель (Linear Burn), Непрозрачность – 50%, Угол – 90, Смещение – 3 пикселя, Размер – 5 пикселей, также измените Контур на Конус.

Шаг 11. Теперь в данном окне выберите следующую стилевую настройку, которая называется Тиснение (Bevel and Emboss). Измените Глубину на 350%, Направление: Вниз, Размер – 7 пикселей, Смягчение – 5 пикселей. Значение Угла поставьте 54 градуса, а Высоты – 42 градуса. Контур глянца измените на Глубокая выемка. Для Режима подсветки поставьте значение непрозрачности 80%, выберите белый цвет, а сам режим измените на Осветление основы, для Режима тени поставьте значение непрозрачности 50%, черный цвет, а сам режим измените на Умножение.

Шаг 12. Затем всё в этом же окне выберите еще одну стилевую настройку Внутреннее свечение (Inner Glow). Используйте Режим наложения Замена темным (Darken) с непрозрачностью 40% и черным цветом. Используйте Источник : На краях, поставив его Размер 25 пикселей.

Шаг 13. Теперь выберите стилевую настройку Наложение цвета (Color Overlay). Используйте цвет #907f72 со значением Непрозрачности 45% и Режимом наложения Осветление основы (Color Dodge).

Шаг 14. Последним примените стиль слоя Тень (Drop Shadow). Используйте Умножение для Режима наложения, черный цвет и Непрозрачность 20%. Измените угол на 90 градусов, Смещение – 9 пикселей, Размах – 5%, Размер – 10 пикселей.

Шаг 15. Сделайте видимым дубликат, затем перейдите в меню Фильтр  Размытие  Размытие по Гауссу (Filter - Blur - Gaussian Blur), значения Радиуса на этот раз используйте 5 пикселей. Кликните ПКМ на миниатюре слоя с каплями в палитре слоев и выберите команду Выбрать пикселы, это действие позволит выделить все капли в отдельности. Теперь в палитре слоев выберите изображение, к которому мы применяли размытие и примените к нему Слой  Слой маска  Показать выделенную область (Layer - Layer Mask - Reveal Selection).

Шаг 16. Выберите маску слоя, которую мы создали в предыдущем шаге, и перейдите в Фильтр  Размытие  Размытие в движении (Filter - Blur - Motion Blur). Выберите -90 градусов для Угла и Смещение установите равное 80 пикселей.

Шаг 17. После того как маска слоя будет размыта, перейдите в Изображение  Коррекция  Уровни (Image - Adjustments - Levels). Изменяйте значения черного и белого входов до тех пор, пока не достигните эффекта, который вы можете видеть на скрине.

Шаг 18. Создайте дубликат слоя с фотографией, для которой мы применяли фильтр Размытие по Гауссу со значением 5 пикселей, и удалите маску слоя. Используя инструмент Горизонтальный текст, напишите любое слово (также можете использовать планшет или написать текст с помощью мыши). Выделите только пиксели с текстом, как мы делали это в Шаге 15, и примените маску таким образом, чтобы изображение было видно ниже текстовой области.

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

Шаг 20. Дублируйте фотографию со слоем снова и удалите маску слоя, после этого перейдите в Слой  Маска слоя  Скрыть выделенную область (Layer -Layer Mask - Hide All). Примените к маске Фильтр – Рендеринг – Облака (Filter - Render - Clouds). Убедитесь в том, что у вас черно-белые цвета Палитре цветов. После выполнения этого шага эффект затуманенного окна станет еще более реалистичным.

Шаг 21. Выделите все слои и дублируйте их. После этого дублированные слои слейте в один. И примениете к этому слою Фильтр  Размытие  Размытие по Гауссу (Filter - Blur - Gaussian Blur), поставив при этом значение для Радиуса – 20 пикселей.

Шаг 22. Смените режим наложения на Перекрытие (Overlay) с 40% непрозрачностью.

Шаг 23. Дублируйте предыдущий слои и измените режим наложения на Осветление (Screen) с 40% непрозрачностью.

Шаг 24. Создайте новый слой и поставьте его выше всех остальных. Заполните новый слой радиальным градиентом, используя переход от темно-серого к светло-серому цвету. Режим слоя измените на Умножение (Multiply).

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


(нажмите на изображение, чтобы увеличить)

Автор: abduzeedo

Источник: www.abduzeedo.com

Комментарии 177

Спасибо за урок! Жаль желаемого эффекта не получилось, слишком темный исходник.

не поняла до конца, как получилось...

Интересный урок, спасибо! Но прочитала в интернете несколько вариантов перевода исходного материала и в каждом нашла уточнение какого-то момента, что не поняла здесь. Сделала несколько вариантов ,выбрала для показа этот. Кстати, позднее увидела здесь еще один урок на эту тему "Создаём в Photoshop эффект мокрого стекла", да еще и с написанием экшена. Обязательно его выполню и посмотрим разницу.

Спасибо за урок!

Love is ... ФотошопМастер

Зачем столько лишних шагов: 1.На сером фоне рисуем мягкой кистью точки 2. Потом с помощью levels убираем растушевку на границах 3.Потом выделяем фон и удаляем его. Почему нельзя вместо этого просто серый фон оставить фоном, а на новом слое нарисовать ЖЕСТКОЙ кистью белые точки, и удалять ничего не придется и растушевку корректировать не нужно. В итоге все равно тоже самое получается.

Да уж....это самый ужасный урок который я пыталась выполнить.... Просто назовите слои, что бы не путать читателей и не писать что-то в духе "а теперь мы выбираем слой, на который мы 20 минут назад наложили размытие по Гаусу"....

Супер) спасибо за урок!)

дубовый урок

А мне урок очень понравился! Спасибо большое!

Я так понимаю, это под какую-то определенную версию программы. В CS5 очень сложно разобраться

Интересный урок. Спасибо!

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

Очень не понятный урок

Спасибо за урок.

Итак, сейчас за полчаса... Да какие полчаса ? Вначале три бессмысленных шага (3-5) - ну любим создавать трудности - пусть. Потом прямо скажем не ахти какой стиль, мало похожий на капли... В итоге автор и сам понимает, что результат явно не айс и начинаются поиски непонятно чего... А бросить начатое уже жалко, часик то пролетел... Теперь буду тщательнее выбирать уроки :=) - тоже опыт, спасибо.

Непонятно изложен урок!
И слишком замудрёный.

Н-да... Дошла до 10-го шага и поняла, что в своем лицензионном ФШ Elements 10, за который отдала несколько т.р., я не смогу сделать этот урок. Параметры стиля слоя сильно сжаты относительно ФШ CS :о(

Администратор
Фотошоп элементс, это совершенно не фотошоп, а асолютно другой, сильно упрощённый редактор.

Урок оч тяжелый, не все понятно было. Пришлось самой пробывать свои варианты.

Было сложновато...

Спасибо, за урок))

Спасибо! Вот.

НЕЛЬЗЯ ЛИ ПОТОЧНЕЕ, НИЧЕГО НЕ ПОНЯТНО!!! Или же сделайте видеоурок

с горем пополам...

Спасибо за урок!

Я старался сделать фоновую работку на стол . как вам?

P.S. Это что-то из области "Аффтар жжот" , потому что не обьяснить толком - ничего!

Урок плохо объяснен. Вот как получилось...

Эффект хороший - жалко чтоурок плохо обьяснили. Но всеравно спасибо.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее