Золотой текст в фотошопе — ITC-LIFE
В этом уроке будет показано, как создать золотой текст, используя одну из полезных функций Фотошопа – стили слоя. После того, как текст будет готов, Вы сможете сохранить созданный стиль, а затем применять его каждый раз, когда понадобится сделать золотой текст.
Финальный результат:
Шаг 1. Создаем фон
Для начала, нужно создать простой фон для текста. Для этого, создайте новый документ (Файл – Новый) (File > New) (Ctrl+N). Размер документа установите тот, который нужен именно Вам (в этом уроке автор создал документ размером 1000x600px).
Созданный документ залейте темно-коричневым цветом (#211901).
Для цвета переднего плана установите желтый (#fee86a) и выберите мягкую кисть размером 500px (Brush Tool) (B). Создайте новый слой (Shift + Ctrl + N) и кистью с выбранным желтым цветом кликните один раз в центре документа. Измените режим наложения слоя с желтым пятном на Яркий свет (Vivid Light) и уменьшите непрозрачность (Opacity) до 50%.
Шаг 2. Добавляем текст
Для того, чтобы написать текст, воспользуйтесь инструментом Текст (Horizontal Type Tool) (T). В этом уроке использован шрифт Times Bold с размером 200px, цвет текста черный. Шрифт Вы можете выбрать здесь.
Теперь будем добавлять к тексту стили слоя, чтобы сделать его золотым.
Шаг 3. Добавляем стиль слоя Наложение градиента
К слою с текстом добавьте стиль слоя Наложение градиента (Gradient Overlay) и установите параметры, как показано на скриншоте:
Результат:
Шаг 4. Добавляем стиль слоя Наложение цвета
Теперь добавьте к слою с текстом стиль Наложение цвета (Color Overlay):
Результат:
Шаг 5. Добавляем стиль слоя Тиснение
Для того, чтобы добавить к тексту глубины, примените к нему стиль слоя Тиснение (Bevel and Emboss):
Результат:
Шаг 6. Добавляем стиль слоя Внутренняя тень
К слою с текстом добавьте стиль Внутренняя тень (Inner Shadow):
Результат:
Шаг 7.
Добавляем стиль слоя ОбводкаДля того, чтобы сделать края текста более четкими, добавьте стиль слоя Обводка (Stroke):
Результат:
Шаг 8. Добавляем стиль слоя Тень
К слою с текстом добавьте стиль Тень (Drop Shadow):
Результат:
Шаг 9. Добавляем стиль слоя Внешнее свечение
В финале, добавьте стиль слоя Внешнее свечение (Outer Glow). Он придаст тексту больше глубины.
Шаг 10. Сохраняем созданные стили для золотого текста
При желании, Вы можете сохранить созданные стили слоя для золотого текста, для того, чтобы потом применять их на любой другой текст. Для того, чтобы сохранить стили слоя, в палитре Слои (Layers) кликните по слою с текстом, чтобы сделать его активным, затем откройте палитру Стили (Styles panel) (Окно – Стили) (Window > Styles) и в нижней ее части кликните по кнопке Создать новый стиль (Create new style).
В появившемся диалоговом окне напишите название сохраняемого стиля, включите флажок около слова Включить стили слоя (Include Layer Effects).
Кликните ОК и теперь сохраненные Вами стили появятся в палитре Стили слоя (Styles panel) (Окно – Стили) (Window > Styles). Для того, чтобы сохраненные стили добавить к тексту, напишите текст и просто кликните по этому стилю.
Автор: Nikola Lazarevic
Элегантный золотой текст в Adobe Photoshop
В этом уроке мы будем создавать элегантный золотой текст в Adobe Photoshop. Мы будем работать со стилями слоя, а фильтры, которые мы применим будут недеструктивными. Таким образом данная техника позволит вам редактировать текст и эффекты в любое время. Урок был выполнен в версии Adobe Photoshop CC. В начале урока вы найдете все необходимые исходники для работы, а в конце урока — сам PSD файл с текстом и эффектами.
Результат
Исходники
- Шрифт Bevan Regular.
- Текстура черной ткани от TextureX-com.
- Паттерны металических сеток от Axertion.
- В меню выберите Edit > Presets > Preset Manager/Редактировать>Наборы>Управление наборами, выберите Patterns/Узоры из выпадающего меню Preset Type/Тип набора.
Кликните на маленькую стрелку в правее меню типа набора и кликните по разделу Patterns/Узоры в нижней части выпадающего меню. Затем кликните на Append/Добавить, чтобы добавить наборы паттернов, которые мы будем использовать в уроке. - Набор градиентов от Supertuts007 (нам нужен Goldmedal.grd).
Шаг 1
Создайте новый документ размером 1024 x 741 px и дублируйте фоновый слой.
Кликните дважды по копии фонового слоя, чтобы применить к нему стиль слоя Gradient Overlay/Перекрытие градиента. Настройте стиль слоя как показано ниже, используя градиент цветов #606060 и #232323.
Так вы создадите простой радиальный градиент.
Разместите текстуру черной ткани поверх остальных слоев и смените для слоя с тканью Blend Mode/Режим наложения на Soft Light/Мягкий свет.
Шаг 2
Введите текст, используя все заглавные буквы.
Выберите шрифт Bevan Regular размером в 250 pt и цвета #ac813d. Смените тип Kerning/Кернинга в палитре Character/Символ (Window > Character/Окно>Символ) на Optical/Оптический. Дублируйте слой.
Дублируйте копию текста, смените для новой копии параметр Fill/Заливка на 0 и дублируйте слой.
Шаг 3
Кликните дважды по первой копии текста (не оригинал) и укажите копии следующие стили слоя (Layer Style):
– Bevel and Emboss/Тиснение
Используйте цвет = #e0e0e0, а также цвет тени = #4f3a11.
– Stroke/Обводка
Используйте градиент «Gold label 120xs«.
– Inner Shadow/Внутренняя тень
Используйте цвет #78614b
– Drop Shadow/Тень
Вот что должно получиться:
Шаг 4
Дважды кликните по второй копии текста и укажите ей следующие стили слоя:
– Bevel and Emboss/Тиснение
– Contour/Контур
– Texture/Текстура
Используйте текстуру Clouds/Облака
Вот что из этого выйдет:
Шаг 5
Кликните дважды по третьей копии текста и укажите слою следующие стили:
– Bevel and Emboss/Тиснение
– Contour/Контур
– Texture/Текстура
Используйте паттерн «Hex Metal Mesh».
Вот что получится:
Шаг 6
Выберите оригинальный слой текста и смените цвет текста на #252525.
В меню выберите Filter > Convert for Smart Filters/Фильтр>Преобразовать в смарт-фильтр. Текст станет смарт-объектом. Так вы сможете редактировать его и применять к нему недеструктивные фильтры.
В меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении. Настройте параметр как показано ниже:
Смените Blend Mode/Режим наложения этого слоя на Color Burn /Затемнение основы и снизьте Opacity/Непрозрачность до 50%.
Выберите инструмент Move/Перемещение, затем используйте клавишу стрелки вниз, чтобы переместить тень ниже.
В меню выберите Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу и укажите радиус в 15. Это сделает тень мягче.
Создайте новый слой над копией фонового слоя, назовите его Light и снизьте его Opacity/Непрозрачность до 50%.
Возьмите инструмент Brush/Кисть, выберите в качестве первого цвета #606060 и используйте большую круглую растушеванную кисть, чтобы нарисовать за буквами несколько больших пятен, с целью сделать светлее эти области.
Результат
Вот и все! Вы можете менять текст в любое время. Также вы можете скачать PSD-файл этого урока ЗДЕСЬ.
Автор урока
Перевод — Дежурка
Смотрите также:
- Блестящий карамельный текст в Adobe Photoshop
- Рисуем пиратский текст в Adobe Photoshop
- Уроки реалистичных типографических эффектов в Adobe Photoshop
Простой золотой текстовый эффект в Photoshop
В этом уроке по текстовым эффектам мы узнаем, как создать простой золотой текстовый эффект в Photoshop.
Эту задачу легко выполнить в Photoshop благодаря мощному стилю слоя.
Мы будем использовать Bevel & Emboss, Satin и Color Overlay Layer Style.
Начнем!
Окончательный результат.
Видео: простой золотой текстовый эффект в Photoshop.
Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрой справки.
Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .
1. Создайте новый документ
Выберите команду File > New в верхнем меню или просто нажмите Ctrl+N .
Появится стандартное диалоговое окно New.
Во всплывающем окне введите имя в поле Имя и введите следующую информацию: Ширина 1366 пикселей, Высота 768 пикселей, Разрешение 72 пикселя/дюйм, Цветовой режим RGB и Содержимое фона Прозрачный или Черный.
Нажмите OK.
На панели «Слои» появится слой с именем по умолчанию «Слой 1».
Создайте новый документ.
На панели «Слои» появится слой с именем по умолчанию «Слой 1».
2. Залейте слой черным цветом
Мы заполним весь слой черным цветом.
Выберите Edit>Fill или просто нажмите Shift+F5 .
Появится диалоговое окно «Заливка».
В этом диалоговом окне в разделе «Содержание» можно выбрать заливку основным или фоновым цветом.
Выберите «Черный», затем нажмите «ОК».
Теперь выбранный вами черный цвет заполняет слой.
Диалоговое окно «Заливка».
Выбранный вами черный цвет заполняет слой.
3. Выберите инструмент Horizontal Type Tool
Выберите инструмент «Горизонтальный текст» на панели «Инструменты» или просто нажмите T .
На выбор доступны четыре инструмента: инструмент «Горизонтальный текст», инструмент «Вертикальный текст», инструмент «Маска горизонтального текста» и инструмент «Маска вертикального текста».
Нажмите Shift+T для переключения между четырьмя доступными инструментами ввода текста, пока не станет активным тот, который вам нужен.
Ваш курсор будет выглядеть как двутавровая балка, похожая на ту, которую вы видите в текстовом редакторе.
Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.
Инструмент горизонтального текста.
4. Введите текст в документе
Щелкните часть холста, куда вы хотите добавить текст в Photoshop, затем введите текст.
Если вам нужно начать новый абзац, нажмите Enter.
По завершении нажмите кнопку «Подтвердить» на панели параметров или просто нажмите Ctrl+Enter .
Photoshop создает новый текстовый слой.
Теперь у нас есть два слоя: слой 1 и слой текста.
Введите текст в документе. Теперь у нас есть два слоя: слой 1 и слой текста.
5. Отрегулируйте размер текста с помощью свободного преобразования
Убедитесь, что выбран слой типа.
Выберите Edit>Free Transform или просто нажмите Ctrl+T .
Ограничивающая рамка окружает текст.
Имеет четыре контрольные точки по углам, четыре контрольные точки по бокам и центр вращения посередине.
Теперь вы можете редактировать текст следующим образом:
- Чтобы переместить текст: Перетащите внутри прямоугольника.
- Чтобы повернуть текст: перетащите за угол прямоугольника.
- Чтобы масштабировать по горизонтали или вертикали: перетащите его стороны.
- Удерживайте клавишу Shift, чтобы текст не искажался.
- Когда закончите, нажмите кнопку «Подтвердить» на панели параметров или просто нажмите Ctrl+Enter .
Выберите слой «Тип».
Настройка размера текста с помощью свободного преобразования.
6.
Добавить стиль слоя
Перейдите к Layer> Layer Style> Bevel & Emboss , чтобы открыть диалоговое окно Bevel & Emboss Layer Style.
Примените стиль Bevel & Emboss, Satin и Color Overlay, используя следующие настройки:
Bevel & Emboss:
Style: Inner Bevel
Technique: Smooth
Size: 20 px
Soften: 4 px
Gloss Contour: Ring
Satin:
Opacity: 10%
Distance: 27 px
Size: 13 px
Tick Anti-Aliased
Contour: Rounded Steps
Color Overlay:
Выберите оранжевый цвет: #ffd100
Настройки скоса и тиснения.
Настройки наложения цвета.
7. Дублируйте текстовый слой для отражения
Дублируйте текстовый слой, перейдя в верхнее меню и выберите Layer>Duplicate layer или просто нажмите Ctrl+J .
На панели «Слои» над исходным текстовым слоем появляется дубликат текстового слоя с именем по умолчанию «копия вашего текста».
Теперь у нас есть три слоя: слой 1, текстовый слой и дублирующий текстовый слой.
Вы можете переименовать дублированный слой с новым именем, например «Отражение».
На панели «Слои» над исходным текстовым слоем появляется дубликат текстового слоя с именем по умолчанию «копия вашего текста».
8. Преобразование дубликата текстового слоя в смарт-объект
Выберите дубликат/отражение слоя на панели «Слои».
Выберите Layer>Smart Objects>Convert to Smart Object .
Выберите слой типа дубликат/отражение на панели «Слои».
Преобразуйте дубликат текстового слоя в смарт-объект.
9. Примените Gaussian Blur к слою Reflection
Выберите Filter>
Появится диалоговое окно «Размытие по Гауссу».
В диалоговом окне установите флажок «Предварительный просмотр», затем перемещайте ползунок «Радиус», пока текст не станет выглядеть гладким и размытым.
Для этого урока я выбрал значение радиуса 4 пикселя.
В диалоговом окне установите флажок «Предварительный просмотр», затем перемещайте ползунок «Радиус», пока текст не станет гладким и размытым.
Применен фильтр размытия по Гауссу.
10. Переместите отражение вниз под исходный текст
Выберите инструмент «Перемещение» на панели инструментов.
Переместите текст отражения ниже исходного текста.
Выбрав инструмент «Перемещение», выполните одно из следующих действий: перетащите текст отражения с помощью мыши или нажмите клавишу со стрелкой вниз, чтобы переместить текст отражения на один пиксель за раз, или нажмите Shift -стрелка, чтобы переместить его на 10 пикселей за раз.
Инструмент «Перемещение».
Переместите текст отражения ниже исходного текста.
11. Отразить отражение по вертикали
Выберите слой отражения на панели Слои.
Выберите Правка>Преобразование>Отразить по вертикали .
Перевернуть Вертикально.
12. Добавьте маску слоя к слою «Отражение»
Выбрав слой отражения текста, нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои» или выберите «Слой»> «Маска слоя»> «Показать все» в верхнее меню.
Миниатюра маски белого слоя появляется на выбранном слое, открывая все на этом слое.
Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои».
На выбранном слое появится миниатюра маски белого слоя.
13. Выберите инструмент «Градиент»
Выберите инструмент «Градиент» на панели «Инструменты» или просто нажмите G .
На выбор доступны три инструмента: инструмент «Градиент», инструмент «Заливка» и инструмент «Капли 3D-материала».
Нажмите Shift+G для переключения между шестью доступными инструментами формы до тех пор, пока нужный вам не станет активным.
Выберите Цвет от черного к белому и Линейный градиент на панели параметров.
Инструмент «Градиент».
Выберите «От черного к белому» и «Линейный градиент».
14. Создайте отражение
Удерживая нажатой клавишу Shift , щелкните и перетащите мышь вверх и отпустите, когда вы приблизитесь к верхней части своего отражения (вы увидите линию, рисующую градиентное распространение) .
Настройте непрозрачность отражения на панели «Слои».
Откройте ползунок «Непрозрачность», щелкнув стрелку вправо или введя процентное значение в текстовом поле «Непрозрачность».
Удерживая нажатой клавишу Shift, щелкните и перетащите мышь вверх и отпустите, когда приблизитесь к верхней части своего отражения.
Настройте непрозрачность отражения на панели «Слои».
15. Сохраните документ
Выберите Файл>Сохранить или просто нажмите Ctrl+S , чтобы сохранить файл проекта с золотым текстовым эффектом.
Появится диалоговое окно «Сохранить как».
Перейдите к папке, в которой вы хотите сохранить файл проекта.
Введите имя в текстовое поле Имя файла и оставьте формат Photoshop по умолчанию (*.PSD;*.PDD).
PSD — это родной формат Photoshop, который удобен тем, что сохраняет все сведения об изображении и позволяет позже редактировать изображение в Photoshop, если вы заметите проблему.
Щелкните Сохранить, чтобы сохранить файл проекта.
Когда вы закончите, вы, вероятно, захотите экспортировать изображение в более распространенный формат, такой как JPEG, PNG, TIFF и т. д.
И вот результат:
Простой золотой текстовый Фотошоп.
Подробнее об руководстве по Photoshop:
|
