Рубрика: Photoshop Уроки | Урок прочитали: 706
 (голосов: 1)

Рисуем на запотевшем стекле в Фотошоп - 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
Переводчик: Белькевич Александр
Ссылка на источник

           

Похожие файлы и публикации:

Рисуем на запотевшем стекле в Фотошоп - 2
Этот урок посвящен световым эффектам. При их создании, мы будем использовать режимы наложения, например, Осветление  основы  (Color Dodge). Этот режим наложения является очень важным  и мощным  для создания световых эффектов в Photoshop. Прежде чем мы начнем, взгляните на изображение, которое мы будем создавать. Предлагаю вам посмотреть его реальный размер
Рисуем на запотевшем стекле в Фотошоп - 2
Несколько недель назад  мой друг поинтересовался, как создать 3D сферу в Фотошоп.  Я не знал, как это сделать, но это меня заинтриговало, так что я решил попробовать.  Я знал, что нужно использовать фильтр Сферизация, но не знал, как это сделать. Так что в этом уроке я покажу вам, как создать красивую 3D сферу в фотошопе используя основные инструменты и фильтр Сферизация.  Весь этот урок не займет более 30 минут, но техника действительно полезна, особенно для создания значков и логотипов.
Рисуем на запотевшем стекле в Фотошоп - 2
Шаг 1. Откроем изображение, я буду использовать эту картинку, так как она подходит для моей работы:
Рисуем на запотевшем стекле в Фотошоп - 2
Хотели бы Вы создать текст на запотевшем окне в Photoshop? Если да, то этот урок для Вас! Используйте изображения, найденные через Google или любые  другие веб-сайты, чтобы найти соответствующее изображение окна с водными подтёками либо вы можете использовать мою картинку.
Рисуем на запотевшем стекле в Фотошоп - 2
В этом уроке мы будем использовать кисти, основные фильтры и режимы наложения для достижения такого результата:
Рисуем на запотевшем стекле в Фотошоп - 2
В этом Фотошоп уроке я продемонстрирую вам интересный гранж эффект.
Рисуем на запотевшем стекле в Фотошоп - 2
Хорошо, начнем с создания нового документа в Photoshop. Я создал новый документ размером 800 × 400 пикселей. Затем выберите подходящие цвета, например, # 161515, # 71777b и залейте документ линейным градиентом.
Рисуем на запотевшем стекле в Фотошоп - 2
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Рисуем на запотевшем стекле в Фотошоп - 2
Мобильные приложения, которые предоставляют возможность стилизовать фото под  винтаж, спровоцировали недавно повальное увлечение плёночными фотокамерами, подобной этой -lomography.com Среди этих приложений Hipstamatic и Plastic Bullet Camera – последний, основанный на технологии коррекции цвета, разработанной для видео Red Giant’s Hollywood-quality и плагинов Photoshop. А также приложения заслужили расположение дизайнеров и хипстеров. В этом уроке, Fabio Sasso покажет вам, как можно создать световые эффекты в винтажном стиле, используя программу Photoshop, и не прибегая к плагинам. И даже не методом проб и ошибок, как например в iPhone, а полностью контролируя процесс. Ещё желательно работать с фотографией высокого разрешения, тогда результат будет более качественным.
Рисуем на запотевшем стекле в Фотошоп - 2
Применение световых эффектов является уже классическим методом в Photoshop, но через плохую практику и злоупотребление теми же самыми приемами, это стало чем-то вроде шаблона. В этом уроке,  Fabio Sasso покажет вам, как сделать свежий, модный световой ретро-эффект. Секрет здесь в том, чтобы сохранить простоту и не переусердствовать. Конечно,  что  то, что выглядит простым, не обязательно легко создать, но здесь, Fabio проведет Вас шаг за шагом через фильтры, градиенты и режимы смешивания, которые принесут вашему искусству свой стиль. Финальное изображение.
Рисуем на запотевшем стекле в Фотошоп - 2
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.
Рисуем на запотевшем стекле в Фотошоп - 2
 В этом уроке, мы будем создавать блестящий Солнечный эффект текста, используя стили слоя и размытие фильтров. Это простой урок, но результат удивительный.
Рисуем на запотевшем стекле в Фотошоп - 2
В этом уроке мы придадим тексту структуру ткани,  используя Фильтры и Стили слоя.
Рисуем на запотевшем стекле в Фотошоп - 2
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Рисуем на запотевшем стекле в Фотошоп - 2
В этом уроке мы с Вами создадим лёгкий яркий красочный эффект для текста. Финальный результат:
Рисуем на запотевшем стекле в Фотошоп - 2
В этом уроке вы научитесь создавать в программе Photoshop обои с очень стильными и пушистыми облаками. Идея у автора появилась после того, как его друг поинтересовался, возможно ли создать стиль для облаков.
Рисуем на запотевшем стекле в Фотошоп - 2
В этом уроке я собираюсь рассказать вам, как сделать элегантный текст. Итог урока:
Рисуем на запотевшем стекле в Фотошоп - 2
В этом уроке мы создадим голографическое изображение девушки, похожей на персонаж фильма Звёздные войны, принцессу Лею.