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

ВВС США

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

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

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

Шаг  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 не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.