Создаём яркий текст в стиле Омбре в Фотошоп

30.06.20 03:03

Омбре (Ombré) — это французское слово, означающее плавный переход цвета от одного оттенка к другому. Для создания данного эффекта, обычно используется градиентная заливка (gradient fill) или наложение градиента (gradient overlay). Тем не менее, в этом уроке, вы узнаете, как создать самым простым способом этот же эффект Омбре, но только используя два слоя с Тиснением (Bevel and Emboss).

ОК. Давайте приступим!

Итоговый результат:

Скачать архив с материалами к уроку

1. Создайте задний фон

Шаг 1

Создайте новый документ со следующими размерами 1100 x 700 px. Установите цвет переднего плана на #760928, а цвет заднего плана на #3d1722, выберите инструмент Градиент (Gradient Tool), в настройках установите Радиальный градиент (Radial Gradient). Щёлкните в центре, а затем потяните градиент от центра в один из углов нашего рабочего документа.

Шаг 2

Откройте исходное изображение ‘Текстура 358’. Переместите данную текстуру на наш рабочий документ, расположив поверх слоя с задним фоном. Назовите данный слой с текстурой ‘Текстура’. Далее, идём Редактирование – Трансформация – Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Поменяйте режим наложения для данного слоя с текстурой на режим Разница (Difference), а также уменьшите непрозрачность (Opacity) слоя до 30%. По мере необходимости примените масштабирование.

2. Создайте текст

Шаг 1

Создайте текст, используя шрифт Sail Regular, размер шрифта 300 pt, цвет шрифта #d70f35. Далее, задайте кернинг между двумя символами (Kerning) Оптический (Optical), а также установите трекинг для выделенных символов (Tracking) -10.

Шаг 2

Продублируйте слой с текстом. Уменьшите значение Заливки (Fill) до 0 для дубликата слоя.

3. Стилизуем первый слой с текстом

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

Шаг 1

Стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:

  • Метод (Technique): Жёсткая огранка (Chisel Hard)
  • Размер (Size): 16
  • Контур Глянца (Gloss Contour): Cone-Asymmetrical
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) — Цвет: #462020

Шаг 2

Выберите опцию стиля Тиснения Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Gaussian—Inverse
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Далее, выберите ещё одну опцию стиля Тиснения Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Узор (Pattern): Рассеянный шум (Broken noise)
  • Глубина (Depth): 50%

Примечание переводчика: в качестве узора Рассеянный шум (Broken noise), используйте текстуру ‘Рассеянный шум’, ссылка указана в начале этого урока.

Шаг 4

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 1
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90
  • Щёлкните по окошку градиента, чтобы установить цвета градиента.

Шаг 5

Чтобы создать градиент, вам необходимо щёлкнуть по шкале градиента для редактирования контрольных точек цвета. Когда появится окно Редактор градиентов (Gradient editor), вы можете редактировать контрольные точки цвета, меняя их цвет и расположение. На скриншоте ниже вы можете увидеть расположение контрольных точек слева направо:

Расположение контрольных точек цвета:

  • #7b094e — 0%
  • #95266b — 16%
  • #a52e82 — 32%
  • #e1c2d1 — 50%
  • #a52e82 — 64%
  • #95266b — 84%
  • #7b094e — 100%

Шаг 6

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Цвет: #c47b8e
  • Смещение (Distance): 0
  • Размер (Size): 7

Шаг 7

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 40%
  • Шум (Noise): 100%
  • Цвет: #c3858c
  • Размер (Size): 10

Шаг 8

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Смещение (Distance): 9
  • Размах (Spread): 9
  • Размер (Size): 8

Шаг 9

Итак, мы создали стилизацию для основного слоя с текстом.

4. Стилизуем дубликат слоя с текстом, чтобы создать эффект Омбре

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

Шаг 1

Стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:

  • Размер (Size): 30
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 95
  • Высота (Altitude): 50
  • Контур глянца (Gloss Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Цвет: #e8db87
  • Режим тени (Shadow Mode):
  • Цвет: #721a31
  • Непрозрачность (Opacity): 30%

Цвет в Режиме подсветки (Highlight Mode) – это цвет, который добавляется для создания градиента, поэтому вы можете поэкспериментировать с различными цветовыми тонами, если захотите.

Шаг 2

Выберите опцию стиля Тиснения Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Далее, выберите ещё одну опцию стиля Тиснения Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Узор (Pattern): Green Fibers

Примечание переводчика: в качестве узора Green Fibers, используйте текстуру ‘Зелёная текстура’, ссылка указана в начале этого урока.

Шаг 4

Добавьте стиль слоя Внутренняя Тень (Inner Shadow) со следующими настройками:

  • Цвет: #505b5b
  • Смещение (Distance): 21
  • Размер (Size): 21

Шаг 5

Вуаля! Стилизованный дубликат слоя с текстом добавил дополнительный цвет, создав красивый градиент.

5. Добавляем нежный эффект виньетки

Шаг 1

Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоев и в появившемся окне выберите опцию Градиент (Gradient).

Примечание переводчика: добавьте новый корректирующий слой Градиент (Gradient) поверх всех остальных слоёв в палитре слоёв.

Шаг 2

В настройках градиента, установите Стиль (Style) Радиальный (Radial), Масштаб (Scale) 550, далее, щёлкните по окошку градиента, чтобы установить цвета градиента.

Шаг 3

Используйте тип градиента от Прозрачного до Цвета заливки, установите цвета #432d23 для левой контрольной точки цвета и #6e625c для правой контрольной точки цвета. Вы можете щёлкнуть чуть выше шкалы градиента, чтобы добавить контрольную точку Непрозрачности, а затем, вы можете редактировать созданную контрольную точку точно так же, как вы это проделывали ранее при редактировании контрольных точек цвета.

Шаг 4

Поменяйте режим наложения для корректирующего слоя с градиентом на Умножение (Multiply). Таким образом, мы добавим нежный эффект виньетки к нашему итоговому результату.

Поздравляю! Мы завершили урок!

В этом уроке мы использовали слой с Градиентной заливкой (gradient fill), включая текстуру, чтобы создать простой задний фон. Далее, мы создали два слоя с текстом, применив к ним стили слоя.

Мы применили стили слоя к каждому слою с текстом, используя различные настройки и создав различные эффекты, используя различные цветовые оттенки. Мы дважды применили стиль слоя Тиснение (Bevel and Emboss) к слоям с текстом, чтобы создать градиент и получить красивый эффект Ombré.

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

Надеюсь, вам понравился данный урок!

Итоговый результат:

Автор: Rose


Источник

Добавить комментарий