Создаём яркий текст в стиле Омбре в Фотошоп
Создаём яркий текст в стиле Омбре в Фотошоп
В этом уроке вы узнаете, как создать текст с плавным переходом от одного оттенка к другому, используя стиль слоя Тиснение.Сложность урока: Средний
Омбре (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пасибо за урок!
Спасибо !
Спасибо!
Спасибо
спасибо
спасибо за урок))♥♥♥♥
Cпасибо большое! Коасивый урок!
Спасибо за урок.
Спасибо
Спасибо за урок)
весьма признателен за урок. сделал немного по-своему
Спасибо!
Здоровский урок ))
Спасибо!
Спасибо.
весьма признателен за урок
не видит текстур, что делать?
Ответ на Ваш вопрос на форуме в теме к этому уроку.
Клёво!
Спасибо))
Спасибо за урок
Вот, что получилось)