Как сделать бронзовый текст в фотошопе
Использование стилей слоёв весьма облегчает работу с текстом и его стилизации. Этот урок покажет вам, как при помощи всего двух текстовых слоёв создать интересный и в то же время элегантный бронзовый эффект.
Финальный результат
Шаг 1
Создайте новый документ со следующими параметрами:
- Ширина (Height): 1200 пикс.
- Высота (Width): 800 пикс.
- Разрешение (Resolution): 200
Примечание переводчика: для создания файла нажмите Файл - Создать (File-New).
Добавьте на наш документ текстуру деревянной доски, измените режим наложения для слоя с доской на “Умножение” (Multiply).
Примечание переводчика: при необходимости трансформируете текстуру, для этого нажмите (Ctrl+T). Для сохранения пропорций удерживаете зажатой клавишу Shift.
Кликните дважды левой клавишей мыши по слою с доской и примените стиль слоя Наложение градиента (Gradient overlay) со следующими параметрами:
- Режим наложения (Blend mode): “Умножение” (Multiply)
- Непрозрачность (Opacity): 75%
- Градиент (Gradient): от прозрачного к чёрному
- Масштаб (Scale): 150%
- Стиль (Style): радиальный (Radial)
Таким образом вы примените к текстуре деревянной доски эффект виньетки
Шаг 2
Продублируйте оригинальный слой с текстом нажатием комбинации клавиш (Ctrl+J), установите уровень “Заливки” (Fill) для копии текстового слоя 0%.
Шаг 3
Дважды кликните левой клавишей мыши по оригинальному слою с текстом и примените следующие стили с соответствующими параметрами:
Тиснение (Bevel and Emboss)
Контур (Contour)
- Контур (Contour): “Кольцо” (Ring)
- Установите галочку на пункте “Сглаживание”
Текстура (Texture)
Обводка (Stroke)
- Размер (Size): 1 пикс.
- Положение (Position): “Внутри” (Inside)
- Тип обводки (Fill type): “Градиент” (Gradient) (Сам градиент называется (Gold Label 230w), вы сможете его найти среди материалов из загруженного набора в начале урока)
- Стиль градиента (Style): “Зеркальный” (Reflected)
- Угол (Angle): 90 градусов
Внутреннее свечение (Inner Glow)
Наложение Градиента (Gradient Overlay)
- Режим наложения (Blend mode): “Мягкий Свет” (Soft Light)
- Непрозрачность (Opacity) : 35%
- Название градиента: ( Gold 24k – 20L) из того же набора.
- Стиль (Style): “Линейный” (Linear)
- Угол (Angle) : 45 градусов
- Масштаб (Scale): 150%
Тень (Drop Shadow)
И вот мы придали нашему тексту основные стили.
Шаг 4
Дважды кликните левой клавишей мыши по копии текстового слоя и примените следующие стили с соответствующими параметрами:
Тиснение (Bevel and Emboss)
Контур (Contour)
- Контур (Contour): “Линейный” (Linear)
- Установите галочку на пункте “Сглаживание”
Таким образом, мы применим стили ко второму слою, тем самым, усилив яркость и четкость первого слоя текста.
А также вы можете использовать этот эффект для оформления декоративных кистей/узоров, которые представлены в ресурсах урока.
What You'll Be Creating
В этом уроке я покажу вам, как создать металлический текст в Photoshop, используя стили слоя. Давайте приступим!
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
Шаг 1
Вначале установите исходный узор с расширением .pat. Вам необходимо дважды щёлкнуть по иконке файла. Это очень просто.
Шаг 2
Создайте новый документ. Установите значение Ширины (width) на 600px, а значение Высоты (height) на 450. Разрешение (Resolution) должно быть 72 DPI.
Шаг 3
Продублируйте фоновый слой, для этого идём Слой- Создать дубликат слоя (Layer > Duplicate Layer), нажмите кнопку ОК. Назовите дубликат слоя Фоновый узор (Background Pattern).
Шаг 4
Дважды щёлкните по слою Фоновый узор (Background Pattern), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Выберите исходный тёмный узор из выпадающего списка узоров, а затем нажмите кнопу ОК.
Шаг 5
Чтобы улучшить вид заднего фона, мы добавим стиль слоя Внутренняя тень (inner shadow). Ещё раз дважды щёлкните по слою Фоновый узор (Background Pattern), чтобы применить стиль слоя Внутренняя тень (inner shadow). Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 6
Напишите слово 'Metalkid' или любой текст на своё усмотрение, используя шрифт Strasua. Установите размер шрифта на 100 pt, а значение Трекинга (tracking) на 20. Для лучшего качества, задайте Метод сглаживания (anti-aliasing mode) Резкое (Sharp).
Шаг 7
Выберите инструмент Перемещение (Move Tool), далее, выделите слой с текстом и фоновый слой, а затем нажмите значки в верхней панели управления: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center).
Шаг 8
Добавьте стиль слоя к тексту, для этого щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Установите настройки, как показано на скриншоте ниже, а затем нажмите кнопку ОК.
Шаг 9
Давайте применим к тесту эффекты! Вначале мы добавим тени, чтобы отделить текст от заднего фона. Идём Слой- Стиль слоя - Тень (Layer > Layer Style > Drop Shadow). Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 10
Далее, мы применим наложение градиента, чтобы создать металлический эффект. Идём в стили слоя и выбираем стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки, которые указаны на скриншоте ниже.
Подсказка: чтобы создать новую контрольную точку градиента, вам необходимо щёлкнуть ниже шкалы градиента. Выбирая каждую контрольную точку цвета- позволит вам редактировать Позицию (Location) и Цвет (Color).
Шаг 11
Далее, идём Слой - Стиль слоя - Внутреннее свечение (Layer > Layer Style > Inner Glow) для осветления краёв. Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 12
Приступаем к созданию 3D вида, для этого идём Слой- Стиль слоя - Тиснение (Layer > Layer Style > Bevel & Emboss). Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 13
Сейчас мы усилим светотени, чтобы придать больше реализма к металлическому эффекту. Идём Слой- Стиль слоя - Глянец (Layer > Layer Style > Satin). Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 14
Мы почти завершили урок. В этом заключительном шаге, мы акцентируем края и углы, придав тексту 3D заключительный вид. Итак, идём Слой- Стиль слоя - Обводка (Layer >Layer Style > Stroke). Установите следующие настройки, которые указаны на скриншоте ниже.
Стили слоя - одни из самых мощных и интересных функций Photoshop. Вы можете создать все виды пластика, стекла, воды, льда или металлические стили. В этом уроке мы покажем вам, как создать позолоченный текст с помощью этого мощного инструмента. Как только вы завершите урок, вы можете сохранить созданный вами стиль и применить его в других своих проектах, где захотите. Давайте приступим!
Примечание редактора: данный урок первоначально опубликован в январе 2008.
Шаг 1
Шаг 2
Создайте новый слой, примените фильтр Текстуризатор, идём Фильтр – Текстура - Текстуризатор (Filter>Texture>Texturizer). Убедитесь, чтобы цвет переднего плана был установлен на белый цвет, а цвет заднего плана на чёрный цвет. После этого, поменяйте режим наложения для данного слоя на Умножение (Multiply).
Шаг 3
Добавьте свой текст. Я использовал шрифт Times New Roman, а в качестве буквы "A" я использовал букву "V", для этого отразите её по вертикали и горизонтали.
Шаг 4
Теперь мы можем создать наш позолоченный стиль слоя. Вначале добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 5
Далее, добавьте стиль слоя Обводка (Stroke). В качестве типа обводки (Fill Type), используйте Градиент (Gradient). Положение градиента обводки будет варьироваться для различных типов шрифтов, поэтому, поэкспериментируйте и посмотрите, что будет лучше выглядеть.
Шаг 6
Далее, добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки, которые указаны на скриншоте ниже.
Шаг 7
В заключение, добавьте стиль слоя Тень (Shadow). Установите следующие настройки, которые указаны на скриншоте ниже.
Заключение
Это очень хороший пример того, каким мощным инструментом Photoshop являются стили слоя. Иногда просто изменение некоторых значений может создать совершенно иной эффект. В этом уроке я создал позолоченный текст, но если вы измените цвет градиента на оттенки серого, то у вас будет серебристый стиль вместо золота.
В этом уроке вы узнаете, как создать объёмный бронзовый текст, используя стили слоя в программе Photoshop.
Сложность урока: Средний
В этом уроке вы узнаете, как создать бронзовый текст, используя стили слоя в программе Photoshop. Итак, давайте приступим!
Итоговый результат
1. Создаём задний фон
Шаг 1
Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.
Шаг 2
Создайте новый документ, идём Файл - Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).
Шаг 3
Находясь на слое с задним фоном, продублируйте его, для этого идем Слой - Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).
Шаг 4
Далее, к дубликату слоя мы добавим текстуру с помощью стилей слоя. Т.к. мы очень часто будем применять стили слоя, то постарайтесь запомнить действие, как активировать стили слоя.
Перейдите Слой - Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру 'black_background.pat' из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.
Шаг 5
Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:
2. Создаём текст
Шаг 1
Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.
Примечание переводчика: метод сглаживания можно поменять в нижнем правом углу, в настройках шрифта.
Шаг 2
Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.
Шаг 3
Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.
3. Применяем стилизацию к основному слою
Шаг 1
Загрузите текстуру ‘scratched_metal.pat’.
Шаг 2
Мы будем работать со слоем ‘A01’. Перейдите Слой - Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.
Шаг 3
Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:
Шаг 4
Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.
Вам понадобится самостоятельно создать контуры кривых, чтобы получить объёмный эффект. Внимательно ознакомьтесь со скриншотом ниже, а также примените значения, которые указаны в правой колонке.
Шаг 5
Далее, идём Слой - Стиль слоя – Глянец (Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.
Выберите контур ‘Cove – Deep’ из набора контуров.
Шаг 6
Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой - Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.
Шаг 7
Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой - Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.
4. Применяем стилизацию ко второму слою
Шаг 1
Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.
Шаг 2
Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой - Стиль слоя - Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.
Шаг 3
Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.
Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.
Шаг 4
Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой - стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.
Шаг 5
Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.
Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.
Шаг 6
В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.
Отличная работа, мы завершили урок!
В этом уроке я показал вам, как создать металлический задний фон, а также бронзовый текст, используя стили слоя.
Надеюсь, вам понравился этот урок, и вы сможете использовать полученные знания в своих проектах.
Создайте новый документ в Фотошопе размером 1000х750 пикселей и заполните фон серым цветом.
Шаг 2
Напишите слово LOVE шрифтом «Insaniburger». Откройте панель Character (Window ? Character) и настройте шрифт так:
2. Преобразование в фигуры
Шаг 1
Перейдите в меню Type ? Convert to Shape.
Шаг 2
Возьмите инструмент Direct Selection Tool (A) и выделите внутренние якорные точки буквы О. Нажмите Delete, чтобы удалить их. Это нужно для того, чтобы вырезать форму сердца внутри буквы.
Шаг 3
Возьмите инструмент Custom Shape Tool (U) и выберите форму сердца на верхней панели. Нарисуйте сердце внутри буквы.
Шаг 4
Создайте копию сердца (Ctrl + J) и измените цвет на чёрный. Опустите копию слоя под оригинал.
Шаг 5
Выберите оба слоя с сердцем и слои текста, на верхней панели выберите вариант Exclude Overlapping Shapes.
Шаг 6
Перейдите в меню Layer ? Merge Shapes. Сердце будет вырезано из текста. Назовите слой с текстом «Heart».
3. Создание 3D-слоёв
Шаг 1
На каждом слое текста перейдите в меню 3D ? New 3D Extrusion from Selected Path.
Шаг 2
Выберите оба 3D-слоя и перейдите в меню 3D ? Merge 3D Layers.
Шаг 3
Для работы с 3D нужны две панели: 3D и Properties. Они доступны в меню Window. Панель 3D содержит все элементы сцены. После клика на каждом элементе у вас будут открываться свойства на панели Properties.
Шаг 4
Выберите инструмент Move Tool (V) и увидите несколько режимов для перемещения и вращения объектов на сцене.
4. Настройки 3D-сетки
Шаг 1
Выберите обе сетки текста и на панели свойств настройте Extrusion Depth.
Шаг 2
Выберите только сетку Text и перейдите во вкладку Cap. Настройте всё, как показано на скриншоте.
Шаг 3
Теперь сделайте то же самое для сетки Heart.
5. Стеклянное сердце и метал на буквах
Шаг 1
Выберите все материалы сетки Heart, кликните на иконке параметра Diffuse и выберите пункт Remove Texture.
Шаг 2
- Diffuse: 154,7,7
- Specular: 170,30,63
- Shine: 95
- Reflection: 16
- Roughness: 3
- Opacity: 50
- Refraction: 1.5
Шаг 3
Выберите материалы Front Bevel, Back Bevel и Back Inflation. Удалите текстуру Diffuse и измените другие параметры.
- Diffuse: 173,173,173
- Specular: 134,133,130
- Shine: 50
- Reflection: 10
- Roughness: 10
- Refraction: 1.05
6. Перемещение сердца и настройка вида камеры
Шаг 1
Выберите инструмент Move Tool и поместите сердце в букву O. Каждый элемент на оси отвечает за что-то: передвижение по оси, вращение, изменение размера.
Шаг 2
Чтобы изменить ракурс, выберите элемент Current View на панели 3D. Настройте его, как показано на скриншоте. Можно использовать готовые варианты или инструмент Move Tool.
7. Создание материалов текста и экструзии Шаг 1
У сетки Text выберите Front Inflation Material, удалите текстуру Diffuse и настройте всё так:
- Specular: 134,133,130
- Shine: 50
- Reflection: 30
- Bump: 20
Шаг 2
Настройте Extrusion Material у сетки Text.
- Specular: 134,133,130
- Shine: 50
- Reflection: 10
- Bump: 5
- Refraction: 1.05
Шаг 3
Выберите сетку Text и перейдите в меню 3D ? Split Extrusion. Буквы будут разделены на разные сетки. Выберите полученные 4 сетки и измените Texture Mapping на Tile.
8. Фронтальная текстура
Шаг 1
Из набора Metal seamless textures pack 3 откройте файл «1.jpg» и перейдите в меню Image ? Adjustments ? Levels. Измените Highlights и сохраните файл как Front Texture.
Шаг 2
Выберите Front Inflation Material у первой буквы и загрузите текстуру Front Texture для параметра Diffuse.
Шаг 3
Если текстура будет растянутой, измените UV Properties.
Шаг 4
Можете изменить значения Tile, чтобы узор стал выглядеть так, как Вам нравится.
Шаг 5
Для параметра Bump загрузите файл «3.jpg» из набора Metal seamless textures pack 3. Измените UV Properties, чтобы они соответствовали параметру Diffuse.
Шаг 6
Выберите Front Inflation Material для остальных букв и загрузите для них Front Texture. Сделайте этот для Diffuse. Также загрузите файл «3.jpg» для параметра Bump.
Шаг 7
После загрузки текстур, настройте UV Properties для каждой буквы отдельно.
Шаг 8
Выберите Extrusion Material и загрузите текстуру «5.jpg» из набора Metal seamless textures.
9. Фоновое изображение
Шаг 1
Откройте фотографию ко Дню Валентина. Передйите в меню Filter ? Convert for Smart Filters. Переименуйте слой в «Background Image».
Шаг 2
Перейдите в меню Filter ? Blur Gallery ? Field Blur. Добавьте одну точку размытия в нижнюю часть холста (со значением 0) и вторую около верхней границы (со значением 13 пикселей).
Шаг 3
Перенесите фотографию в основной документ и расположите под 3D-слоем.
Шаг 4
Измените насыщенность фона при помощи коррекции Hue/Saturation (Ctrl + U).
10. Расположение объекта на сцене
Шаг 1
Выберите инструмент Move Tool (V) и включите Ground Plane (View ? Show ? 3D Ground Plane). Измените расположение камеры.
Шаг 2
Поверните каждую букву на своё усмотрение.
11. Настройка света
Шаг 1
Выберите Infinite Light 1 и расположите источник света так, чтобы тень от букв соответствовала теням фонового изображения.
Шаг 2
Можно использовать более точные координаты.
Шаг 3
Измените цвет (246,246,245) и остальные параметры.
12. Свет окружающей среды
Шаг 1
Выберите Environment на панели 3D и кликните на иконке IBL. Выберите пункт Replace Texture и откройте фотографию гостиной комнаты.
Шаг 2
Кликните на той же иконке ещё раз и выберите пункт Edit Texture.
Шаг 3
Уменьшите насыщенность изображения и сохраните файл.
Шаг 4
Измените остальные параметры окружающей среды.
13. Точечный свет
Шаг 1
Добавьте новый точечный свет на сцену.
Шаг 2
Настройте его так:
Шаг 3
Измените расположение источника света.
14. Рендеринг сцены
Шаг 1
Выберите все сетки текста и перейдите во вкладку Cap, измените Bevel Angle.
Шаг 2
Перейдите в меню 3D ? Render, чтобы начать рендеринг. Чтобы остановить его, нажмите Esc.
15. Настройка освещения
Шаг 1
Создайте корректирующий слой Levels.
Шаг 2
Создайте обтравочную маску (Ctrl + Alt + G) и настройте слой так:
Шаг 3
Создайте корректирующий слой Gradient Map: режим Color Burn, 5% непрозрачность.
16. Фильтр Lighting Effects
Шаг 1
Выделите весь холст (Ctrl + A) и скопируйте всё содержимое (Edit ? Copy Merged). Вставьте всё на отдельный слой. Назовите его «Lighting Effects» и преобразуйте в смарт-объект.
Шаг 2
Примените фильтр Lighting Effects (Filter ? Render ? Lighting Effects). Установите значение Height 1 для каждого канала параметра Texture.
Шаг 3
Измените угол эллипсов.
Конечный результат:
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Читайте также: