Создаем 3D светящийся ретро текстовый эффект в Adobe Photoshop

How to Create a 3D, Glowing, Retro Text Effect in Adobe Photoshop

В этом уроке я расскажу вам, как используя Smart Object / Смарт-объект, стили слоя и корректирующие слои создать 3D, светящийся, ретро текстовый эффект в Adobe Photoshop. 

В результате выполнения урока у вас получится примерно, как показано на верхней картинке.

Материалы урока:

Этап 1. Создаем кисть.

Шаг 1.

Создайте новый документ 800 x 600 px, затем создайте новый корректирующий слой Solid Color / Цвет.

Шаг 2.

Используйте цвет #2e353b.

Шаг 3.

Примените к корректирующему слою стиль Gradient Overlay / Наложение градиента используя следующие настройки.

Выберите пункт Dither / Дизеринг

Blend Mode / Режим наложенияLinear Burn / Линейный затемнитель

Opacity / Непрозрачность: 20%

Style / СтильRadial / Радиальный

Scale / Масштабирование: 150%

Используйте градиент от #ffffff до #ababab

У вас должен получится следующий фон.

Этап 2. Добавляем фон-текстуру.

Шаг 1.

Поместите файл с текстурой выше корректирующего слоя и измените размер если это необходимо.

Переименуйте слой в BG Texture и измените режим смешивания для слоя на Soft Light / Мягкий свет.

Шаг 2.

Перейдите в меню Image / Изображение > Adjustments / Коррекция > Levels / Уровни, и измените настройки Gamma / Гамма на 1,5.

Этап 3. Создаем текст и конвертируем его в Smart Object / Смарт-объект.

Шаг 1.

Напишите текст используя шрифт Big John. Выберите размер 200 pt и цвет #e8a505, установите значение Tracking / Трекинг на 100.

Шаг 2.

Переименуйте текстовый слой на Text и конвертируйте его в Smart Object / Смарт-объект.

Следите за названиями слоев на протяжении всего урока, чтоб не запутаться.

Шаг 3.

Продублируйте текстовый слой переместите копию ниже оригинала и выключите слой оригинал из видимости.

Этап 4. Создаем действие трансформации.

Далее мы будем дублировать текстовый слой и трансформировать копию.

Так, как мы будем делать это с несколькими Smart Object / Смарт-объект мы запишем Action.

Шаг 1.

Откроем панель Actions / Операции/Действия.

Шаг 2.

Нажмите иконку Create new set, назовите новое действие Extrusion.

Шаг 3.

Нажмите иконку Create new action введите в поле Name название Action, затем нажмите Record / Запись.

3577741_image025 (700x370, 45Kb)

Этап 5. Записываем действие.

Шаг 1.

Нажимаем кнопку записать действие Begin recording затем, дублируем слой Text copy.

Шаг 2.

Нажмите Ctrl+T для активации свободной трансформации. Используя стрелку на клавиатуре переместите слой Text copy 2 на один пиксель вниз и в право.

Шаг 3.

Нажмите клавишу Еnter чтоб применить изменения.

Шаг 4.

В завершении нажмите Stop recording, чтоб завершить запись действия.

Этап 6. Создаем экструзию.

Шаг 1.

Нажмите иконку Play selection внизу на панели Actions / Операции/Действия 10 раз, чтоб применить действие и создать 10 текстовых копий.

В завершении вы будете иметь текстовый слой с названием Text copy 12.

Шаг 2.

Выберите все текстовые копии, за исключения оригинала и перейдите в меню Layer / Слои > Arrange / Упорядочить > Reverse / Инверсия.

Это переместит положение слоев в обратном направлении.

Шаг 3.

Снимите выбор с первого и последнего слоев, а оставшиеся объедините в группу слоев и назовите ее Extrusion.

Шаг 4.

Переименуйте текстовый слой Text copy на Text Front, а текстовый слой Text copy 12 на Text Back.

Продублируйте слой Text Front и понизьте копии значение Fill / Выполнить заливку до 0, а затем и продублируйте и копию.

Этап 7. Стилизуем слои экструзии.

Выберите слой Text copy 2 и примените следующие стили слоя.

Шаг 1.

Добавляем стиль Bevel and Emboss / Тиснение:

Size / Размер: 0

Shadow Mode — Opacity: 15%

Шаг 2.

Добавляем стиль слоя Drop Shadow / Тень:

Opacity / Непрозрачность: 7%

Distance / Смещение: 3

Size / Размер: 2

Шаг 3.

Это стилизует первый текстовый слой.

Правый клик по текстовому слою и из появившегося меню выберите Copy Layer Style / Скопировать стиль слоя.

Шаг 4.

Выберите все остальные слои в папке Extrusion и примените скопированные стили Paste Layer Style / Вклеить стиль слоя.

Это создаст 3D экструзию.

Шаг 5.

Продублируйте группу Extrusion, переместите ее выше слоя Text Front copy 2 и понизьте значение Fill / Выполнить заливку до 0.

Этап 8. Стилизуем передний текстовый слой.

Шаг 1.

Выберите слой Text Front и применяем стиль Bevel and Emboss / Тиснение:

Size / Размер: 3

Gloss Contour / Контур глянца: Cove — Deep

Выберите пункт Anti-aliased / Сглаживание

Shadow Mode — Opacity: 15%

Шаг 2.

Применяем стиль слоя Contour / Контур:

Contour / Контур: Cove — Deep

Выберите пункт Anti-aliased / Сглаживание

Range / Диапазон: 100%

Шаг 3.

Применяем стиль слоя Stroke / Выполнить обводку:

Size / Размер: 1

Position / ПоложениеInside / Внутри

Blend Mode / Режим наложенияScreen / Осветление

Fill Type / Содержимое обводкиGradient / Градиент

Используйте градиент faucet 70

Шаг 4.

Применяем стиль слоя Inner Shadow / Внутренняя тень:

Opacity / Непрозрачность: 35%

Снимите галку с пункта Use Global Light / Глобальное освещение

Angle / Угол: 141

Distance / Смещение: 9

Choke / Стягивание: 6

Size / Размер: 18

Шаг 5.

Применяем стиль слоя Inner Glow / Внутреннее свечение:

Blend Mode / Режим наложенияLinear Light / Линейный свет

Opacity / Непрозрачность: 100%

Color / Цвет: #d1cc90

Technique / МетодPrecise / Точный

Size / Размер: 90

Contour / КонтурCone / Конус – Asymmetrical

Шаг 6.

Применяем стиль слоя Outer Glow / Внешнее свечение:

Opacity / Непрозрачность: 100%

Color / Цвет: используйте градиентную заливку faucet 140

Spread / Размах: 28

Size / Размер: 10

Contour / Контур: Cove – Shallow

Шаг 7.

Применяем стиль слоя Drop Shadow / Тень:

Opacity / Непрозрачность: 7%

Distance / Смещение: 3

Size / Размер: 2

Вот так будет выглядеть верхний текстовый слой.

Этап 9. Стилизуем копию переднего текстового слоя.

Шаг 1.

Выберите слой Text Front copy и примените стиль Bevel and Emboss / Тиснение:

Size / Размер: 10

Снимите галку с пункта Use Global Light / Глобальное освещение

Angle / Угол: 138

Altitude / Высота: 21

Gloss Contour / Контур глянца: Cove — Deep

Выберите пункт Anti-aliased / Сглаживание 

Shadow Mode — Opacity: 15%

Шаг 2.

Примените стиль слоя Contour / Контур:

Contour / Контур: Cove — Deep

Выберите пункт Anti-aliased / Сглаживание.

Range / Диапазон: 100%

Шаг 3.

Примените стиль слоя Stroke / Выполнить обводку:

Size / Размер: 1

Position / ПоложениеInside / Внутри

Blend Mode / Режим наложенияScreen / Осветление

Fill Type / Содержимое обводкиGradient / Градиент

Используйте градиент faucet 70

Вот так будет выглядеть результат.

Этап 10. Стилизуем вторую текстовую копию.

Шаг 1.

Выберите слой Text Front copy 2 и примените стиль Bevel and Emboss / Тиснение:

Technique / МетодChisel Hard / Жесткая огранка

Size / Размер: 10

Снимите галку с пункта Use Global Light / Глобальное освещение

Angle / Угол: 110

Altitude / Высота: 26

Gloss Contour / Контур глянца: Cone — Asymmetrical

Выберите пункт Anti-aliased box

Shadow Mode — Opacity: 15%

Шаг 2.

Примените стиль слоя Contour / Контур:

Contour / Контур: Notched Slope — rounded

Выберите пункт Anti-aliased / Сглаживание

Range / Диапазон: 100%

Вот так выглядит результат.

Этап 11. Стилизуем нижний текстовый слой.

Скопируйте и вставьте стили со слоя Text Front, и примените их к слою Text Back. Двойной клик по данному слою и откорректируйте примененные стили.

Шаг 1.

Bevel and Emboss / Тиснение:

Size / Размер: 6

Шаг 2.

Contour / Контур:

Contour / КонтурCone / Конус – Inverted

Шаг 3.

Drop Shadow / Тень:

Opacity / Непрозрачность: 70%

Distance / Смещение: 20

Size / Размер: 50

Вот так у вас будет выглядеть текст.

Этап 12. Стилизуем группы Extrusion

Выберите группу слоев Extrusion и примените следующие стили слоя:

Шаг 1.

Gradient Overlay / Наложение градиента:

Выберите пункт Dither box

Blend Mode / Режим наложенияMultiply / Умножение

Используйте градиент stove pipe 185x

3577741_image093 (700x411, 53Kb)

Это добавит еще некоторые изменения в экструзии.

Шаг 2.

Выберите группу слоев Extrusion copy и примените стиль слоя Outer Glow / Внешнее свечение:

Blend Mode / Режим наложенияLinear Light / Линейный свет

Opacity / Непрозрачность: 35%

Color / Цвет: #a9f6ff

Size / Размер: 27

Contour / КонтурRing / Кольцо

Range / Диапазон: 75%

Шаг 3.

Сгруппируйте все видимые текстовые слои и группы в одну группу и назовите ее Text Effect.

Шаг 4.

Примените к группе стиль слоя Outer Glow / Внешнее свечение:

Blend Mode / Режим наложенияScreen / Осветление

Opacity / Непрозрачность: 50%

Color / Цвет: #399da7

Size / Размер: 150

Шаг 5.

Мы закончили с текстовым эффектом.

Если вы хотите изменить текст, просто дважды кликните по иконке оригинального текстового слоя Text, измените текст, затем перейдите в меню Image / Изображение > Reveal all / Показать все после чего File / Файл > Save / Сохранить, и File / Файл > Close / Закрыть.

Это позволить обновить все слои конвертированные в Smart Object / Смарт-объект и получить новый текст.

Этап 13. Добавляем текстуру и некоторые корректирующие слои.

Шаг 1.

Поместите текстуру Freeze выше всех слоев и переименуйте слой в Texture Overlay. Измените режим смешивания для этого слоя на Linear Burn / Линейный затемнитель и понизьте значение непрозрачности до 15%.

Шаг 2.

Добавьте корректирующий слой Gradient Map / Карта градиента. Создайте градиентную заливку используя цвета #433469 слева, #5e6474 в центре и #d4b28a справа.

Измените режим смешивания для корректирующего слоя на Color / Цвет и понизьте значение непрозрачности до 15%.

Шаг 3.

Продублируйте корректирующий слой Gradient Map / Карта градиента, измените для него режим смешивания на Soft Light / Мягкий свет и понизьте непрозрачность до 50%.

Вот и все…

Поздравляю вы выполнили урок

Автор: Rose

Источник: Tutsplus

Переводчик: 2 fingers

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.