Текстовый эффект с золотыми блестками в Adobe Photoshop
24 сентября 2016 | Опубликовано в Уроки | 2 Комментариев »
В этом уроке мы будем создавать текстовый эффект с золотыми блестками. Весь эффект будет создаваться при помощи стилей слоя, что делает его редактируемым. После этого мы добавим корректирующий слой, чтобы немного выровнять цвет. После выполнения урока вы будете понимать из чего состоит эффект и сможете легко экспериментировать со всеми составляющими.
Результат
Исходники
Для выполнения урока вам понадобятся следующие материалы:
- Шрифт RockoUltraFLF
- Гранж-текстура Unrestricted grey soft grunge от DivsM-stock
- Паттерн с блестками Wastedshame Free Glitter Patterns от wastedshame
1. Создаем фон
Шаг 1
Создайте новый документ размером 850 x 600px и дублируйте фоновый слой.
Шаг 2
Кликните дважды по копии слоя, чтобы открыть стили слоя и выберите Gradient Overlay/Перекрытие градиента. Настройте параметры как показано ниже, используя цвета #3d3d3d и #151515.
Шаг 3
Поместите гранж-текстуру над копией фонового слоя, и в меню выберите Edit > Transform > Rotate 90° Counter Clockwise/Редактировать>Трансформировать>Повернуть на 90° против часовой стрелки. При необходимости масштабируйте текстуру.
Переименуйте слой с текстурой в BG Texture и укажите ему Blend Mode/Режим наложения Overlay/Перекрытие на Opacity/Непрозрачности в 75%.
Шаг 4
Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои и выберите Hue/Saturation/Цветовой тон/Насыщенность.
Шаг 5
Настройте корректирующий слой как показано на картинке ниже.
2. Создание текста и блестящего паттерна
Шаг 1
Введите свой текст заглавными буквами шрифтом RockoUltraFLF, и укажите размер шрифта в 200 pt.
Шаг 2
Дублируйте слой с текстом и укажите копии Fill/Заливку в 0%.
Шаг 3
Откройте паттерн с блестками и в меню выберите Edit > Define Pattern/Редактировать>Определить узор, после чего нажмите OK.
Так мы добавим паттерн с узором в нашу палитру узоров.
3. Стили для оригинального слоя текста
Кликните дважды по оригинальному слою с текстом, чтобы открыть стили слоя, укажите следующие стили с соответствующими настройками:
Шаг 1
Bevel and Emboss/Тиснение
Шаг 2
Contour/Контур
Шаг 3
Stroke/Обводка
Создайте для обводки свой градиент, кликнув по градиенту в окне.
Шаг 4
Укажите следующие оттенки и положения цветовых бегунков в градиенте:
Цвет — Положение
#272727- 0%#4f3662- 32%#8163a6- 67%#ebdffe- 100%
Шаг 5
Inner Shadow/Внутренняя тень
Шаг 6
Inner Glow/Внутреннее свечение
Используйте цвет #999891
Шаг 7
Satin/Глянец
Используйте цвет #0d3537.
Шаг 8
Gradient Overlay/Перекрытие градиента
Используйте тот же градиент, что в стиле Обводки
Шаг 9
Drop Shadow/Тень
Используйте цвет #a3a3a3.
Вот что должно получиться.
4. Стили для копии слоя с текстом
Кликните дважды по слою с копией текста, и укажите следующие стили с соответствующими настройками:
Шаг 1
Bevel and Emboss/Тиснение
Шаг 2
Contour/Контур
Шаг 3
Inner Glow/Внутреннее свечение
Используйте цвет #999891.
Шаг 4
Gradient Overlay/Перекрытие градиента
Используйте градиент следующих параметров:
Цвет — Положение
#272727- 0%#575653- 32%#a09d93- 66%#fef7df- 100%
Шаг 5
Pattern Overlay/Перекрытие узора
Используйте узор glitter-yellow.jpg
Вот что должно получиться на этом этапе.
5. Настройка финального результата
Шаг 1
Чтобы сделать эффект интенсивнее, дублируйте копию слоя с текстом и укажите второй копии Opacity/Непрозрачность около 60%.
Шаг 2
И наконец добавим корректирующий слой Gradient Map/Карта градиента поверх всех слоев.
Создайте градиент от цвета #566d7c к #9a9c8a и к #fddea2.
Теперь смените Blend Mode/Режим наложения слоя на Linear Light/Линейное освещение на Opacity/Непрозрачности в 15%.
Результат
Автор урока Rose
Перевод — Дежурка
Смотрите также:
549
27 сентября 2016 в 13:41
У меня вот что получилось