Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Написал , 11-02-2013, 14:57, в Уроки Photoshop

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Мат-лы используемые в уроке:

Внимание! У вас нет прав для просмотра скрытого текста.
(Image 2)
Внимание! У вас нет прав для просмотра скрытого текста.
(Image 2)
Внимание! У вас нет прав для просмотра скрытого текста.
(Image 5)
Внимание! У вас нет прав для просмотра скрытого текста.
(Image 5)
Внимание! У вас нет прав для просмотра скрытого текста.
(Image 17)
Векторная
Внимание! У вас нет прав для просмотра скрытого текста.


Шаг 1.

Перед началом работы в Photoshop, требуется приготовить наш текст. Для этого создайте в програмке Illustrator файл размером 20 x 7 дюймов:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 2.
Для текста будем применять шрифт
Внимание! У вас нет прав для просмотра скрытого текста.
. Избираем инструмент Текст и выставляем размер шрифта 500 pt. Опосля чего же кликнем на холсте и напишем тот текст, который вам нравиться либо используйте теснее готовый(DEMON):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 3.

Дальше переводим текст в векторные формы, для этого кликните по тексту мышкой(правой клавишей)и избираем Создать контур/Create Outlines. Опять кликнем по тексту правой клавишей и на этот разов выберем разгруппировать/ungroup:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 4.

Выделим все буквы(не считая заключительней и первой)и убавляем их размер Объект-Трансформация-Масштабирования/Object-Transform-Scale. Опосля убавления размера наших букв, берем инструмент Перемещение/Selection Tool, для того чтоб расстояние меж знаками сделать схожими:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 5.

Нам будет нужно 3 вида нашего текста: самый узкий вариант, обыденный и текст для обводки:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 6.
Создаем копию текста, для узкой версии. Потом выделяем все буквы нашей копии и избираем Объект-Путь-Путь смещения/Object-Path-Offset path. Потом выставим опции последующие:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Дальше копируем оригинал текста, выделяем его и на панели обводки ставим значение 10 pt:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 7.

Обводку так же преобразовываем в контур, для этого выберите Объект-Путь-Контур обводки/Object-Path-Outline Stroke. Дальше на панели Pathfinder давим объединить, для того чтоб контур обводки объединить с контуром буквы:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 8.

Сделаем новейший документ с опциями, которые приведены ниже:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 9.

В сделанном документе заливаем фон выбрав темный цвет. Дальше копируем один вариант текста из Illustrator и вставляем в Photoshop, в появившемся окне выберем Разумный объект/Smart Object. Опосля импортирования всех слоев в Photoshop, удостоверьтесь что слои текста расположатся так: снизу жирный текст, оригинал над ним и сверху с тесным текстом:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Перекрашиваем в требуемые цвета, чтоб было различие меж слоями, для этого выберете Наложение цвета(иконка FX):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 10.

Создаем новейший слой, берем инструмент Кисть и выставляем для нее опции: твердость кисти 0%; цвет кисти #6d0100. Живописуем пятнышко(круглое)по-среди холста, опосля чего же избираем режим трансформации и растягиваем пятнышко по горизонтали, именуем слой(Красноватое пятнышко):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 11.

Добавим для этого слоя маску, опосля перейдем на вкладку Каналов и поглядим чтоб была выделена маска слоя(Красноватое пятнышко), так же обязаны быть тайно отображение каналов: голубого, зеленоватого и красноватого. Опосля чего же избираем Фильтр-Рендеринг-Облака/Filter-Render-Clouds, потом Фильтр-Искажение-Полярные координаты/Filter-Distort-Polar Coordinates и выберите Rectangular to Polar. Так же выставим в Радиальном размытии характеристики Прирастить на 77:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 13.

Давим несколько разов Ctrl + F, а потом один разов Ctrl + M, для того чтоб настроить кривую:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Давим отображение каналов RGB и получаем итог:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 14.

Дублируем слой(Красноватое пятнышко), увеличим его размер и сжимаем по горизонтали:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 15.

Скачиваем
Внимание! У вас нет прав для просмотра скрытого текста.
и вставляем в работу. Ежели холст великого размера тогда дублируем слой с текстурой несколько разов, для того чтоб перекрыть красноватую форму(не пренебрегайте, слить все продублированные текстуры в один слой)и назовем слой(Почва):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 16.

Потом добавим слою(Почва)маску, возьмем Кисть темного цвета и в форме эллипса закрасим середину маски, как показано ниже:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 17.

Делаем фон песочным, для этого прибавляем еще
Внимание! У вас нет прав для просмотра скрытого текста.
:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 18.

Дальше инвертируем цвет текстуры(этому слою), для этого нажмите Ctrl +I. Потом Ctrl + M и начинаем редактировать кривую. Изменяем режим смешивания на Умножение и ставим непрозрачность 33%:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 19.

Скачиваем
Внимание! У вас нет прав для просмотра скрытого текста.
и раскрываем в Photoshop. Дальше увеличиваем контраст с поддержкою кривых и опосля давим Ctrl + Shift + U, для того чтоб обесцветить наше изображение:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Потом создаем очередной файл с опциями, которые приведены ниже. Дальше избираем файл с узором и с поддержкою прибора Прямоугольного выделения/Rectangular Marquee Tool выделяем часть изображения, как показано ниже и вставляем в порожней файл(файл лишь создали):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Таковым образом заполним весь холст:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 20.

Потом сливаем все слои на которых орнамент в одни, опосля выделяем весь холст и выберем Редактировать-Найти узор/Edit-Define Pattern. Это событие преобразует нашу картину в новейший узор и назовем его(Орнамент):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 21.
Скачиваем и раскрываем
Внимание! У вас нет прав для просмотра скрытого текста.
в Photoshop, потом давим Ctrl + A и избираем Редактировать-Найти узор/Edit-Define Pattern. Опосля назовем наш узор(Трещины):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 22.

Дальше помещаем вот
Внимание! У вас нет прав для просмотра скрытого текста.
в этот же файл и опосля изменим режим смешивания на Умножение/Multiply. Так же соединяем эти слои и создаем узор, назовем этот узор(Трещины 2):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 23.

Сейчас возвращаемся к самому узкому тексту и применим стили слоя:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 24.

Дальше перейдя на слой с необычным размером и применяем так же стили:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

А стили жирного слоя будут смотреться так:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

И в опосля данного шага выходит такое изображение:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 25.

Делаем 2 клика на иконке с жирным текстом(изображение раскрывается в Illustrator’e), для того чтоб края текста сделать рваными:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 26.

Потом выделяем текст и добавим для его контура пару узловых точек. Чтоб это сделать, выберите Объект-Путь-Добавить точки привязки/Object-Path-Add Anchor Points. Опосля чего же берите инструмент Wrinkle и начинаем прибавлять зазубрины по контуру нашего текста. Ежели кликнуть два раза по иконке прибора, тогда раскроются опции прибора:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Дальше бережём файл и накрываем Illustrator. Контур нашего текста будет обновлен в Photoshop:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 27.

Создаем новейший слой и поместим его меж необычным и тесным слоями, назовем его(Конические выделения). Опосля чего же загружаем выделение нашего слоя с необычным текстом и делаем клик, при всем этом зажав Ctrl, по иконке слоя. Потом берем с мягенькими краями кисть и ставим для нее цвет #FFECB2, опосля живописуем на слое(Конические выделения)блики в местах, которые указанны:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 28.

Сходственным образом нарисуем тень, для этого создаем еще слой и выберем цвет кисти #751700. Для наглядности тени были отмечены коричневатым цветом:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

По окончания шага выходит такое изображение:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 29.

Дублируем слой с тесным текстом и устраняем у копии стиль слоя. Устанавливаем Заливку 0% и добавим так же стили:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 30.

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

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Опосля назовем слой(Белоснежный ход)и добавим маску. Потом на маске слоя с поддержкою темной кисти закрашиваем теневые области наших букв:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 31.

Скачиваем
Внимание! У вас нет прав для просмотра скрытого текста.
и помещаем на холст. Ежели будет нужно продублируем текстуру несколько разов, для того чтоб она перекрыла текст. Потом соединяем все слои текстуры и именуем(Тип текстуры). Опосля делаем с поддержкою кривых нашу текстуру яснее:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 32.

Загружаем выделение слоя с необычным текстом(не скидывая выделения), прибавляем маску слою(Тип текстуры)и изменяем этому слою режим смешивания на Умножение(проследите что слой будет размещаться выше всех слоев с текстом):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 33.

Дальше скачаем
Внимание! У вас нет прав для просмотра скрытого текста.
и поместим на холст, назовем слой(Текст трещины). С поддержкою кривых делаем текстуру яснее. Потом откроем опции карты градиента и выставим их как показано ниже на изображении:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Сейчас загружаем выделение нашего необычного текстового слоя и добавим маску слою(Текст трещины), опосля чего же изменяем режим смешивания слоя на Затемнить:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1
Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Шаг 34.

Создаем слой и загружаем выделение необычного слоя с нашим текстом, опосля чего же перейдем на сделанный слой и зальем его #F98111 цветом. Изменяем режим смешивания слоя на Сolor dodge, а непрозрачность поставьте приблизительно на 15% и назовем слой(Насыщенность):

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Загружаем уникальный текстовый слой и для него создаем корректирующий слой(Кривые). Создаем маску слоя(Кривые)и начинаем закрашивать верхнюю часть букв, выбрав темный цвет. Затемнена лишь нижняя часть:

Текст в стиле Diablo III / Create a Diablo III Inspired Text Effect in Photoshop ч.1

Продолжение статьи:
Внимание! У вас нет прав для просмотра скрытого текста.

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