Красочный набивной текст

Colorful Stuffed Text Effect

В этом уроке я расскажу вам, как создать красочный набивной текст с помощью простого узора и нескольких стилей слоя.

Примечание:
- программа Adobe Photoshop CS5 Extended;
- размер итогового изображения 1024 х 768;

Материалы для урока:
- Текстура металла ~goldberry2000;
- Шрифт Toundu.

Шаг 1:

Установите основной цвет на #cecece, а фоновый цвет на #949494. Возьмите инструмент Gradient Tool (G)/ Градиент и на панели опций выберите Radial Gradient/Радиальный градиент. Создайте радиальный градиент из центра до одного из углов изображения.

Откройте текстуру металла и расположите её поверх фонового слоя, затем измените Blend Mode/Режим наложения слоя на Color Burn/Затемнение основы и понизьте Opacity/Непрозрачность до 40%.

Шаг 2:

Напишите текст заглавными буквами, цвет текста #f4edd2, шрифт Tondu и размер 300пт.

Продублируйте текстовый слой (Ctrl+J). Первый текстовый слой мы будем использовать для создания узора, а второй для набивного эффекта.

Шаг 3:

Дважды кликните на оригинальный текстовый слой (первый) и примените следующие настройки Layer Style/Стиль слоя.
Drop Shadow/Тень: Измените цвет на #979797 и Distance/Смещение на 38.

Bevel and Emboss/Тиснение: Измените стиль на Stroke Emboss/Обводящее тиснение, глубину на 755, размер на 4, контур на Cone – Inverted/Перевернутый конус, и поставьте флажок на Anti-aliased/Сглаживание.

Загрузка контуров

Stroke/Обводка: Измените размер 5, убедитесь, что положение установлено Outside/Снаружи, и измените цвет на #f4efde. Вот теперь виден эффект тиснения на обводке.

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

Шаг 4:

Сейчас мы создадим простой узор. Создайте новый документ (Ctrl+N) размером 5х5 пикселей с белым фоном. Затем выберите инструмент Rectangular Marquee Tool (M)/Прямоугольная область и на панели опций нажмите иконку Add to selection/ Добавить к выделенной области.
Создайте квадратные выделения размером 1х1 пиксель по диагонали через весь документ так, как показано ниже.

Залейте выделение черным цветом, после чего нажмите Ctrl+D для снятия выделения.

Выберите Edit -> Define Pattern/Редактирование -> Определить узор и введите название узора.

Шаг 5:

Возвращаемся к нашему документу. Дважды кликните по копии текстового слоя и примените следующие настройки Layer Style/Стиль слоя.
Drop Shadow/Тень: Измените цвет на #797979, смещение на 4, размер на 7.

Inner Shadow/Внутренняя тень: Измените цвет на #606060, смещение на 0, а размер на 15.

Outer Glow/Внешнее свечение: Измените режим наложения на Multiply/Умножение, а цвет на #9c9696.

Inner Glow/Внутреннее свечение: Измените режим наложения на Multiply/Умножение, а цвет на #d1d1d1.

Оба эффекта свечения используются для усиления теневых эффектов, изменяя их режим наложения на Multiply/Умножение.
Bevel and Emboss/Тиснение: Измените размер на 25, а цвет Shadow Mode/Режим тени на #d1cdb8.

Texture/Текстура: Выберите диагональный узор, который мы создали в предыдущем шаге, и измените глубину на 5. Вы можете увеличить значение глубины, если хотите чтобы диагональные линии были более ярко выражены.

Это придаст тексту набивной эффект.

Шаг 6:

Загрузите выделение слоя с текстом, кликнув по его иконке и удерживая клавишу Ctrl.

Теперь мы будем работать с каждой буквой по отдельности. Начните с первой буквы, создайте новый слой (Ctrl+Shift+N) поверх всех слоев и назовите его первой буквой вашего текста. Измените режим наложения слоя (Blend Mode) на Multiply/Умножение.

Выберите инструмент Rectangular Marquee Tool (M)/Прямоугольная область и на панели опций нажмите иконку Intersect with selection/Пересечение с выделенной областью. Затем сделайте выделение вокруг первой буквы.

Буква будет выделена отдельно.

Выберите инструмент Paint Bucket Tool (G)/ Заливка и залейте букву любым цветом. Здесь используется цвет #4ea6d0.

Шаг 7:

Дважды кликните по слою-заливке буквы (в данном случае «С») и примените следующие стили слоя:
Inner Shadow/Внутренняя тень: Выберите цвет из оттенков цвета буквы, здесь это цвет #74b6d4. Затем измените Opacity/Непрозрачность до 100%, смещение на 0, стягивание на 15, а размер на 18.

Gradient Overlay/Наложение градиента: Измените Blend Mode/Режим наложения на Soft Light/Мягкий свет, стиль градиента Radial/Радиальный, и масштаб 150%. Затем нажмите на окно градиента, чтобы его изменить.

Для градиента нужно два цвета: цвет справа будет одинаковым для каждой буквы #070606, а цвет слева подбирается с учетом цвета заливки вашей буквы. Вы можете попробовать различные варианты и посмотреть результат, после чего выбрать наиболее подходящий. Цвет, используемый в уроке #9de0ff.

Это придаст букве большей яркости.

Повторите предыдущие действия для каждой оставшейся буквы.
(Загрузите выделение текста (Ctrl+клик по иконке текстового слоя), используйте Rectangular Marquee Tool/Прямоугольная область для выделения одной буквы, создайте новый слой и измените режим наложения на Multiply/Умножение, залейте выделение цветом, примените стили слоя, используя подходящие цвета для Inner Shadow/Внутренней тени и градиента, и вы получите яркие разноцветные буквы).

Шаг 8:

Установите основной цвет #d7d0c0 и выберите инструмент Line Tool (U)/ Линия. На панели опций установите Weight/Толщина 7 пикселей и создайте линии как показано ниже. Обратите внимание, что линии создаются под текстовыми слоями. Чтобы линия была строго вертикальная, при её создании удерживайте клавишу Shift.

Дважды кликните по слою с линией и примените следующие настройки Layer Style /Стиля слоя:
Drop Shadow/ Тень: Измените цвет на #979797, и снимите флажок с Use Global Light/Использовать глобальное освещение. Затем измените угол на -145 и смещение на 38.

Inner Shadow/ Внутренняя тень: Измените цвет на #6a6a6a, поставьте смещение на 0.

Bevel and Emboss/ Тиснение: Измените Highlight Mode/Режим подсветки на Overlay/Перекрытие.

Contour/Контур: Оставьте значения по умолчанию.

Texture/Текстура: Используйте диагональный узор, который мы создали в 4 шаге, и измените глубину на 50.

Color Overlay/Наложение цвета: Выберите цвет соответствующей буквы. Здесь используется #347c9e.

У вас должен получиться такой результат

Шаг 9:

Продублируйте слой с линией и передвиньте копию слоя вправо за следующую букву.

Дважды кликните по копии слоя и измените цвет Color Overlay/ Наложение цвета на цвет соответствующей буквы. В уроке это цвет #e57e2e.

Если вы не хотите менять цвет через color overlay/наложение цвета, то можете создать новую фигуру другим цветом. Правда при копировании помимо наложения цвета, копируются и другие настройки слоя, что более удобно.

Сделайте тоже самое для оставшихся букв

Готово! Надеюсь урок вам понравился и оказался для вас полезным.

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

Источник: textuts (textuts.com/colorful-stuffed-text-effect/)
Перевод: Alysseum (demiart)