Как создать забавный текстовый эффект в Photoshop

Документ принял следующий вид:

На этом действия с фоном заканчиваем. Сохраниnt файл PSD и назовите его, к примеру, felt_background.psd.

Создаём текстовый эффект войлока для букв

Шаг 1

Для удобства, буквы будем делать в новом документе. Создайте такой же документ размером 1000 на 600. Для написания текста я воспользовался бесплатным шрифтом League Spartan Bold, архив с этим шрифтом (файл League Spartan Bold.otf) вы можете скачать по ссылке внизу страницы. В документе создайте новый слой и удалите фоновый. Возьмите инструмент "Текст" (Type Tool) и введите буквы, я ввёл слово FELT. В панели символов задайте высоту шрифта 320 пт, расстояние между символами (трекинг) - 200.

Примечание: Для тех, кто только начал работать с текстовым инструментом Photoshop, на сайте имеются два подробных руководства:
Основы работы с инструментом "Текст" в Photoshop
Инструмент Текст в Photoshop: панель "Символ", руководство

Шаг 2

Дважды нажмите комбинацию клавиш Ctrl+J чтобы сделать две копии текстового слоя. Переименуйте слои в FELT text 1, FELT text 2, FELT text 3 соответственно:

Шаг 3

Добавьте стиль слоя "Обводка" (Stroke), толщина 15 px, Felt Text 1, положение - снаружи, цвет обводки не важен:

К слою Felt Text 2 также добавьте стиль слоя "Обводка", но толщину обводки задайте 10 пикселей.

Со слоем Felt Text 3 проведём несколько иные действия. Сначала, в панели слоёв, установим заливку (Fill) слоя на ноль,затем добавим стиль слоя "Тиснение", параметры указаны на рисунке ниже:

Текст в документе должен выглядеть вот так:

Шаг 4

Перейдите на слой FELT text 1, щелкните по нему правой клавишей мыши и в контекстном меню выберите "Преобразовать в смарт-объект" (Convert to Smart Object). Сделайте то же самое для слоёв FELT text 2 и FELT text 3.

Шаг 5

Отключите видимость слоёв FELT text 2 и FELT text 3.

Перейдите к смарт-объекту FELT text 1 и добавьте следующие стили слоя:

• Тень
• Наложение цвета (цвет #328f1f)
• Наложение узора (снова используется узор pattern_felt.pat)
• Тиснение

Остальные параметры на скриншотах:

   

   

Шаг 5

Расширим буквы с помощью фильтра Фильтр --> Другое --> Минимум (Filter --> Other --> Minimum) с радиусом 5 пикселей:

Шаг 6

Перейдите к смарт-объекту FELT text 2, включите видимость и добавьте следующие стили слоя:

• Тень
• Наложение цвета (цвет #c11a1a)
• Наложение узора (используется узор pattern_felt.pat)
• Тиснение

Параметры стилей:

   

   

Вот как должный выглядеть буквы после применения стилей ко второму смарт-объекту:

Шаг 7

Перейдите к смарт-объекту FELT text 3, включите видимость и установите режим наложения Перекрытие "Overlay":

Шаг 9

Добавьте к к смарт-объекту FELT text 3 Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur) радиусом около 3.3 пикселей.

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

Добавление эффекта стежка в Photoshop

Для этого эффекта нам понадобится специальная кисть-стежок. Подобную кисть не трудно создать самостоятельно, о создании кисти подробно рассказано здесь. Создайте и установите данную кисть в Photoshop.

Шаг 1

Нажмите клавиши клавиатуры Shift + Ctrl + N, чтобы создать новый слой и назовите его Stitch Effect.

Зажмите клавишу Ctrl и щелкните по миниатюре смарт-объекта Felt Text 2, чтобы по границе непрозрачных пикселей объекта появилось выделение, обратите внимание, у нас на данный момент активен только что созданный слойStitch Effect:

Шаг 2

Перейдите Выделение --> Модификация --> Сжать (Select --> Modify --> Contract) и введите значение 12 пикселей, на рисунке показано, как должно выглядеть выделение после применения сжатия:

Шаг 3

Перейдите на панель "Контуры" (Path), нажмите по значку в верхнем правом углу панели и из списка выберите "Образовать рабочий контур", после чего выделение преобразуется в рабочий контур:

Шаг 4
Создайте новый слой над слоем Felt Text 3 и назовите его Stitch Effect.

Выберите инструмент "Кисть" (Brush Tool) и выберите кисть-стежок, созданную по этому уроку. Сделайте белый цвет основным на переключателе цветовой палитры, для этого можно нажать клавишу D, затем X (икс).

Шаг 5

Перейдите на вкладку "Контуры" (Path) и выберите "Выполнить обводку контура" (Stroke Work Path):

Затем откроется окно, где выберите инструмент "Кисть" и нажмите OK. Нажмите клавишу Delete для удаления рабочего контура, хотя, лучше нажать комбинацию Ctrl+H, чтобы не удалить, а скрыть рабочий контур. Результат:

Шаг 6

Добавьте следующие стили слоя к слою Stitch Effect:

• Тень (цвет #000000)
• Наложение цвета (цвет #e3dbc2)
• Тиснение (цвет #ffffff и #000000)

Остальные параметры на скриншотах:

      

Вот фрагмент готового текста:

Оформление фетровых букв закончено. Теперь их можно перенести на документ с фоном.

Шаг 7

Нажмите комбинацию клавиш Ctrl+Shift+Alt+E, после чего все видимые пиксели документа будут скопированы на новый слой, сам слой будет расположен выше всех слоёв в стеке. Нажмите комбинацию клавиш Ctrl+A и затем Ctrl+С для копирования всех видимых пикселей этого слоя.

Откройте документ felt_background.psd и нажмите Ctrl+V для вставки скопированных пикселей. Чтобы позиционировать буквы, нажмите клавиши Ctrl+T (включение "Свободного трансформирования") и позиционируйте и/или масштабируйте буквы, как вам нравится. Вот мой результат:

Скачать файл узора и шрифт:

Яндекс Диск

Скачать файлы PSD:
Яндекс Диск