На прошлой неделе работы показали jasmini и Vijole, медаль "ученик недели" достается Vijole !!!
http://s2.uploads.ru/t/MvIa1.gif

Мне очень понравилась работа Katrysa, давайте научимся делать подобное:

http://s019.radikal.ru/i628/1211/18/70698743c863t.jpg -> http://s017.radikal.ru/i408/1211/02/5ec2f22dffc9t.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/82/82e7b93afbae1758fef1595fec3d6b03.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/e0/e0d64775219225ecdac46dc9d0156faa.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/1d/1d1d7b0755e99c03c0c5d4f27a710166.jpg

Шаг 3. Создаем новый слой и помещаем его в группу. Режим наложения для группы Color Dodge (Осветление основы). Берем кисть http://www.photoshop-master.ru/tools/brush.png белого цвета  и хаотично рисуем. Вы видите, как края размыты. В дальнейшем нам это будет важно.

http://ib2.keep4u.ru/b/2012/12/04/0e/0edb434bd63e951530ce465d34db8469.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/d7/d7e37717e597f23bd378aa03783c8da8.jpg

Шаг 5. Удалите черный фон с помощью Волшебной палочки http://www.photoshop-master.ru/tools/magic.png  (W). Затем перейдите в меню Выделить – Смежные пиксели (Select - Similar), чтобы быть уверенными в том, что все черные области выделены. Удалите темные области на изображении, нажав клавишу Delete.

http://ib2.keep4u.ru/b/2012/12/04/44/44e7162cb44f8e25d16bc3ccc7507d6f.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/6a/6aab73607591759ca79b9896393d215d.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/ad/ad1f14d31a1ccc5715d455a59947d1ea.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/41/4121281166af8d706a4250f314ce7d60.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/1f/1f3d134ec42b5bbefa97aa565c5eca65.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/53/53fa074a55b468b1cbcffe774023b30d.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/13/133d424718024fa6d75f232325eb57ac.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/92/921375caf30696cea139a52ce71a71c6.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/8c/8c3f16cbad83c1b2471535c7ba371cb0.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/4f/4f433d62d77860639d95ed3bcfc38d73.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/3e/3e2929591f7a9ad481224947d60c7892.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/ea/eaee3472639440cde0842ea5208147ff.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/32/32440f48d5ad97c8d01da285958cdd85.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/9b/9bf60e81f26c69fa6e8d35ed8e86c284.jpg

Шаг 19. Создайте новый слой, выберите инструмент Кисть http://www.photoshop-master.ru/tools/brush.png  с теми же эффектами, которыми мы ранее рисовали капли, нарисуйте больше маленьких капелек, особенно прорисуйте каплями текстовую область. Чтобы применить к новым каплям такой же стиль, скопируйте Стили слоя и добавьте их на слой с маленькими капельками.

http://ib2.keep4u.ru/b/2012/12/04/18/1876c5cac3437d01dea612ec9fe5ac21.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/bc/bc12c09ff556ddf0ee4b6929072aea73.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/f1/f1687f10cec7824f09f55f425103e31d.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/f4/f4df20c66403be5053bb66009c018477.jpg

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

http://ib2.keep4u.ru/b/2012/12/04/84/8426168207dbdac6b54f4b5f914f1765.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/bb/bbf5c216e82ec9b0524a2a2eec48471f.jpg

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

http://ib3.keep4u.ru/b/2012/12/04/82/82e7b93afbae1758fef1595fec3d6b03.jpg


Источник: abduzeedo (перевод: Белькевич Александр (photoshop-master.ru)

Задание недели - создать свой рисунок с запотевшим окном!!!