Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Изящный золотой текст в Adobe Photoshop

7 июля 2015 | Опубликовано в Уроки | 4 Комментариев »

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

 

Результат

Elegant Glossy Text Effect

Исходники

Чтобы скачать нужный нам стандартный набор кистей для Photoshop, зайдите в меню Edit > Presets > Preset Manager/Редактировать>Наборы>Менеджер наборов и выберите Brushes/Кисти в выпадающем меню Preset Type/Тип набора. Затем кликните по маленькой стрелке справа от выпадающего меню и выберите Square Brushes/Квадратные кисти. В появившемся диалоговом окне выберите Append/Добавить.

Загружаем контуры

Нам нужно скачать контуры, которые мы будем использовать для некоторых стилей слоя. Для этого вновь зайдите в менеджер наборов и выберите Contours/Контуры в меню Preset Type/Тип набора.

Elegant Glossy Text Effect

Кликните по маленькой стрелку в правом верхнем углу и выберите Contours/Контуры.

Elegant Glossy Text Effect

Нажмите Append/Добавить в появившемся окне.

Elegant Glossy Text Effect

Шаг 1

Создайте документ размером 950 x 650 px. Дублируйте фон дважды и смените для второй копии слоя параметр Fill на 0.

Elegant Glossy Text Effect

Кликните дважды по первой копии фонового слоя и укажите ему стиль слоя Gradient Overlay/Перекрытие градиента. Настройте параметры эффекта как показано ниже, указав градиент от цвета #4a4a46 к #282929.

Elegant Glossy Text Effect

Это добавит обычный градиент фону.

Elegant Glossy Text Effect

Кликните дважды по второй копии фонового слоя и примените к нему стиль слоя Pattern Overlay/Перекрытие Узора. Выберите паттерн webtreats_brown_leather.jpg и повторите настройки ниже.

Elegant Glossy Text Effect

Так вы добавите фону текстуру кожи.

Elegant Glossy Text Effect

Шаг 2
Создайте текст, используя шрифт FoglihtenNo07 цвета # 816d36 и размера в 250 pt.
В меню Character/Символы (Window > Character/Окно>Символы) кликните по иконке Standard Ligatures/Стандартные лигатуры, затем дублируйте слой с текстом.

Elegant Glossy Text Effect

Кликните дважды по оригинальному слою текста, чтобы применить к нему следующие стили слоя:

Bevel and Emboss/Тиснение

Elegant Glossy Text Effect

Contour/Контур

Elegant Glossy Text Effect

Stroke/Обводка
Используйте градиент Gold Rail G2.

Elegant Glossy Text Effect

Так мы создадим обводку.

Elegant Glossy Text Effect

Шаг 3

Кликните дважды по копии слоя с текстом, чтобы применить к нему следующий стили слоя:

Bevel and Emboss/Тиснение

Elegant Glossy Text Effect

Contour/Контур

Elegant Glossy Text Effect

Inner Glow/Внутреннее свечение
Используйте цвет #ececec

Elegant Glossy Text Effect

Pattern Overlay/Перекрытие узора
Используйте паттерн webtreats_grey_leather.jpg

Elegant Glossy Text Effect

Drop Shadow/Тень

Elegant Glossy Text Effect

Так мы стилизуем текст.

Elegant Glossy Text Effect

Шаг 4

Выделите оба текстовых слоя, дублируйте их и разместите копии под оригинальными слоями. В меню выберите Layer > Merge Layers/Слой>Объединить слои.
Переименуйте получившийся слой в «Shadow» и смените для него параметр Fill/Заливка на 0.

Elegant Glossy Text Effect

Кликните дважды по слою «Shadow», чтобы указать ему стиль слоя Drop Shadow/Тень со следующими параметрами:

Elegant Glossy Text Effect

Так мы добавим еще больше глубины эффекту.

Elegant Glossy Text Effect

Шаг 5

Возьмите инструмент Brush/Кисть, откройте палитру Brush/Кисть и выберите кисть Hard Square 7 px. Настройте параметры кисти как показано ниже:

Brush Tip Shape/Форма отпечатка кисти

Elegant Glossy Text Effect

Shape Dynamics/Динамика формы

Elegant Glossy Text Effect

Шаг 6

Кликните правой кнопкой по любому из текстовых слове и выберите Create Work Path/Создать рабочий контур.

Создайте новый слой поверх остальных слоев, назовите его «Diamonds» и выберите инструмент Direct Selection/Прямое выделение.

Elegant Glossy Text Effect

Кликните правой кнопкой по рабочему контуру и выберите Stroke Path/Обводка контура. Появится окно, в котором вам нужно выбрать в графе Tool/Инструмент значение Brush/Кисть. Также включите опцию Simulate Pressure/Имитировать нажим.

Elegant Glossy Text Effect

Таким образом мы создадим обвокдку из камушков. Нажмите Enter/Return, чтобы избавиться от контура.

Elegant Glossy Text Effect

Шаг 7

Кликните дважды по слою «Diamonds», чтобы применить к нему следующие стили слоя:

Bevel and Emboss/Тиснение
Цвет тени: #3e2900

Elegant Glossy Text Effect

Contour/Контур

Elegant Glossy Text Effect

Color Overlay/Перекрытие цвета
Цвет: #776d38

Elegant Glossy Text Effect

Drop Shadow/Тень

Elegant Glossy Text Effect

Таким образом у нас появятся камушки.

Elegant Glossy Text Effect

Результат

Elegant Glossy Text Effect

Автор урока Rose

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Demeyer
    Thumb up Thumb down 0

    Спасибо за урок. Только нужный паттерн не удалось отыскать :(

  2. Наталья
    Thumb up Thumb down 0

    Кто ищет тот всегда найдет! Ссылка на паттерн backgrounds.mysitemyway.c...ther-patterns-2

  3. Наталья
    Thumb up Thumb down 0

    backgrounds.mysitemyway.c...ther-patterns-2 

  4. Наталья
    Thumb up Thumb down 0

    Не дает вставить ссылку (((вообщем ищите на сайте backgrounds.mysitemyway.com я нашла по тегу «leather»