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

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

Текстовый эффект с золотыми блестками в Adobe Photoshop

24 сентября 2016 | Опубликовано в Уроки | 2 Комментариев »

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

 

Результат

Final Result

Исходники

Для выполнения урока вам понадобятся следующие материалы:

1. Создаем фон

Шаг 1

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

Duplicate the Background Layer

Шаг 2

Кликните дважды по копии слоя, чтобы открыть стили слоя и выберите Gradient Overlay/Перекрытие градиента. Настройте параметры как показано ниже, используя цвета #3d3d3d и #151515.

Gradient Overlay

Шаг 3

Поместите гранж-текстуру над копией фонового слоя, и в меню выберите Edit > Transform > Rotate 90° Counter Clockwise/Редактировать>Трансформировать>Повернуть на 90° против часовой стрелки. При необходимости масштабируйте текстуру.

Переименуйте слой с текстурой в BG Texture и укажите ему Blend Mode/Режим наложения Overlay/Перекрытие на Opacity/Непрозрачности в 75%.

Add the Background Texture

Шаг 4

Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои и выберите Hue/Saturation/Цветовой тон/Насыщенность.

HueSaturation

Шаг 5

Настройте корректирующий слой как показано на картинке ниже.

HueSaturation Settings

2. Создание текста и блестящего паттерна

Шаг 1

Введите свой текст заглавными буквами шрифтом RockoUltraFLF, и укажите размер шрифта в 200 pt.

Create the Text

Шаг 2

Дублируйте слой с текстом и укажите копии Fill/Заливку в 0%.

Duplicate the Text Layer

Шаг 3

Откройте паттерн с блестками и в меню выберите Edit > Define Pattern/Редактировать>Определить узор, после чего нажмите OK.

Так мы добавим паттерн с узором в нашу палитру узоров.

Define the Glitter Pattern

3. Стили для оригинального слоя текста

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

Шаг 1

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

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Stroke/Обводка

Создайте для обводки свой градиент, кликнув по градиенту в окне.

Stroke

Шаг 4

Укажите следующие оттенки и положения цветовых бегунков в градиенте:

Цвет — Положение

  • #272727 - 0%
  • #4f3662 - 32%
  • #8163a6 - 67%
  • #ebdffe - 100%

Create the Gradient Fill

Шаг 5

Inner Shadow/Внутренняя тень

Inner Shadow

Шаг 6

Inner Glow/Внутреннее свечение

Используйте цвет #999891

Inner Glow

Шаг 7

Satin/Глянец

Используйте цвет #0d3537.

Satin

Шаг 8

Gradient Overlay/Перекрытие градиента

Используйте тот же градиент, что в стиле Обводки

Gradient Overlay

Шаг 9

Drop Shadow/Тень

Используйте цвет #a3a3a3.

Drop ShadowВот что должно получиться.

Styled Text Layer 1

4. Стили для копии слоя с текстом

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

Шаг 1

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

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Inner Glow/Внутреннее свечение

Используйте цвет #999891.

Inner Glow

Шаг 4

Gradient Overlay/Перекрытие градиента

Используйте градиент следующих параметров:

Цвет — Положение

  • #272727 - 0%
  • #575653 - 32%
  • #a09d93 - 66%
  • #fef7df - 100%

Gradient Overlay

Шаг 5

Pattern Overlay/Перекрытие узора

Используйте узор glitter-yellow.jpg

Pattern OverlayВот что должно получиться на этом этапе.

Styled Text Layer 2

5. Настройка финального результата

Шаг 1

Чтобы сделать эффект интенсивнее, дублируйте копию слоя с текстом и укажите второй копии Opacity/Непрозрачность около 60%.

Intensify the Effect

Шаг 2

И наконец добавим корректирующий слой Gradient Map/Карта градиента поверх всех слоев.

Создайте градиент от цвета #566d7c к #9a9c8a и к #fddea2.

Теперь смените Blend Mode/Режим наложения слоя на Linear Light/Линейное освещение на Opacity/Непрозрачности в 15%.

Gradient Map Adjustment Layer

Результат

Final Result

Автор урока Rose

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

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




Комментарии

  1. Елена
    Thumb up Thumb down 0

    У меня вот что получилосьmII8yQAvhhU.jpg

[an error occurred while processing the directive]


[an error occurred while processing the directive]