Учимся создавать эффект наполненного текста

 Учимся создавать эффект наполненного текста

Этот урок Photoshop рассказывает, как создать интересный и простой эффект наполненного текста, используя слои Photoshop, стили и фильтры.

Предварительный просмотр результата

Учимся создавать эффект наполненного текста

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

Шаг 1

Создаем новый документ, размеры 1024x768px, устанавливаем цвет переднего плана #6e3f68 и цвет фона #261e25. Затем создаем радиальный градиент от центра документа к одному из его углов.

Учимся создавать эффект наполненного текста

Шаг 2

Пишем текст, используя цвет #9572a2, шрифт BubbleGum и размер 250 px.

Учимся создавать эффект наполненного текста

Дважды нажимаем на текстовом слое и применяем следующие стили:
Drop Shadow: меняем параметр Size на 27.

Учимся создавать эффект наполненного текста

Inner Shadow: меняем цвет на #6f389d, Distance на 0 и Size на 29.

Учимся создавать эффект наполненного текста

Bevel and Emboss: меняем Size на 40, Gloss Contour на Gaussian и отмечаем галкой Anti-aliased, Highlight Mode меняем на Overlay и цвет Shadow Mode color на #7d7d7d. (Вы можете изменить значение Size, если вы используете другой тип шрифта и размер.)

Учимся создавать эффект наполненного текста

Texture: выбираем Woven Pattern (этот узор Pattern расположен в группе Patterns group) и устанавливаем Depth на 20.

Учимся создавать эффект наполненного текста

Gradient Overlay: меняем режим смешения Blend Mode на Soft Light, и нажимаем на Gradient box, чтобы поменять цвета.

Учимся создавать эффект наполненного текста

Градиент создавался с использованием двух цветов: #6e6e6e и #464646.

Учимся создавать эффект наполненного текста

Вот, что вы должны получить после применения всех вышеуказанных стилей:

Учимся создавать эффект наполненного текста

Шаг 3

Текст начинает приобретать «наполненный» вид, но пока всё ещё не хватает определенности и текстуры. Поэтому создаем новый слой над всеми слоями и называем его “texture”.

Учимся создавать эффект наполненного текста

Зажимаем кнопку Ctrl и нажимаем на иконке текстового слоя, чтобы выделить его.

Учимся создавать эффект наполненного текста

Устанавливаем цвет переднего плана #a77d31 и цвет фона — #724c21, заливаем выделение цветом переднего плана и нажимаем Ctrl + D (Select -> Deselect), чтобы снять выделение.

Учимся создавать эффект наполненного текста

Мы собираемся применять несколько фильтров, поэтому меняем значения, как показано на изображениях ниже для каждого фильтра. Начинаем с фильтра Filter > Sketch > Reticulation:

Учимся создавать эффект наполненного текста

Учимся создавать эффект наполненного текста

Теперь переходим к фильтру Filter > Artistic > Watercolor:

Учимся создавать эффект наполненного текста

Учимся создавать эффект наполненного текста

И наконец применяем фильтр Filter > Artistic > Underpainting:

Учимся создавать эффект наполненного текста

Учимся создавать эффект наполненного текста

Когда вы закончите, переходим в меню Image > Adjustments > Hue/Saturation, меняем значение Saturation на -100 и Lightness на +10.

Учимся создавать эффект наполненного текста

Меняем режим смешения Blend Mode для слоя “texture” на Soft Light.

Учимся создавать эффект наполненного текста

Шаг 4

Пришло время добавить несколько стежков. Открываем панель кистей инструмента Brush (Window > Brush или F5). Выбираем круглую кисть с четкими краями, меняем её размер на 10рх, устанавливаем Roundness около 21% и меняем Spacing на 675%.

Учимся создавать эффект наполненного текста

В Shape Dynamics убедитесь, что выбран параметр Direction from the Angle Jitter из выпадающего меню, это позволит располагать стежки, следуя направлению  текстового пути.

Учимся создавать эффект наполненного текста

Создаем новый слой над всеми слоями, называем его “stitches”, и устанавливаем цвет переднего плана на #9b79a8.

Учимся создавать эффект наполненного текста

Нажимаем правой кнопкой на текстовом слое и выбираем Create Work Path. Затем выделяем опять слой “stitches”, теперь он у нас является активным слоем.

Учимся создавать эффект наполненного текста

Берем инструмент Direct Selection Tool, нажимаем правой кнопкой на пути, который мы только что создали, и выбираем Stroke Path.

Учимся создавать эффект наполненного текста

Учимся создавать эффект наполненного текста

Текст должен быть обведен кистью со стежками.

Учимся создавать эффект наполненного текста

Нажимаем дважды на слое “stitches”, чтобы добавить два дополнительных стиля слоя:
Drop Shadow: меняем Distance на 0.

Учимся создавать эффект наполненного текста

Bevel and Emboss: меняем цвет Shadow Mode color на #60371d.

Учимся создавать эффект наполненного текста

Это добавит больше глубины и объема стежкам.

Учимся создавать эффект наполненного текста

Шаг 5

Наконец, мы собираемся добавить простой фон. Открываем изображение Plain Fabric Texture 06 (полный размер) и располагаем его прямо над слоем с градиентным фоном. Меняем размер так, чтобы уместить его в документ, затем переходим в меню Image > Adjustments > Hue/Saturation, меняем Saturation на -100 и Lightness на +50.

Учимся создавать эффект наполненного текста

Меняем режим смешения Blend Mode для слоя с изображением на Soft Light.

Учимся создавать эффект наполненного текста

Результат

 

Учимся создавать эффект наполненного текста 

http://www.photoshopstar.com/
Перевод: http://www.4webmaster.ru/

 

Рекомендуем почитать:
Эффект мраморного текста
Учимся создавать эффект быстрого движения в Photoshop (Часть 1)
Учимся создавать эффект акварели


Оставить комментарий: