Предварительный просмотр финального изображения

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

Исходные материалы для урока

• Оригинальная фотография,
• Шрифт Aldo.

Шаг 1

Запустите программу Фотошоп и откройте свою фотографию. Я использовал эту фотографию с сайта Flickr.

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

В этом последнем шаге я добавил белый фон и немного текста чуть ниже виньетки слоя. Уменьшите немного непрозрачность слоя, а затем напишите текст. Для текста я использовал шрифт Aldo.

Финальный результат

Небольшое послесловие

Я надеюсь, Вам понравилась эта краткая инструкция. Потенциал использования узоров очень большой. Экспериментируйте с другими узорами и другими стилями слоя.