Создание простого и элегантного текстового эффекта

В этом уроке фотошоп для чайников мы рассмотрим, как создать элегантный текстовый эффект всего за 13 шагов. Использовать мы будем Иллюстратор для придания реалистичности контуру текста. Затем немного поэкспериментируем с настройками смешивания в Фотошопе, чтобы создать эффект нажатия. Этот стиль идеально подойдет для подзаголовка сайта или дизайна постера.

Результат:

Используемый шрифт: Creampuff font

Шаг 1:

Если вы обратили внимание на конечный результат, то заметили, что он состоит из двух элементов: текста и обводки. Самый легкий способ создания теста и его обводки это Иллюстратор. Итак, создаем новый документ размером 2000×1500 пикселей и пишем что – нибудь используя шрифт Creampuff. Размер шрифта – 280 pt.

 

 

Шаг 2:

Мы должны превратить наш текст в путь (Path). Дальше идем Type>Create Outlines (Текст -> Преобразовать в контуры). Не снимая выделения, идем Object>Path>Offset Path (Объект-> Путь -> Сдвинуть путь) и вводим значение 25 пикселей.

 

Шаг 3:

Используя инструмент Direct Selection Tool (Прямое выделение (A)) выбираем только обводку букв. Соединяем её в один элемент с помощью Window>Pathfinder (Обработка контуров)

Совет: если вы хотите выбрать больше чем один элемент, удерживайте нажатой клавишу Shift пока выбираете элементы.

 

 

Шаг 4:

Сделать невидимым путь с обводкой (отключить видимость на панели слоев) и выбрать буквы с помощью Direct Selection Tool (Прямое выделение (A)). Группируем их (Ctrl+G) и меняем цвет, чтобы отличить от обводки. Цвет – на ваше усмотрение. Теперь можете включить видимость обводки.

 

Шаг 5:

Открываем Фотошоп и создаем новый документ 2000×1500 пикселей. Заполняем фон серым цветом (#3f3f3f).

 

Шаг 6:

Копируем и вставляем текст и путь с обводкой в 2 отдельных слоя. Убедитесь, что вы вставили их как объекты Smart. Так мы можем изменять их без потери качества.

 

Шаг 7:

Для начала поработаем с обводкой, для этого спрячем текст. Правый щелчок мышки на слое с обводкой и в контекстном меню выбираем Blending Options (Параметры наложения). Поставим непрозрачность (Opacity) 0%.

 

Шаг 8:

Добавим темно – синий (#242424) в наложении цвета

 

Шаг 9:

Как создать эффект вдавливания? Очень просто, добавить Inner Shadow (Внутренняя Тень).

 

Шаг 10:

На этом этапе можно сделать текст видимым. Мы все ещё продолжаем работать с настройками смешивания. Опять зададим непрозрачность (Opacity) 0%. Затем изменим цвет текста на цвет фона (#3f3f3f).

 

Шаг 11:

Далее добавим Bevel and Emboss (Скос и Рельеф).

 

Шаг 12:

Наш текст готов. Последний шаг состоит в добавлении шума. Создаем новый слой и заполняем его серым (#3f3f3f). Теперь установите этот же серый как цвет переднего плана и белый, как фоновый (Foreground & Background colors). Далее следуйте Filter>Noise>Add Noise (Фильтр -> Шум -> Добавить шум).

 

Шаг 13:

Установить тип смешивания Screen для этого слоя и непрозрачность (Opacity) 10%. Все, мы закончили!