Текстовый гранж-эффект в Adobe Photoshop
22 апреля 2018 | Опубликовано в Уроки | Нет комментариев »
В этом уроке мы будем работать над созданием гранж-эффекта для текста в Adobe Photoshop. Все техники, которые мы будем использовать недеструктивны, что значит, что вы сможете, к примеру, изменить текст, не переделывая весь эффект. Мы будем работать с текстурами, картой смещения, режимами наложения, стилями слоя и масками!
Результат
Исходники
Для выполнения урока вам потребуются следующие файлы:
- Шрифт ChunkFive
- Текстура 01 от Patrick Tomasso
- Текстура 02 от Bharath Suresh
1. Готовим документ
Шаг 1
В меню выберите File > New/Файл>Создать и укажите параметры как показано ниже.
Шаг 2
Нажмите на клавишу T чтобы выбрать инструмент Horizontal Type/Горизонтальный текст и введите текст, используя шрифт из исходников.
Шаг 3
Укажите тексту цвет #633526
и кликните по иконке Warp Text/Искажение текста на панели настроек. Укажите параметры как показано ниже.
Шаг 4
Нажмите U чтобы выбрать инструмент Rounded Rectangle/Прямоугольник со скругленными углами. Создайте фигуру с параметрами как указано ниже.
Шаг 5
Создайте еще один прямоугольник. На этот раз большой: 1900×1400. Укажите ему цвет обводки #f7eac8,
и ширину в 10px.
Шаг 6
Нажмите G чтобы выбрать инструмент Paint Bucket/Заливка. С его помощью закрасьте фон цветом #ebdcbb
.
Шаг 7
В палитре Layers/Слои выделите слои с текстом и первым прямоугольником. Кликните по ним правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.
Шаг 8
Таким же образом превратите в смарт-объект слой со вторым прямоугольником. Затем кликните правой кнопкой по первому смарт-объекту и выберите Duplicate/Дублировать.
2. Создаем карту смещения
Шаг 1
Откройте Текстуру 01 в новом коне и нажмите Alt-Control-I чтобы изменить размер изображения на 2000×1500. После этого нажмите Shift-Control-S и сохраните документ как файл .psd.
Шаг 2
Сделайте активным слой второго смарт-объекта,и выберите в меню Filter > Distort > Displace/Фильтр>Искажение>Смещение, и затем выберите сохраненный файл psd. в качестве карты смещения. Настройте параметры как показано ниже.
Шаг 3
Так же примените карту смещения к первому смарт-объекту со следующими параметрами:
Вот что должно получиться:
3. Добавляем текстуру
Шаг 1
Выделите все слои и кликните по иконке Create a New Group/Создать группу.
Шаг 2
Кликните дважды по слою второго смарт-объекта, чтобы открыть стили слоя для него. Укажите параметры как показано ниже, выберите цвет #633526
.
Шаг 3
Укажите этому же слою стиль Stroke/Обводка. Используйте цвет #633526
.
Шаг 4
Укажите слою Blending Mode/Режим наложения Overlay/Перекрытие в палитре Layers/Слои.
Шаг 5
Выделите группу с нашими слоями и кликните по иконке Create Mask/Создать маску.
Шаг 6
Откройте Текстуру 01, нажмите на M чтобы выбрать инструмент Rectangular Marquee/Прямоугольная область. Выделите все изображение и нажмите Control-C.
Шаг 7
Кликните левой кнопкой по маске группы, чтобы сделать ее активной, затем нажмите Control-V.
Шаг 8
Нажмите Control-I чтобы инвертировать маску.
Шаг 9
И наконец несколько деталей. Поместите Текстуру 02 поверх всех слоев и укажите слою Blending Mode/Режим наложения Multiply/Умножение. Нажмите Alt-Shift-Control-B чтобы конвертировать текстуру в черно-белый режим.
Результат
Автор урока Ivan Gromov
Перевод — Дежурка
Смотрите также: