Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание в Фотошопе текста с ярким эффектом Ombré

Создание в Фотошопе текста с ярким эффектом Ombré

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 8-12-2014, 20:02
Сложность урока: для начинающих
Продолжительность: короткая

Создание в Фотошопе текста с ярким эффектом Ombré

(то, что мы будем создавать)

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

Ресурсы урока
В процессе выполнения урока будут задействованы следующие ресурсы:
- шрифт Sail Regular
- текстура Texture 358
- узор Broken noise
- узор Green Fibers

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

Шаг 1
Создайте новый документ размером 1100 x 700px. Задайте основным цветом #760928, а фоновым - #3d1722. Выберите инструмент Градиент (Gradient Tool), кликните на панели опций в верхней части окна программы по иконке радиального градиента, после чего кликните по центру холста, и протащите указатель мыши в направлении одного из его углов.

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 2
Расположите слой с текстурой Texture 358 поверх фонового слоя, переименуйте этот слой в “Текстуру” и пройдите в меню Редактирование > Трансформирование > Поворот на 90 по часовой (Edit > Transform > Rotate 90°). Установите слой с текстурой в Режим наложения (Blend Mode) – Разница (Difference), уменьшите его Непрозрачность (Opacity) до 30% и, при необходимости, подкорректируйте размер.

Создание в Фотошопе текста с ярким эффектом Ombré


2. Создание текста

Шаг 1
Наберите свой текст шрифтом Sail Regular, задав размер 300 pt и цвет #d70f35. Также установите параметр Кернинг (Kerning) в положение Оптический (Optical), а величину Трекинга (Tracking): -10.

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 2
Продублируйте слой с текстом, и уменьшите Заливку (Fill) дубликата до 0.

Создание в Фотошопе текста с ярким эффектом Ombré


3. Стилизация первого слоя с текстом
Двойным кликом по первому слою с текстом откройте окно параметров наложения, и примените следующие стили слоя:

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

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 2
Настройки раздела Контур (Contour):

Контур (Contour): По Гауссу – инвертированный (Guassian—Inverse)
Поставьте галочку на пункте Сглаживание (Anti-aliased)

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 3
Настройки раздела Текстура (Texture):

Узор (Pattern):Broken noise (из раздела ресурсов урока)
Глубина (Depth): 50%

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 4
Примените стиль слоя Обводка (Stroke) с настройками, приведенными ниже:

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

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 5
Чтобы создать градиент, нужно, кликая по нижней грани градиентной полосы, соответствующим образом расставить указатели цвета. Ниже представлены значения положений таких указателей слева направо:

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

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 6

Теперь применим стиль слоя Внутренняя тень (Inner Shadow)

Цвет (Color): #c47b8e
Расстояние (Distance): 0
Размер (Size): 7

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 7
Стиль слоя Внутреннее свечение (Inner Glow)

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

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 8
Стиль слоя Тень (Drop Shadow)

Расстояние (Distance): 9
Размах (Spread): 9
Размер (Size): 8

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 9
Вот так выглядит наш первый слой с текстом, задающий основной цвет эффекта

Создание в Фотошопе текста с ярким эффектом Ombré


4. Стилизация дубликата текстового слоя с целью получения эффекта амбре

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

Шаг 1
Настройки стиля слоя Тиснение (Bevel and Emboss):

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

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

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 2
Настройки раздела Контур (Contour):

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

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 3
Раздел Текстура

Узор (Pattern):Green Fibers (из раздела ресурсов урока)

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 4
Настройки стиля слоя Внутренняя тень (Inner Shadow)

Цвет (Color): #505b5b
Расстояние (Distance): 21
Размер (Size): 21

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 5
Вот так второй текстовый слой, благодаря примененным к нему стилям слоя, обеспечил градиентную игру цвета!

Создание в Фотошопе текста с ярким эффектом Ombré


5. Добавление легкого эффекта виньетки
Кликните по иконке Создания нового корректирующего слоя или слоя-заливки (Create new fill or adjustment layer) в нижней части палитры слоев, и выберите пункт Градиент (Gradient):

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 2
Задайте Радиальный (Radial) стиль, и Масштаб (Scale): 550, после чего кликните по цветной иконке, чтобы получить доступ к настройкам градиента:

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 3
Выберите градиент От Прозрачного К Основному (Transparent to Fill Color) и задайте цвета #432d23 слева и #6e625c - справа. Кликнув по верхнему краю градиентной полосы вы можете задать указатели непрозрачности, точно так же как ранее было сделано с указателями цвета.

Создание в Фотошопе текста с ярким эффектом Ombré


Шаг 4
Установите созданный корректирующий слой в Режим наложения – Умножение (Multiply). В результате к нашему дизайну будет применен легкий эффект виньетки.

Создание в Фотошопе текста с ярким эффектом Ombré


Мои поздравления! Урок окончен!
На этом уроке мы, с помощью заливки и текстуры создали несложный фон. Затем, создав два текстовых слоя, применили к ним небольшую коррекцию.

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

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

Жду ваших отзывов и комментариев относительно описанных в уроке приемов!


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

Другие новости по теме:


Просмотров: 15579 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.