Photoshop

Уроки и статьи о дизайне
26
Январь 2015

Делаем реалистичное «старение» надписи в Photoshop

rusty-logo-mockup-sm[1]

В этом уроке мы создадим искусственно состаренную надпись на стене.

rusty-logo-mockup-sm1 Делаем реалистичное "старение" надписи в Photoshop

При создании нашей работы мы будем использовать работу с цветовыми каналами и картами смещения в Photoshop, чтобы максимально реалистично сделать из плоской надписи — шероховатое и облупившееся от времени изображение.

11 Делаем реалистичное "старение" надписи в Photoshop

Возьмите фото старой поверхности на которую вы хотите нанести надпись.

21 Делаем реалистичное "старение" надписи в Photoshop

Выберите из каналов максимально контрастный и сдублируйте его.

31 Делаем реалистичное "старение" надписи в Photoshop

Вызовите панель корректировки кривыми (CMD / Ctrl + M) и придайте дублированному каналу еще больше контрастности.

41 Делаем реалистичное "старение" надписи в Photoshop

Щелкните правой кнопкой мыши на новом канале и выберите Duplicate Channel. В назначениях опций измените настройки документа на New и введите имя файла — displacement-map, и нажмите ОК. В результате у нас будет создан новый документ Photoshop только с изображением этого канала.

51 Делаем реалистичное "старение" надписи в Photoshop

Перейдите к Filter> Blur> Gaussian Blur и добавить размытие в 3 пикселя, чтобы смягчить детали, это приведет к эффекту более плавного вытеснения нашей надписи и увеличит реализм.

62 Делаем реалистичное "старение" надписи в Photoshop

Сохраните файл в удобном для вас месте в формате Photoshop (.psd). Этот файл будет содержать нашу карту смещения.

71 Делаем реалистичное "старение" надписи в Photoshop

Вернитесь в рабочий документ и восстановить оригинальные цвета, включив RGB каналы.

81 Делаем реалистичное "старение" надписи в Photoshop

Создайте новый слой в панели Layers и дайте ему имя «Logo». Щелкните по этому слою правой кнопкой мыши и выберите Convert to Smart Object. Это позволит редактировать файл с наносимым текстом позже, и как результат мы можем вставлять в этот слой любую надпись.

91 Делаем реалистичное "старение" надписи в Photoshop

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

101 Делаем реалистичное "старение" надписи в Photoshop

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

111 Делаем реалистичное "старение" надписи в Photoshop

Опытным путем я обнаружил, что значение 5 для горизонтального и вертикального установок масштаба дают хороший результат. Нажмите кнопку ОК, затем выберите файл «displacement-map.psd», который мы сохранили ранее.

displacement Делаем реалистичное "старение" надписи в Photoshop

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

131 Делаем реалистичное "старение" надписи в Photoshop

Вернитесь к панели слоев, и не отменяя выделение, примените Layer Mask к смарт-слою. Все темные ржавые участки текстуры будут удалены с надписи с помощью маски слоя.

141 Делаем реалистичное "старение" надписи в Photoshop

Добавить корректирующий Solid Color слой поверх всех слоев. Мы будем использовать его, чтобы в качестве завершающего штриха настроить цвет текста.

151 Делаем реалистичное "старение" надписи в Photoshop

Удерживая ALT, кликните мышью между слоями с корректирующим слоем и смарт-слоем.

rusty-logo-mockup-sm1 Делаем реалистичное "старение" надписи в Photoshop

В результате у нас получилось очень реалистичное написание текста на старой окрашенной стене! Сочетание карты смещения и слоя маски от слоя каналов действительно повышает реализм.

Автор здесь.

Оценка посетителей
[Всего: 4 Среднее: 4]
Метки: , ,
Поделиться

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Рейтинг@Mail.ru Сайт дизайнера - PhotoDrum.com