Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Двухтоновый текстовый эффект в Adobe Photoshop

26 июля 2017 | Опубликовано в Уроки | 2 Комментариев »

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

 

Исходники

В этом уроке используются следующие файлы:

1. Создаем фон и текст

Шаг 1

Создайте новый документ размером 1000 x 650 px с фоном белого цвета. Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои и выберите Gradient/Градиент.

Создайте градиент от непрозрачного цвета #a9a9a9 к прозрачному цвету #868686.

Укажите Scale/Масштаб в 150% и включите опцию Dither/Размыть.

Gradient Fill

Шаг 2

Введите текст заглавными буквами, используя шрифт Sofia Pro Black. Укажите размер шрифта в 250 pt, и если у вас более одной строчки текста, также укажите Leading/Интерлиньяж в 235.

Create the Text

2. Создаем двухцветный эффект

Шаг 1

Поместите изображение из исходников поверх слоя с текстом. Переименуйте слой в Texture, кликните по нему правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.

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

Add the Image Texture

Шаг 2

Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои и выберите Gradient Map/Карта градиента.

Включите параметр Dither/Размыть, и создайте градиент от цвета #281960 к #d52e51.

Попробуйте разные градиенты, чтобы найти тот, который нравится именно вам.

Gradient Map

3. Коррекция

Шаг 1

Добавьте корректирующий слой Brightness/Contrast/Яркость/Контраст, и настройте его как показано ниже.

BrightnessContrast

Шаг 2

Добавьте корректирующий слой Color Lookup/Поиск цвета и настройте как на картинке ниже. После этого укажите этому слою Blend Mode/Режим наложения - Soft Light/Мягкий свет и снизьте Opacity/Непрозрачность до 50%.

Color Lookup

4. Добавляем текстуру

Шаг 1

Создайте новый слой и назовите его Halftone Texture.

Halftone Texture Layer

Шаг 2

В меню выберите Edit > Fill/Редактировать>Залить, и выберите параметры как показано ниже.

Gray Fill

Шаг 3

Кликните правой кнопкой по слою с серой заливкой и выберите Convert to Smart Object/Преобразовать в смарт-объект. Выберите в качестве первого и фонового цветов черный и белый.

Convert to Smart Object

Шаг 4

В меню выберите Filter > Filter Gallery > Sketch > Halftone Pattern/Фильтр>Галерея фильтров>Эскиз>Полутоновый узор. Настройте параметры как показано ниже:

Halftone Pattern Filter

Шаг 5

Укажите слою Halftone Texture Blend Mode/Режим наложения —  Soft Light/Мягкий свет и снизьте Opacity/Непрозрачность до 20%.

Halftone Texture Layer Settings

Результат

Final Result

Автор урока Rose

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Abele
    Thumb up Thumb down 0

    Спасибо! Отличная статья! Это очень полезно! json formatter