Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Создаём Текст из Камуфляжной Ткани в программе Adobe Photoshop

by
Read Time:7 minsLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Если вы не хотите выполнять этот урок, но всё же хотите приобрести данный текстовый стиль, то перейдите на сайт GraphicRiver и купите набор Стилей из Различной Ткани.

Полная версия имеет восемь различных текстовых стилей и включает работу с фигурами и текстом.

Fabric StylesFabric StylesFabric Styles
Стили из Различной Ткани

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

Следующие исходные материалы были использованы для создания данного урока:

  • Шрифт Aller Display
  • Задний фон и Контуры находятся в приложении к данному уроку.

1. Создаём Узор Ткани

Шаг 1

Откройте программу Photoshop, а затем создайте новый документ со следующими размерами 18 x 18 px.

Creating a new documentCreating a new documentCreating a new document

Шаг 2

Поменяйте цвет переднего плана на #6b6b6b.

Changing the foreground colorChanging the foreground colorChanging the foreground color

Шаг 3

Нажмите клавиши (Ctrl+Shift+N), чтобы создать новый слой. Далее, выберите инструмент Прямоугольник (Rectangle Tool). Нарисуйте квадрат со следующими размерами 6 x 6 px в верхнем левом углу холста (Вы можете увеличить масштаб изображения, для этого, удерживая клавиши (Ctrl+Space)+щёлкните левой кнопкой мыши по холсту).

Нам нужно создать точно такую же текстуру, как на скриншоте ниже. Обратите внимание, что у нас три разных оттенка на изображении: светлый оттенок #6b6b6b, оттенок средних тонов #3f3f3f и тёмный оттенок #121212. Продолжайте создавать квадратики 6 x 6 px на отдельных слоях, пока вы полностью не заполните весь холст 18 x 18 px.

Creating the textureCreating the textureCreating the texture

Шаг 4

Далее, идём Редактирование - Определить узор (Edit > Define Pattern). Дайте название узору Урок Текстура Ткани (Fabric Texture Tutorial). Затем нажмите кнопку 'OK', чтобы сохранить узор.

Saving the patternSaving the patternSaving the pattern

2. Создаём Текстуру Камуфляжа

Шаг 1

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

Creating a new documentCreating a new documentCreating a new document

Шаг 2

Нажмите клавишу 'D', чтобы выставить цвет переднего и заднего плана по умолчанию. Далее идём Фильтр - Рендеринг - Облака (Filter > Render > Clouds).

Using the Clouds filterUsing the Clouds filterUsing the Clouds filter

Шаг 3

Идём Фильтр - Оформление - Мозаика (Filter > Pixelate > Mosaic). Установите Размер ячейки (Cell Size) на 18 квадратов (square), а затем нажмите кнопку 'OK'.

Using the Mosaic filterUsing the Mosaic filterUsing the Mosaic filter

Шаг 4

Идём Фильтр - Галерея фильтров - Имитация - Аппликация (Filter > Filter Gallery.> Artistic> Cutout). Установите следующие настройки. которые указаны ниже:

  • Количество уровней (Number of Levels): 4 или 5 (протестируйте и посмотрите, какое значение больше всего подходит)
  • Простота краёв (Edge Simplicity): 1
  • Чёткость краёв (Edge Fidelity): 1
Using the cutout filterUsing the cutout filterUsing the cutout filter

Шаг 5

Теперь дважды щёлкните по слою с Задним фоном (Background), чтобы разблокировать слой. Далее, переименуйте слой в Основа Камуфляжа (Base Camo) и нажмите кнопку 'OK'.

Renaming the layerRenaming the layerRenaming the layer

Шаг 6

Дважды щёлкните по слою Основа Камуфляжа (Base Camo), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
  • Непрозрачность (Opacity): 52%
  • Узор (Pattern): выберите узор, который мы создали ранее Урок Текстура Ткани (Fabric Texture Tutorial)
  • Масштаб (Scale): 100%
  • Поставьте галочку в окошке Связать со слоем (Link with Layer)

Нажмите кнопку 'ОК'.

Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Результат должен быть, как на скриншоте ниже.

How the image should lookHow the image should lookHow the image should look

Шаг 7

Идём Окно - Коррекция (Window > Adjustments), чтобы открыть панель Коррекция (Adjustments).

Opening the Adjustments PanelOpening the Adjustments PanelOpening the Adjustments Panel

Шаг 8

Щёлкните по последнему значку в панели, чтобы добавить корректирующий слой Карта градиента (Gradient Map).

Creating a gradient map layerCreating a gradient map layerCreating a gradient map layer

Шаг 9

Дважды щёлкните по миниатюре корректирующего слоя Карта градиента 1 (Gradient Map 1), чтобы появилась панель настроек градиента Свойства (Properties).

Opening the properties panelOpening the properties panelOpening the properties panel

Шаг 10

Щёлкните по шкале градиента в панели Свойства (Properties), чтобы открыть окно Редактор градиентов (Gradient Editor).

Вы можете поиграть с различными оттенками в этом шаге. Я собираюсь создать зелёную текстуру.

Примените следующие настройки для создания градиента:

  • Первая контрольная точка цвета: #0c1005
  • Позиция первой контрольной точки: 0%
  • Вторая контрольная точка цвета: #8aa269
  • Позиция второй контрольной точки: 51%
  • Третья контрольная точка цвета: #e3efcc
  • Позиция третьей контрольной точки: 100%
Creating a Gradient mapCreating a Gradient mapCreating a Gradient map

Шаг 11

Перейдите на слой Основа Камуфляжа (Base Camo), а затем идём Редактирование - Определить узор (Edit > Define Pattern), далее, дайте название узору Текстура Камуфляжа (Camo Fabric) и нажмите кнопку 'OK'.

Saving the patternSaving the patternSaving the pattern

3. Создаём Текстуру Строчки

Шаг 1

Создайте новый документ со следующими размерами 4 x 4 px. Установите содержимое заднего фона на чёрный цвет.

Creating a new documentCreating a new documentCreating a new document

Шаг 2

Увеличьте масштаб изображение, пока вы не увидите отдельные пиксели. Далее, выберите инструмент Карандаш (Pencil Tool), размер карандаша 1 px. Нарисуйте диагональную белую линию, как показано на скриншоте ниже.

Drawing a white line with the pencil toolDrawing a white line with the pencil toolDrawing a white line with the pencil tool

Шаг 3

Идём Редактирование- Определить узор (Edit > Define Pattern). Назовите этот узор Текстура Строчки (Border Texture).

Saving the patternSaving the patternSaving the pattern

4. Создаём Стили Слоя

Шаг 1

Откройте исходное изображение с задним фоном, которое находится в приложении к уроку. 

Background imageBackground imageBackground image

Шаг 2

Выберите инструмент Горизонтальный текст (Type Tool (T), установите шрифт Aller Display, размер шрифта 179 pt. Напишите слово FABRIC. Далее, расположите слово на полке заднего фона.

Horizontal type tool and its settingsHorizontal type tool and its settingsHorizontal type tool and its settings

Шаг 3

Дважды щёлкните по слою с текстом, чтобы применить стили слоя.

Давайте начнём со стиля слоя Наложение узора (Pattern Overlay), таким образом, мы сможем увидеть, что происходит на изображении.

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): выберите узор, который мы создали ранее Текстура Камуфляжа (Camo Fabric)
  • Масштаб (Scale): 25%
  • Поставьте галочку в окошке Связать со слоем (Link with Layer)
Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Шаг 4

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Тиснение (Emboss)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 174%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 4 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90º
  • Высота (Altitude): 48º
  • Контур глянца (Gloss Contour): щёлкните по окошку, чтобы появилось окно Редактора контуров, а затем загрузите файл с контурами, который находится в приложении.
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Режим подсветки (Highlight Mode): цвет #ffffff
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity) 10%
  • Режим тени (Shadow Mode): Нормальный (Normal)
  • Режим тени (Shadow Mode): цвет #364928
  • Режим тени (Shadow Mode): Непрозрачность (Opacity) 81%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Шаг 5

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 4 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Отдельный оттиск (Overprint)
  • Тип обводки (Fill Type): Узор (Pattern)
  • Узор (Pattern): выберите узор Текстура Камуфляжа (Camo Fabric)
  • Масштаб (Scale): 25%
  • Поставьте галочку в окошке Связать со слоем (Link with Layer)
Stroke settingsStroke settingsStroke settings

Шаг 6

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 2%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -27º
  • Смещение (Distance): 6 px
  • Стягивание (Choke): 6%
  • Размер (Size): 8 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Шаг 7

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 20%
  • Шум (Noise): 0%
  • Цвет: #ffffff
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): Из центра (Center)
  • Стягивание (Choke): 39%
  • Размер (Size): 27 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 85%
  • Колебание (Jitter): 0%
Inner Glow settingsInner Glow settingsInner Glow settings

Шаг 8

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise): 59%
  • Цвет: #969c8e
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 100%
  • Размер (Size): 4 px
  • Контур (Contour): Линейный (Linear)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
  • Колебание (Jitter): 0%
Outer Glow settingsOuter Glow settingsOuter Glow settings

Шаг 9

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #000000
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 146º
  • Смещение (Distance): 1 px
  • Размах (Spread): 26%
  • Размер (Size): 10 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Шаг 10

Перейдите на слой с текстом, нажмите клавиши (Ctrl+J), чтобы продублировать слой. Назовите дубликат слоя Камуфляж ТОП (Camo TOP).

Renaming the layerRenaming the layerRenaming the layer

Шаг 11

Щёлкните правой кнопкой мыши по слою Камуфляж ТОП (Camo Top) и в появившемся окне, выберите опцию Очистить стили слоя (Clear layer style). Далее, дважды щёлкните по данному слою, чтобы применить следующие стили слоя:

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Тиснение (Emboss)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 174%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 4 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90º
  • Высота (Altitude): 48º
  • Контур глянца (Gloss Contour): выберите контур, который мы установили ранее (Fabric Custom)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Режим подсветки (Highlight Mode): цвет #ffffff
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity) 0%
  • Режим тени (Shadow Mode): Нормальный (Normal)
  • Режим тени (Shadow Mode): цвет #4d6326
  • Режим тени (Shadow Mode): Непрозрачность (Opacity) 15%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Шаг 12

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 2 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add)
  • Непрозрачность (Opacity): 45%
  • Уберите галочку в окошке Отдельный оттиск (Overprint)
  • Тип обводки (Fill Type): Узор (Pattern)
  • Узор (Pattern): выберите узор Текстура Строчки (Border Texture), данный узор создаст эффект строчки на краях.
  • Масштаб (Scale): 200%
  • Поставьте галочку в окошке Связать со слоем (Link with Layer)
Stroke settingsStroke settingsStroke settings

Шаг 13

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Цвет: #000000
  • Непрозрачность (Opacity): 20%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -27º
  • Смещение (Distance): 0 px
  • Стягивание (Choke): 62%
  • Размер (Size): 10 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Шаг 14

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 4%
  • Шум (Noise): 0%
  • Цвет: #ffffff
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): Из центра (Center)
  • Стягивание (Choke): 53%
  • Размер (Size): 16 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 85%
  • Колебание (Jitter): 0%

Далее, нажмите кнопку 'ОК'.

Inner Glow settingsInner Glow settingsInner Glow settings

Поздравляю! Мы завершили урок!

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

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

Не забудьте сохранить стили слоя, таким образом, вы сможете использовать их в своих других проектах. 

Final ResultFinal ResultFinal Result

Надеюсь, что вам понравился этот урок. Не стесняйтесь оставлять свои комментарии к уроку.

Данный текстовый эффект, который мы создали сегодня, является частью Стилей из Различной Ткани.

Fabric StylesFabric StylesFabric Styles
Стили из Различной Ткани
One subscription.
Unlimited Downloads.
Get unlimited downloads