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

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

Блестящий цветной текст в Adobe Photoshop

1 апреля 2017 | Опубликовано в Уроки | 1 Комментарий »

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

 

Исходники

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

Шаг 1

В меню выберите File > Open/Файл>Открыть, и выберите скачанный по ссылке выше файл.

Background image

Шаг 2

Инструментом Type/Текст (T) введите ваш текст, используя шрифт Lobster 1.4 размером в 210 pt белого цвета (#ffffff).

Horizontal Type Tool and its settings

Шаг 3

Чтобы отцентровать текст нажмите Control-A, возьмите инструмент Move/Перемещение (V) и кликните в панели настроек на иконки Align Vertical Center/Выровнять по вертикальному центру и Align Horizontal Center/Выровнять по горизонтальонму центру.

Aligning the layer

Шаг 4

Кликните дважды по слою с текстом, чтобы открыть окно Layer Style/Стиль слоя.

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

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

  • Цвета градиента : #ffc600; #f8e45f

Gradient Overlay settings

Шаг 5

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

  • Gloss Contour/Контур блеска: Shiny Contour.shc (из zip-архива)
  • Цвет Highlight Mode/Режима подсветки: #ffee93
  • Цвет Shadow Mode/Режима тени: #190a20

Bevel and Emboss settings

Шаг 6

Stroke/Обводка:

  • Цвет: #7344ac

Stroke settings

Шаг 7

Drop Shadow/Тень

  • Цвет: #ae00f6

Drop Shadow settings

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

How the image should look

Шаг 8

Выберите слой с текстом и нажмите Control-J, чтобы дублировать его.

Renaming the layer

Шаг 9

Кликните правой кнопкой по копии слоя с текстом и выберите Clear Layer Style/Очистить стиль слоя. Затем кликните дважды по копии слоя с текстом и укажите ему следующие стили слоя.

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

  • Gloss Contour/Контур свечения: Cove — Shallow
  • Цвет Highlight Mode/Режиме подсветки: #ffee93
  • Цвет Shadow Mode/Режима тени: #190a20

Bevel and Emboss settings

Шаг 10

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

  • Цвет: #bf8c01

Inner Shadow settings

Шаг 11

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

  • Цвета градиента: #a5a5a5 (позиция 4%); #ffffff (позиция 27%); #e2e2e2 (позиция 74%); #b2b2b2 (позиция 100%).

Gradient Overlay settings

Шаг 12

Outer Glow/Внешнее свечение

  • Цвет: #eac919

Outer Glow settings

Шаг 13

Drop Shadow/Тень

  • Цвет: #1eff00

Drop Shadow settings

Шаг 14

Зажмите клавишу Control и кликните по обоим слоя с текстом. Нажмите Control-G, чтобы объединить их в группу.

Grouping the layers

Шаг 15

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

  • Цвет: #000000
  • Opacity/Непрозрачность: 30%
  • Use Global Light/Использовать глобальный свет: отключен
  • Angle/Угол: 120º
  • Distance/Расстояние: 3 px
  • Spread/Размах: 39 %
  • Size/Размер: 5 px
  • Contour/Контур: Linear
  • Anti-Aliased/Сглаживание: включено
  • Noise/Шум: 0%
  • Layer Knocks Out Drop Shadow/Запретить просвечивание тени: включено

Результат

Final result

Автор урока Anderson Luiz

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

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




Комментарии

Оставить ответ


два + 5 =

Вставить изображение