Уроки Работа с текстом Марат Садыгалиев 14 марта 2016

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

Сложность урока: Средний

Омбре (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

Источник: design.tutsplus.com

Комментарии 97

Спасибо огромное. Стиль очень понравился

Урок понравился, спасибо!

Спасибо автору и переводчику!

спасибо за урок))♥♥♥♥

Cпасибо большое! Коасивый урок!

Спасибо за урок.

Спасибо за урок)

весьма признателен за урок. сделал немного по-своему

Здоровский урок ))

весьма признателен за урок

не видит текстур, что делать?

Ответ на Ваш вопрос на форуме в теме к этому уроку.

Спасибо за урок

Вот, что получилось)

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее