Реалистичные текстуры и узоры легко создать в Photoshop. Они идеально подходят для текстовых эффектов и помогают выделить слой-фигуры.

Хотите узнать, как будет выглядеть джинсовая ткань? Тогда в этом коротком уроке вы узнаете, как создать джинсовый узор!

Вдохновитесь невероятными узорами, а также другими ресурсами от Envato Market и Envato Elements.

1. Создаём Узор Denim в Photoshop

Шаг 1

Создайте новый документ со следующими размерами 850 x 850 px.

Ниже представлены цвета, которые я использовала для создания данного эффекта:

• Светило-синий: 6279a4
• Тёмно-синий: 42516e
• Красный: ff430e
  

Шаг 2

Установите цвет переднего плана на светло-синий оттенок, а цвет заднего плана на несколько тонов темнее.

Далее, создайте новый слой, залейте этот слой светло-синим оттенком с помощью инструмента Заливка (Paint Bucket Tool (G).

Шаг 3

Теперь идём Фильтр – Эскиз – Полутоновый узор (Filter > Sketch > Halftone Pattern). Установите Размер (Size) на 3, а Контрастность (Contrast) на 5.

Шаг 4

Не закрывайте окно палитры фильтров, добавьте Новый слой эффектов (New Effect Layer). Далее идём Имитация – Растушёвка (Artistic > Smudge Stick). Установите следующие значения, которые указаны ниже:

• Длина штрихов (Stroke Length): 2
• Область светов (Highlight Area): 2
  
• Интенсивность (Intensity): 10
  

Добавление новых слоёв эффектов, как этот, поможет вам быстро смешать и совместить эффекты фильтров. Нажмите кнопку ‘OK’, когда закончите.

Шаг 5

Ещё раз, добавьте новый слой эффектов. Далее идём Искажение – Мокрая бумага (Distort > Water Paper). Установите следующие значения, которые указаны ниже: Примечание переводчика: фильтр Мокрая бумага (Water Paper) находится в папке Эскиз (Sketch).

• Длина волн (Fiber Length): 8
• Яркость (Brightness): 55
  
• Контрастность (Contrast): 81

Шаг 6

Создайте новый слой, а затем повторите те же самые шаги, которые мы проделывали ранее, только на этот раз установите цвет переднего плана на тёмно-синий оттенок, а цвет заднего плана на белый цвет.

Залейте новый слой тёмно-синим оттенок с помощью инструмента Заливка (Paint Bucket Tool (G).

Далее идём Фильтр – Эскиз – Полутоновый узор (Filter > Sketch > Halftone Pattern). Установите Размер (Size) на 3, а Контрастность (Contrast) на 5.

Шаг 7

Не закрывайте окно палитры фильтров, добавьте Новый слой эффектов (New Effect Layer). Далее идём Имитация – Губка (Artistic > Sponge). Установите следующие значения, которые указаны ниже:

• Размер кисти (Brush Size): 7
• Контрастность (Definition): 11
  
• Смягчение (Smoothness): 1

Поменяйте режим наложения для второго слоя с текстурой ткани на Умножение (Multiply). Уменьшите значение Непрозрачности (Opacity) до 75%.

Шаг 8

Создайте третий новый слой, а затем повторите те же самые шаги, которые мы проделывали ранее, только на этот раз установите цвет переднего плана на тёмно-синий оттенок, а цвет заднего плана на ярко-красный оттенок.

Точно так же, как в предыдущих шагах, вначале нам нужно применить фильтр Полутоновый узор (Halftone Pattern), а затем фильтр Растушёвка (Smudge Stick).

Шаг 9

Не закрывайте окно палитры фильтров, добавьте Новый слой эффектов (New Effect Layer). Далее идём Имитация – Растушёвка (Artistic > Smudge Stick). Установите следующие значения, которые указаны ниже:

• Длина штрихов (Stroke Length): 2
• Область светов (Highlight Area): 3
  
• Интенсивность (Intensity): 10
  

Поменяйте режим наложения для третьего слоя на Разделить (Divide), а также уменьшите Непрозрачность (Opacity) до 40%. Изучите исходные изображения с образцами джинсовой ткани, чтобы понять общую структуру ниток и ткани.

Шаг 10

Добавьте новый корректирующий слой Цветовой баланс (Color Balance) для коррекции цветовой палитры. Добавьте следующие значения для Теней (Shadows), Средних тонов (Midtones) и Света (Highlights).

Объедините все слои вместе. На скриншоте ниже вы можете увидеть первый образец текстуры джинсовой ткани.

2. Варьируем Цвета Джинсовой Ткани

Шаг 1

Для создания разнообразия цветовых решений, попробуйте применить следующие простые шаги.

Нажмите клавиши (Ctrl+J), чтобы создать дубликат слоя с джинсовой тканью.

Поэкспериментируйте с различными режимами наложения, чтобы применить данный дубликат слоя к оригинальному слою с джинсовой тканью. Каждый режим наложения даст вам немного другой цвет джинсовой ткани. Здесь я использовала режим наложения Исключение (Exclusion).

Данный второй слой поможет нам создать более реалистичную джинсовую отделку.

Далее, объедините эти оба слоя вместе.

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

Шаг 2

Когда вы закончите, выделите созданный фрагмент джинсовой ткани с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), а затем идём Редактирование – Определить узор (Edit > Define Pattern), чтобы использовать в будущих проектах.

Вы можете получить доступ к сохранённым узорам через функцию Управления наборами (Preset Manager).

3. Применяем Узор Джинсовой Ткани

Использование данного узора так же просто, как и его создание! Если вам нужно быстро вспомнить, как установить узоры Photoshop, тогда ознакомьтесь с этим видео:

• Узоры
  Photoshop за 60 Секунд: Как Установить и Использовать Узоры
  Melody Nieves

Протестируйте свой узор на красивой фигуре, созданной с помощью инструмента Произвольная фигура (Custom Shape Tool (U). Поэкспериментируйте с различными фигурами, чтобы увидеть свой узор в действии.

Просто выберите узор из выпадающего меню, а затем в палитре узоров, выберите свой новый набор джинсовых узоров (либо из двух последних образцов ткани).

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

Помните, что лучший способ освоить этот материал - попробовать его на практике. Попрактикуйтесь с различными текстурами, чтобы усовершенствовать свои собственные узоры.

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

Посетите следующие уроки, чтобы узнать больше от любителей дизайна, как вы!

• Геометрические Узоры
  Photoshop за 60 Секунд: Как Создать Простой Геометрический Узор
  Melody Nieves
• Узоры
  Создаём Геометрический Узор в стиле 90х Используя Базовые Фигуры в Adobe Photoshop
  Mohammad Jeprie