How to Create a 3D, Glowing, Retro Text Effect in Adobe Photoshop
В этом уроке я расскажу вам, как используя Smart Object / Смарт-объект, стили слоя и корректирующие слои создать 3D, светящийся, ретро текстовый эффект в Adobe Photoshop.
В результате выполнения урока у вас получится примерно, как показано на верхней картинке.
Материалы урока:
- Шрифт: Big John
- Текстура: Metal texture
- Текстура: Freeze
- Градиент: Free Pack 6000 photoshop gradients загрузите файл CHROMES.grd
Этап 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 / Запись.
Этап 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
Это добавит еще некоторые изменения в экструзии.
Шаг 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