Блестящий 3D текст

Конечный результат:



Шаг 1 – Создание документа
Создайте новый документ:



Шаг 2 – Создание 3D текста
Перейдите в Illustrator и напишите “FX” при помощи текстового инструмента. Я использовал шрифт Hobo.



Шаг 3 – Добавляем цвет
Букву “F” залейте цветом #094569, букву “X” - #AB7D1B.



Шаг 4 – Создание 3D эффекта
Перейдите в меню Menu > Effect > 3D > Extrude & Bevel...



Настройте так:



Шаг 5 – Добавление фона
В Photoshop и залейте фон цветом #000b12.



Шаг 6 – Перенос текста в Photoshpo
Скопируйте текст из Illustrator и вставьте в наш документ. Кликните правой кнопкой на текстовом слое и выберите Растрировать слой (Rasterize Layer).



Шаг 7 – Разделяем текст
Сейчас мы разделим буквы. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение буквы “X”, нажмите Ctrl+X и вставьте его в отдельный слой (Ctrl+V). Верните букву “X” на место.



Шаг 8 – Настройка инструмента Осветлитель
Выберите инструмент Осветлитель (Dodge Tool) и настройте, как показано ниже:



Шаг 9 – Добавление свечения
Обрисуйте ту область, которую хотите осветлить:



Шаг 10 – Больше свечения
Как и в шаге 9, добавьте больше светлых пятен:



Шаг 11 – Добавление теней
Выберите инструмент Затемнитель (Burn Tool) и нарисуйте тени:



Шаг 12 – Больше теней
Аналогично предыдущему шагу:



Шаг 13 – Увеличение интенсивности цвета
Чтобы добавить больше контрастности, выберите инструмент Осветлитель (Dodge Tool) размером 800 пикселей и кликните на букве “F”, потом на букве “X”.



Шаг 14 – Световые пятна на углах
Чтобы подсветить углы, мы добавим светлые пятна. Выберите инструмент Кисть (Brush Tool) с мягкими краями размером 90 пикселей, создайте новый слой (Create New Layer) и белым цветом создайте пятно на углу.



Шаг 15 – Подчищаем фон
Инструментом Ластик (Eraser Tool) сотрите часть пятна, которая залезла на фон.



Шаг 16 – Внешнее свечение
К слою с белым пятном примените стиль Внешнее свечение (Layer Style - Outer Glow):

Режим – Осветление, Метод – Мягкий



Шаг 17 – Дублирование белого пятна
Сделайте копию слоя с белым пятном, опустите ниже на букве, и инструментом Палец (Smudge Tool) размажьте его влево, чтобы получить эффект, показанный ниже.



Шаг 18 – Наложение светлого пятна
Инструментом Палец (Smudge Tool) размажьте белое пятно по углам буквы:




Шаг 19 – Больше свечения
Выберите инструмент Кисть (Brush Tool) с мягкими краями размером 90 пикселей, создайте новый слой и нарисуйте свечение на краю буквы, как показано ниже:



Шаг 20 – Свечение для “X”
Перейдём к букве “X”. Проделайте шаги 14 и 15 для второй буквы.



Шаг 21 – Внешнее свечение
К слою со свечениями буквы “X” примените стиль Внешнее свечение:



Шаг 22 – Выбор кисти
Выберите кисть, показанную ниже. Она нам пригодится для следующих шагов.



Шаг 23 – Создание контура
Инструментом Перо (Pen Tool) нарисуйте такой контур:



Шаг 24 – Обводка контура
Кликните правой кнопкой на контуре и выберите Выполнить обводку контура:



Шаг 25
В появившемся окне выберите Кисть:



Шаг 26 – Больше светлых линий
Используя метод шагов 22-25 создайте больше светлых линий:



Шаг 27 – Создание свечений в теневых областях
Нужно немного подсветить тёмные места, так как на них тоже будет отражаться свет. Инструментом Перо (Pen Tool) нарисуйте контур, показанный ниже. Преобразуйте его в выделение (Ctrl+Enter) и залейте цветом #614717 в новом слое.



Шаг 28
Нужно сделать так, чтобы залитая область накладывалась только на букву. В этом нам поможет обтравочная маска. Расположите слой с заливкой из предыдущего шага над слоем с буквой “X” и нажмите Ctrl+Alt+G. Потом установите Режим наложения слоя с заливкой – Осветление основы (Blending Mode – Color Dodge):



Шаг 29 – Чистим края
Выберите инструмент Ластик (Eraser Tool) с мягкими краями размером 100 пикселей и на слое с заливкой подотрите края, как показано ниже:



Шаг 30 – Опять светлые линии
Как и в шагах 22-25 создайте светлую линию:




Шаг 31 – Светлые линии на букве “F”
Создайте светлые линии, как показано ниже:



Шаг 32 – Светлые пятна на фоне
Инструментом Кисть (Brush Tool) с мягкими краями размером 300 пикселей. Создайте новый слой под текстовыми и нарисуйте большое пятно цветом #546876.



Шаг 33 – Трансформирование пятна
Инструментом Свободное трансформирование (Free Transform) измените слой с пятном, как показано ниже:



Шаг 34 – Добавление тени
Создайте новый слой под текстовыми слоями, сделайте выделение буквы “F” (Ctrl+Click), потом перейдите на созданный слой и выберите инструмент Заливка (Paint Bucket Tool). Залейте выделение чёрным цветом. Проделайте то же самое с буквой “X”. Трансформируйте слой с чёрными буквами, как показано ниже:



Шаг 35 – Добавление размытия
К слою с тенями примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 0,5 пикселей.




Шаг 36 – Звёздное свечение
В новом слое инструментом Перо (Pen Tool) нарисуйте линию, показанную ниже. Кликните правой кнопкой на контуре и выберите Выполнить обводку контура (Stroke Path), в появившемся окне выберите Кисть (Brush).



Шаг 37 – Дублирование контура
Сделайте копию слоя с линией (Ctrl+J) и инструментом Свободное трансформирование (Free Transform) поверните её немного. Продолжайте создавать копии и вращать их до тех пор, пока не получите такую звезду:



Шаг 38
Инструментом Свободное трансформирование (Free Transform) немного поверните звезду и расположите её на букве “X” в тех местах, где есть свечение.




Шаг 39 – Создание частиц
Возле звёзд нужно нарисовать частицы. Выберите инструмент Кисть (Brush Tool) и перейдите в палитру кистей (F5). Настройте так:






Нарисуйте частицы в отмеченных местах:



Шаг 40 – Полупрозрачные линии
Загрузите эти кисти (Real Smoke (675 pixels)). Выберите кисть, показанную ниже:



Шаг 41
На новом слое сделайте большой мазок:



Шаг 42 – Добавление цвета
Создайте новый слой над слоем с кистью. Кликните правой кнопкой на этом слое и выберите Создать обтравочную маску (Create Clipping Mask). Выберите обычную кисть, в настройках сверху установите Режим – Цветность (Color) и обрисуйте дым, как показано ниже.
Цвета: синий - #0a5689, жёлтый - #ffd44e, зелёный - #c2e01f.



Инструментом Перемещение (Move Tool) переместите линии и расположите этот слой под текстовыми.



Шаг 43 – Дублирование и трансформирование
Сделайте копию слоя с цветным дымом и примените Отражение по горизонтали (Transform – Flip Horizontal), потом Отражение по вертикали (Transform – Flip Vertical). Расположите копию справа.



Шаг 44 – Смена цветов
На слое с копией линий перейдите в меню Тон/Насыщенность (Hue/Saturation) и настройте так:




Шаг 45 – Добавление частиц
Создайте новый слой и инструментом Перо (Pen Tool) нарисуйте контур, как показано ниже.



Шаг 47 – Настройки кисти
Выберите инструмент Кисть (Brush Tool) и настройте так:






Шаг 48
Инструментом Перо (Pen Tool) кликните правой кнопкой на контуре и выберите Выполнить обводку контура (Stroke Path), в появившемся окне выберите Кисть (Brush):




Шаг 49 – Дублирование и трансформирование частиц
Сделайте копию слоя с частицами и отразите их по вертикали и по горизонтали. Расположите справа.



Шаг 50 – Добавление тени от цветных линий
Сделайте копию обоих слоёв с цветными линиями и инструментом Свободное трансформирование (Free Transform) измените их, как показано ниже. Сделайте выделение обоих копий (Ctrl+Click) и залейте чёрным цветом.



Шаг 51 – Размытие
К тени примените фильтр Размытие по гауссу (Gaussian Blur Filter):



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

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