Текст в стиле TRON

Что мы будем создавать:






Ресурсы урока:

Шрифт “TR2N”
Шрифт “Raleway Thin”
Вы также можете заменить шрифт “Raleway Thin” шрифтом “Neue Helvetica35”.

Шаг 1
Создайте новый документ размером 1920х1080 пикселей.



Шаг 2
Если цвет фона у Вас был белым, то нажмите Ctrl + I, чтобы сменить его на чёрный. Данное сочетание инвертирует цвета слоя.



Шаг 3
Инструментом Горизонтальный текст (Horizontal Type Tool) напишите “TR2N” размером 480pt. Лучше всего использовать 4 символа в слове. Я написал “TR2N”, а не “TRON”, чтобы отдать должное автору шрифта – Jeff Bell.



Шаг 4
Сделайте копию текстового слоя и назовите её “TR2N 3D”. Этот слой должен быть поверх оригинального.



Шаг 5
Выберите слой “TR2N 3D” и перейдите в меню 3D > Чеканка > Текстовый слой (3D > Repoussé > Text Layer). У Вас появится окно с вопросом о растрировании текстового слоя. Ответьте Да.
Если у Вас в главном меню нет раздела 3D, то Вы скорее всего используете версию не CS5 Extended. Функция 3D доступна только в версии CS5 Extended. Её нет в обычной версии CS5.



В разделе Экструзия (Extrude) введите значение Глубины (Depth) – 0,3. Не нажимайте ОК.



Шаг 6
В разделе Материалы (Materials) выберите сферу, показанную ниже. Это удалит текстуру с Вашего текста. Не нажимайте ОК.



Текст должен выглядеть так:



Шаг 7
В разделе Скок (Bevel) установите следующие значения:

Стороны (Sides) – Спереди (Front)
Высота (Height) – 5
Ширина (Width) – 0,5
Контур (Contour) – Глубокая выемка

Нажмите ОК, чтобы применить изменения.




Шаг 8
Мы закончили с созданием объёмности текста. Сейчас займёмся улучшением его качества. Одна из основных проблем, встречающихся при работе с 3D инструментами – плохое качество краёв. Это происходит потому, что Photoshop пытается улучшить производительность компьютера во время редактирования. Когда Вы закончили работу над созданием объёмного вида, можно внести некоторые изменения для улучшения качества изображения.
Настройки качества скрыты в 3D панели. Перейдите в меню Окно > 3D, чтобы открыть нужную панель. Установите значение Качества (Quality) – Окончательная трассировка лучей (Ray Traced Final).



Photoshop займётся рендерингом, и Вы увидите голубую сетку, двигающуюся вдоль изображения. Процесс займёт некоторое время в зависимости от мощности Вашего компьютера. Если Вы нажмёте на что-нибудь, Photoshop приостановит процесс рендеринга. Чтобы продолжить его, кликните правой кнопкой на слое и выберите Возобновить прогрессивный рендеринг (Resume Progressive Render). Когда качество текста будет Вас удовлетворять, просто кликните где-нибудь, чтобы остановить процесс рендеринга.



Результат будет таким:



Шаг 9
Сейчас мы применим несколько стилей слоя, чтобы создать свечение. Но прежде чем это сделать, преобразуйте слой в смарт-объект. Этот шаг дополнительный, Вам не обязательно его делать. Я делаю это, чтобы предотвратить случайное изменение настроек. Например, если скрыть видимость 3D эффектов, то при следующей их активации рендеринг будет перезапущен.
Кликните правой кнопкой мыши на слое и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).



Если Вы захотите изменить настройки 3D, кликните дважды на иконке слоя. Photoshop откроет слой в новом документе и предоставит инструкции по сохранению изменений.



Внесите изменения в новом документе и сохраните изменения. Закройте документ смарт-объекта и изменения автоматически появятся в нашем основном документе.



Шаг 10
Кликните правой кнопкой на слое “TR2N 3D” и выберите пункт Параметры наложения (Blending Options).



Выберите стиль Наложение цвета (Color Overlay): #00B4FF. Вы также можете изменить Режим наложения (Blend Mode) стиля на Перекрытие (Overlay).



Шаг 11
Далее примените стиль Внешнее свечение (Outer Glow): цвет тот же - #00b4ff, Режим наложения (Blend Mode) – Осветление (Screen).



Результат:



Шаг 12
Теперь поработаем над фронтальной частью текста, чтобы создать свечение. Расположите слой “TR2N” поверх 3D слоя.




Шаг 13
Приблизьте изображение и увидите, что белая обводка не прилегает к 3D тексту.



Чтобы это исправить, используйте инструмент Свободное трансформирование (Free Transform).Измените ширину слоя, чтобы получить результат, как показано ниже. Чтобы отключить функцию привязки в режиме свободного трансформирования, удерживайте клавишу Ctrl.



Шаг 14
Теперь добавим тонкую обводку к фронтальному текстовому слою. Кликните правой кнопкой на слое и выберите Параметры наложения (Blending Options):



Выберите стиль Обводка (Stroke): Положение – Внутри.



Шаг 15
Сначала будет казаться, что ничего не изменилось, так как текст и обводка имеют один и тот же цвет (белый). Чтобы это исправить, понизьте Заливку (Fill) и Непрозрачность (Opacity) до 75%.




Шаг 16
Выберите текстовый инструмент и напишите что-нибудь под словом “TR2N”. Я использовал шрифт “Raleway”.



Чтобы увеличить расстояние между буквами, перейдите в меню Окно > Символ (Window > Character) и увеличьте значение Трекинга (Tracking) до 400.



Инструментом Перемещение (Move Tool) расположите текст как Вам нужно.



Шаг 17
Сейчас мы добавим синее свечение ко второй строчке. Так как мы проделывали подобное ранее, можно просто скопировать стили с одного слоя на другой. Для этого кликните правой кнопкой на 3D слое и выберите пункт Скопировать стиль слоя (Copy Layer Style).




Затем кликните правой кнопкой на слое со второй строчкой и выберите пункт Вклеить стиль слоя (Paste Layer Style).



Шаг 18
Прежде чем мы продолжим, нужно немного уменьшить эффект от стиля Внешнее свечение (Outer Glow). Кликните дважды на стиле в палитре слоёв:



Понизьте Размер (Size).



Результат:



Шаг 19
3D текст на чёрном фоне слишком скучен. Поэтому мы создадим фон с сеткой и эффектом “Bokeh”.
Фон в виде сетки – очень хорошая идея потому, что для его создания нужны только фильтры и Вы можете создать множество разных вариантов всего в два клика. Вернёмся к этому позже. Сначала создайте новый слой (Create New Layer) над фоновым слое и назовите его “Grid Background”.



Кликните правой кнопкой на новом слое и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Это позволит применять фильтр без вреда основным пикселям слоя. Ещё Вы сможете изменить настройки фильтра в любое время.



Шаг 20
Установите цвета по умолчанию (D).



Примените фильтр Облака (Clouds Filter).



Шаг 21
Сейчас мы превратим облака в мозаику. Примените фильтр Мозаика (Mosaic Filter).



Чтобы закруглить мозаику, примените фильтр Медиана (Median Filter).



Шаг 22
Чтобы добавить мозаике светящиеся края, примените фильтр Свечение на краях (Glowing Edges Filter).



Кликните дважды на иконке параметров наложения фильтр Свечение на краях (Glowing Edges Filter).



Установите Режим наложения (Mode) – Осветление (Screen) и Непрозрачность (Opacity) – 50%.



Шаг 23
Сейчас мы повысим контрастность. Мы не можем использовать коррекцию Уровни (Levels) или Кривые (Curves), так как они не совместимы со смарт-объектами. Вместо них мы воспользуемся коррекцией Тени/Света (Shadows/Highlights). Нам нужно работать только с чёрными элементами мозаики, поэтому повысьте значение Количества (Amount) теней.



Установите значение Дополнительные параметры (Show More Options) и у Вас появится больше настроек. Установите значение Усечения теней (Black Clip) – 10%. Чёрные участки изображения будут усилены. Если хотите усилить светлые участки, повысьте значение Усечения светов (White Clip).




Шаг 24
Понизьте Непрозрачность (Opacity) слоя до 12%.



Результат должен быть таким, как показано ниже. Мы ещё не закончили. Осталось добавить эффект “Bokeh”.



Шаг 25
Вы можете рандомизировать мозаику, изменяя фильтр облаков (кликните дважды на фильтре в палитре слоёв).



Когда вы кликните дважды на фильтр облаков, Photoshop покажет окно уведомления. Установите значение Не показывать снова (Don’t show again).



Продолжайте делать двойные клики на фильтре облаков, пока не добьётесь нужного результата.



Шаг 26
Создайте новый слой (Create New Layer) над слоем “Grid Background” и назовите его “Bokeh”.



Шаг 27
Выберите инструмент Кисть (Brush Tool) и кликните в любом месте на холсте правой кнопкой. Выберите кисть, показанную ниже.



Если Вы не видите кисть, которая показана на моём скриншоте, кликните на маленьком треугольнике в правом верхнем углу и выберите пункт Восстановить кисти (Reset Brushes).



Шаг 28
Перейдите в палитру кистей (F5) и включите функцию Динамика формы (Shape Dynamics).



Далее включите Рассеивание (Scattering) и настройте, как показано ниже.



Цветовая динамика:



Передача (Transfer):



Форма отпечатка кисти (Brush Tip Shape):



Шаг 29
Мы закончили с настройкой кисти, теперь можно переходить к рисованию. Установите цвет заливки – белый.



Обрисуйте фон, как показано ниже. Чтобы отменить изменения, нажмите Ctrl + Z.



Шаг 30
Перейдите к коррекции Тон/Насыщенность (Hue/Saturation) на слое с кругами и настройте, как показано ниже.



Шаг 31
Кликните правой кнопкой на слое “Bokeh” и выберите Преобразовать в смарт-объект (Convert to Smart Object).



Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 16 пикселей.



Шаг 32
Кликните дважды на иконке параметров наложения флиьтра.



Установите Непрозрачность (Opacity) до 80%.




Шаг 32
Сейчас нужно подтереть эффект “Bokeh” без вреда основным пикселям слоя. Выберите слой “Bokeh” и примените маску слоя, кликнув на иконку, показанную ниже.



Выберите инструмент Ластик (Eraser Tool) и настройте, как показано ниже. Установите цвета по умолчанию (D).



Сотрите круги рядом с текстом.



Финальный результат:



Можете изменить цвет заливки фонового слоя.





Приближенное изображение:

PSD файл

Ссылка на источник урока