Эффект наложения сетки на фотографию

ВВС США

конечный результат

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

Исходники для выполнения урока:

Шаг  1

Открываем фотографию в программе Photoshop

Шаг  2

Самый простой способ это наложение узора на саму фотографию. Создаем новый документ с  размерами 3px на 3px и выбираем Transparent для фоновой заливки. Увеличьте масштаб изображения до  тех пор пока мы увидим такой квадратик=) я увеличивал до 1600%

Увеличенное изображение  в фотошопе

Шаг 3

Теперь рисуем узор как на изображении. Используйте Rectangle Marquee Tool ( M ), для того чтобы создать прямоугольное выделение. Затем заливаем его Edit Fill , устанавливаем черный цвет в выпадающем меню. Далее выберите EditDefine Pattern и вводим имя узора(называем произвольно=))

Окончательный вид узора

Шаг 4

Сейчас мы добавим наш узор на саму фотографию. Возвращаемся к фотографии (файл с узором можно удалить). Идем в меню Layer → Layer Style → Pattern Overlay. Выбираем узор, созданный в предыдущем шаге, и понижаем Оpacity приблизительно до 60%.

Полученный результат

Шаг 5

Мы создали эффект наложения узора из сетки, но, я предполагаю, что изображение станет еще лучше если мы добавим слегка эффект виньетки. Создаем в палитре слоев новый слой выше над всеми предыдущими и активируем инструмент Gradient Tool (G). Выберираем градиент от прозрачного к черному. Протягиваем наш градиент от центра к углу. Изменяем режим смешивания слоя на Overlay и устанавливем непрозрачность слоя на 20%.

Шаг 6

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

ВВС США

конечный результат

 

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

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