Золотой сверкающий текст с блестками в photoshop

Золотой сверкающий текст с блестками в PhotoshopВ этом уроке мы будем создавать реалистичный блестящий текст в Adobe Photoshop. Такие эффекты совсем необязательно сложны и состоят из множества стилей слоя и разных слоев. Иногда достаточно одного слоя и нескольких стилей. Это как раз тот случай. Сначала мы создадим паттерн, а потом быстро и легко — надпись на фоне.

Золотой сверкающий текст с блестками в Photoshop

Исходники

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

1. Копируем блестящую текстуру

Откройте изображение IMG_1598 из набора «Red, Gold, Silver Glitter Background». В меню выберите Select > All/Выделение>Все, а затем Edit > Copy/Редактировать>Копировать.

Золотой сверкающий текст с блестками в Photoshop

Создайте новый документ размером 590 x 392 px и разрешением в 72.

В меню выберите Edit > Paste/Редактировать>Вставить и переименуйте вставленный слой в Glitter. Масштабируйте его по размеру документа.

Золотой сверкающий текст с блестками в Photoshop

2. Паттерн из блесток

Кликните дважды по слою Glitter, чтобы открыть окно стилей слоя. Укажите слою стиль Color Overlay/Перекрытие цвета со следующими параметрами:

  • Цвет: #b69617
  • Blend Mode/Режим наложения: Soft Light/Мягкий свет
  • Opacity/Непрозрачность: 50%

Золотой сверкающий текст с блестками в Photoshop

Это немного осветлит текстуру.

Золотой сверкающий текст с блестками в Photoshop

В меню выберите Image > Adjustments > Levels/Изображение>Коррекция>Уровни и укажите а параметре Highlights/Света значение в 205.

Золотой сверкающий текст с блестками в Photoshop

В меню выберите Edit > Define Pattern/Редактировать>Определить узор и введите Glitter в качестве названия узора.

Золотой сверкающий текст с блестками в Photoshop

3. Фон и текст

Создайте новый документ размером 950 x 700 px и поместите на фон файл Canvas _03 из набора Canvas 1-25.

Золотой сверкающий текст с блестками в Photoshop

Создайте текст, к которому хотите применить эффект, используя шрифт Nickainley Regular размером в 150 pt.

Золотой сверкающий текст с блестками в Photoshop

4. Стили для текста

Кликните дважды по слою с текстом, чтобы указать ему стили с указанными ниже параметрами:

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

  • Включите опцию Anti-aliased/Сглаженный
  • Highlight Mode/Режим подсветки: Vivid Light/яркий свет
  • Opacity/Непрозрачность: 65%
  • Shadow Mode/Режим тени: Color Burn/затемнение основы
  • Color/Цвет: #885f18
  • Opacity/Непрозрачность: 50%

Texture/Текстура

  • Pattern/Узор: Glitter
  • Scale/Масштаб: 25%
  • Depth/Глубина: 25%

Pattern Overlay/Перекрытие узора:

  • Pattern/Узор: Glitter
  • Scale/Масштаб: 25%

Drop Shadow/Тень:

  • Blend Mode/Режим наложения: Linear Burn/Линейный затемнитель
  • Color/Цвет: #807b6a
  • Opacity/непрозрачность: 23%
  • Spread/Размах: 3
  • Size/Размер: 1

Результат

  • Автор урока Rose
  • Перевод — Дежурка
  • Смотрите также:

Источник: http://www.dejurka.ru/tutorial/glittering-gold-text-effect/

Золотой сверкающий текст с блестками

  • Written By Steve Patterson
  • В этом уроке мы научимся создавать золотые буквы, работая со стилями в Adobe Photoshop.
  • В результате нашей работы получим такой золотой сверкающий текст:

Золотой сверкающий текст с блестками в Photoshop

Шаг1. Создаем новый документ в Фотошопе: File menu / New, или Ctrl+N, задаем размер 640×480 пикселов и OK . Цвет фона – черный.

Шаг2. Выбираем Type tool на панели инструментов и вставляем нужный текст. Автор выбрал слово GOLD. Шрифт “Times New Roman Bold”. Если размер текста вас не устраивает – редактируйте с помощью меню Free Transform или Ctrl+T.

Золотой сверкающий текст с блестками в Photoshop

Шаг3. Создайте дубликат текстового слоя GOLD с помощью контекстного меню или комбинации Ctrl+J . Дальше будем работать с копией слоя GOLD copy.

Шаг4. Задаем золотой градиент для текста. В окне Слои (Layers palette) в Фотошопе есть полезная кнопка Layer Styles (Стиль слоя):

Золотой сверкающий текст с блестками в Photoshop

Выбираем наложение градиента.

Золотой сверкающий текст с блестками в Photoshop

Используем диалоговое окно Layer Style (Стили слоя) для установки параметров эффекта слоя Градиент. Если Вы не знаете, что такое эффекты слоя или не знаете, как работать с градиентом, посмотрите уроки в разделе “Что для чего?” Эффекты слоя и Градиент в фотошоп

Золотой сверкающий текст с блестками в Photoshop

Далее щелкнуть на изображении градиента для вызова редактора градиентов.

Золотой сверкающий текст с блестками в Photoshop

Шаг5. Создаваемый градиент должен имитировать переливы золота, поэтому должен быть переход от светло золотого к насыщенному золотому. В окне редактора градиентов задаем цвет левого маркера так, как на рисунке – R:247, G:238, B:173, что соответствует светло-золотому цвету (# f7eead).

Золотой сверкающий текст с блестками в Photoshop

Для правого маркера аналогично задайте R:193, G:172, B:81 (# c1ac51). Затем нажмите ОК, закройте окно редактора.

Результат должен выглядеть примерно так:

Золотой сверкающий текст с блестками в Photoshop

Дальше в окне редактора стилей установите:

Золотой сверкающий текст с блестками в Photoshop

Вот результат:

Золотой сверкающий текст с блестками в Photoshop

Окно редактора стилей не закрывайте, оно еще пригодится.

Шаг6. Текст должен быть объемным, для чего используем другие эффекты слоя. В окне редактора стилей устанавливаем следующие параметры для Bevel and Emboss (Тиснение)

  1. вот таким образом: меняем Technique (Метод) на Chisel Hard (Жесткая огранка),
  2. Gloss Contour (Контур глянца) на “Ring Double”
  3. и выберите опцию Anti-Aliased (Сглаживание).
  4. Установите размер 16 pixels и Depth (Глубина) 171%:
  5. Теперь буквы стали золотыми.
  6. Для усиления эффекта можно добавить Contour (Контур).

Шаг7. Продолжим работу с диалоговым окном редактора стилей. Выбираем Inner Glow (Внутреннее свечение)

  • и устанавливаем такие параметры: меняем цвет на оранжевый (R:232, G:128, B:31 ),
  • далее – Blend Mode(Режим) на Multiply (Умножение), Opacity (уровень прозрачности) устанавливаем 50%, размер 15 пикселов.
  • На этом закончим работу с дубликатом текстового слоя.

Шаг8. Продолжим работу с оригинальным текстовым слоем. Щелкните не этом слое в палитре слоев чтобы сделать его активным.

  1. Щелкните на Layer Styles чтобы начать работу со стилями этого слоя.
  2. Выбираем Stroke (Обводка) и задаем для нее такие параметры

Настроим градиент для обводки. Для этого откройте редактор градиентов и для левого маркера задайте цвет R:247, G:238, B:173 для правого – R:193, G:172, B:81. OK. Шаг9. Теперь нужно настроить Bevel and Emboss (Тиснение) для Stroke (Обводки). Для этого в диалоговом окне настройки стиля нужно выбрать Stroke Emboss и другие параметры настроить так, как на рисунке: Результат должен быть такой. Шаг10. Теперь можно добавить в диалоговом окне настройки стиля Outer Glow (Внешнее свечение), цвет R:183, G:145, G:79 . Шаг11. А сейчас сделаем текст сверкающим и сияющим. Для этого добавим новый слой Sparkles. Этот слой должен быть над всеми слоями. Используем кисть похожую на Х, которую выберем из Assorted Brushes Adobe Photoshop. Цвет для рисования выберем самый светлый из всех, что есть в изображении. В некоторых местах добавляем несколько блесток, сверкающих бликов в слое Sparkles. Делаем слой полупрозрачным и наслаждаемся результатом. Пересказала с английского Tortila

Источник: http://www.takpro100.net.ua/sharpen/57.html?task=view

Сверкающий золотой текст в фотошопе

  • Здравствуйте, дорогие друзья!
  • В этом уроке мы будем учиться создавать красивый текст в фотошопе с эффектом золотых бликов.
  • Этот урок я нашла на одном из иностранных ресурсов, перевела и дополнила, поскольку этапы работы в оригинале упомянуты очень кратко.
  • Для того, чтобы выполнить этот урок и научиться делать красивые текстовые эффекты в фотошопе не требуется каких-либо особых навыков работы с программой, вам будет достаточно элементарных знаний инструментов Photoshop.

Шаг 1 — Подготовка к уроку

Запускаем фотошоп и создаем новый документ – Ctrl+N.

Задаем параметры нового документа.

Поскольку в этом уроке мы будем работать только с текстом, мы можем создать небольшой по высоте холст. Для работы нам будет достаточно холста 568 х128 пикселей.

Но, для удобства работы с дополнительными материалами, можно увеличить высоту документа на 100 пикселей.

Золотой сверкающий текст с блестками в Photoshop

Шаг 2 — Работаем с текстом

В качестве шрифта будем использовать «Rockwell, Extra Bold», поскольку он лучше всего подходит для нашего урока. На самом деле, есть множество других шрифтов, которые сгодятся для данного эффекта, вы можете поэкспериментировать.

Скачайте  и установите данный шрифт или используйте любой другой похожий.

Как установить шрифт в фотошоп читайте в этом  уроке.

Используйте установленный шрифт, чтобы напечатать любой текст в фотошопе. Для этого выберите инструмент Horizontal Type Tool (Горизонтальный текст). Я установила размер шрифта 80пт.

  1. Золотой сверкающий текст с блестками в Photoshop
  2. Напишите слово в верхней части рабочего пространства, поскольку мы будем использовать нижнюю часть для рабочих операций.
  3. В качестве цвета текста выберем цвет #472000, он будет имитировать наш золотой фон.
  4. В результате у вас должно получиться следующее:

Шаг 3 — Применяем стиль слоя к тексту

  • Открываем палитру слоев – F7, выделяем самый нижний слой и меняем цвет фона на черный (# 000000):
  • Золотой сверкающий текст с блестками в Photoshop
  • Для этого выделите первый слой в палитре слоев и с помощью инструмента Paint Bucket Tool (Заливка) залейте его выбранным цветом.
  • Теперь выделим текстовый слой и добавим некоторые эффекты к тексту.
  • Дважды щелкните по слою в палитре слоев, чтобы вызвать окно «Layer Style» (Стиль слоя).
  • В появившимся окне установить галочку на«Bevel and Emboss»(Тиснение) и используйте такие настройки:
  • Золотой сверкающий текст с блестками в Photoshop

Шаг 4 — Рисуем пайетки

  1. Создадим новый слой – нажмите Ctrl+Shift+N, либо щелкните по иконке нового слоя самом внизу палитры слоев.
  2. Следующий шаг будет ключевым моментом нашего урока.
  3. Нам предстоит создать маленькие пайетки, которыми мы будем украшать наш текст в дальнейшем.

Увеличьте масштаб документа при помощи сочетания клавиш «Ctrl+» до такого размера, чтобы хорошо стали различимы отдельные квадратные пиксели. Я приблизила изображение до 3200%.

  • На панели инструментов выбираем Elliptical Marquee Tool (Овальная область).
  • Делаем круглое выделение в пределах квадрата 3х3 пикселя: ставим курсор в серединку центрального квадрата, зажимаем клавишу Shift, чтобы нарисовать ровный круг, и Alt, чтобы выделение рисовалось из точки, куда мы поставили курсор, от центра к краям.
  • Выделение автоматически примет следующий вид:
Читайте также:  Анимация огня в photoshop

Дальше берем  Paint Bucket Tool (Заливка). Заливаем первый круг бледно-желтым цветом #e0cd7c. Снимаем выделение – Ctrl+D.

Удалите 1 пиксель в центре с помощью квадратного выделения инструментом Rectangular Marquee Tool (Прямоугольная область). Выделите центральный квадрат, а затем нажмите «Delete».

  1. Аналогичным образом нарисуйте еще 4 различных круга размером 3 пикселя в нижней части документа, каждый на новом слое.
  2. Чтобы создать новый слой нажмите Ctrl+Shift+N.
  3. Выберите цвета, которые по вашему мнению, лучше всего подойдут для имитации золотого текста в фотошопе.
  4. Для получения красивого текстового эффекта, я выбрала градации цветов от светло-желтого до темно-коричневого, чтобы реалистичнее имитировать эффект золота.
  5. Вот цвета, которые я использовала для своей работы:
  6. 1 — #e0cd7c
  7. 2 — #c5922f
  8. 3 — #Ad7508
  9. 4 — #904000
  10. 5 — #802e00
  11. Выделите все 5 слоев с пайетками в палитре слоев с зажатой клавишей Ctrl, объедините их в группу – Ctrl+G.

Шаг 5 — Заполняем текст пайетками

Принцип работы

Следующим шагом мы будем копировать наши пайетки и располагать в случайном порядке поверх нашего текста, чтобы добиться реалистичного золотого эффекта. Здесь от вас потребуется немного терпения.

Задача перед нами стоит следующая: сформировать 5 слоев, заполненных в случайном порядке пайетками одного цвета. Таким образом, для пайеток каждого цвета будет свой слой.

Расположите светлые пайетки в верхней части текста, а темные в нижней части, стараясь сделать равномерный переход.

Приступаем к работе

На панели инструментов выбираем Move Tool (Перемещение).

Выделяем группу с образцами пайеток в палитре слоев. Перемещаем образцы ближе к буквам, чтобы видеть одновременно буквы и пайетки.

Начинаем со слоя с пайеткой 1.

Немного отдалим изображение, чтобы видеть букву полностью – «Ctrl -».

Наводим курсор на пайетку, зажимаем Alt, курсор примет вид двойной стрелки, перетягиваем пайетку на новое место. После того, как вы отпустите клавишу мыши, у вас будет копия пайетки.

Чтобы вам было легче работать с множеством копий, поставьте галочку в строке «Автовыбор» верхней панели настроек инструмента Move Tool. Это позволит вам легко перемещаться по слоям с пайетками, просто кликнув на объекте мышкой.

  • Сделайте много копий и располагайте пайетки в случайном порядке по всему тексту.

С помощью зажатой клавиши Ctrl выделите все слои с копиями пайетки 1 в палитре слоев и нажмите Ctrl+E, чтобы слить их в один слой. Вы также можете выделить группу слоев при помощи зажатой клавиши Shift, кликнув в начале и в конце группы.

Щелкните по названию слоя в палитре слоев, чтобы переименовать слой. Назовите слой с самыми яркими пайетками «Bright».

  1. В палитре слоев выберите слой с образцом пайетки 2.
  2. Аналогичным образом копируем много раз образец с помощью Alt и стрелки, и размещаем копии случайным образом по тексту.
  3. Собираем копии пайетки2 в общий слой «Light» (выделяем в палитре слои с копиями и нажимаем Ctrl+E).
  4. Сформируйте таким же образом еще 3 слоя с пайетками разного цвета и назовите их «MidTone», «Shade» и «Dark», таким образом, мы будем знать пайетки какого цвета на них находятся.
  5. Очень важно не перемешать пайетки разного цвета при объединении в общие слои, ведь в дальнейшем мы будем применять различные стили к разным слоям.
  6. Пример первой буквы «A»:

Заполняем аналогичным способом остальные буквы. Начинаем со светлых пайеток сверху и заканчиваем темными у основания букв.

Для наглядности я записала процесс заполнения букв блестками:

Шаг 6 — Применяем эффекты к тексту

  • Теперь, когда у нас есть текст, полностью покрытый разноцветными пайетками,  пора добавить некоторые текстовые эффекты в фотошопе.
  • Стили слоя позволяют делать различные красивые эффекты с текстом фотошопе.
  • Выберите слой «Bright» с самыми яркими пайетками и дважды щелкните по слою в палитре слоев.
  • В появившимся окне «Layer Style» (Стиль слоя) поставьте галочку в строке «Outer Glow»(Внешнее свечение), выделите ее и установите похожие параметры:
  • Наши светлые пайеточки заблестели еще ярче.
  • Пришло время добавить эффект на слой «Light».
  • Выберите слой «Light» в палитре слоев, дважды щелкните по слою.
  • В появившемся окне «Layer Style» (Стиль слоя) снова выбираем «Outer Glow» и выставляем следующие значения:
  • Цвет свечения я выбрала #ffa200.
  • Добавленные к тексту светящиеся эффекты, уже дают нам представление, на что он будет похож в конце урока.
  • Осталось всего несколько шагов, до того как мы придем к окончательному результату.
  • Вот что получилось на данном этапе у меня:

Шаг 7 — Добавляем блики

Итак, у нас есть наш текст в фотошопе с маленькими светящимися пайетками. Пришло время добавить последние штрихи к нему.

  1. Чтобы эффект золотого сияния был более реалистичным, нам необходимо добавить яркие блики к нашим пайеткам.
  2. Создаем новый слой – Ctrl+Shift+N.
  3. Рисовать блики мы будем с помощью специальных кистей.
  4. Как установить кисти в фотошоп читайте в этом уроке.
  5. Какие кисти вы будете использовать, зависит только от вашей фантазии и вкуса.
  6. Я буду работать с разными кистями, чтобы текст выглядел более реалистично.
  7. Использование различных цветов для рисования бликов хорошая уловка, которую стоит использовать для получения интересного результата.
  8. Не используйте строгие цвета, выбирайте для бликов различные оттенки от желтого до белого цвета.
  9. Вот что у меня получилось в итоге:
  10. В этом уроке мы посмотрели как можно сделать эффектный золотой сверкающий текст в фотошопе.
  11. Надеюсь, урок вам понравился.

Источник: http://www.minervity.com/features/photoshop/how-to-create-a-realistic-golden-bling-text-effect/

Источник: https://arttopia.ru/sverkayushhij-zolotoj-tekst-v-fotoshope/

Золотой сверкающий текст с блестками в Photoshop

< Предыдущая СОДЕРЖАНИЕ Следующая >

Перейти к загрузке файла

В этом уроке для пользователей Photoshop я расскажу, как создать красивый золотой эффект на тексте с помощью стилей слоя. Кроме того,для усиления эффекта блеска, с помощью изначально установленной в Photoshop кисти мы добавим блики на текст. Вот что у меня получилось в итоге: Начнём с создания нового документа размером 750 на 400 пикселей и заливаем его чёрным цветом (для заливки чёрным цветом нажимаем клавишу D, затем Alt+Delete). Берём инструмент “Текст”, выбираем шрифт, я выбрал Times New Roman Bold, он имеется в Windows по умолчанию, и пишем слово, сайта, цвет букв не важен: Теперь пришло время применить стили слоя. Зададим цвет букв с помощью стиля “Наложение градиента”. Нажмите на кнопку “Добавить стиль слоя” внизупанели слоёв, выберите строку “Наложение градиента” (Gradient Overlay). В диалоговом окне стиля кликните по полоске градиента, откроется новое окно, где кликните по левому маркеру и введите золотистый цвет #f7eead, правому маркеру задайте цвет потемнее #c1ac51, нажмите ОК. Стиль задайте зеркальный:

  • Результат:
  • Объём тексту мы добавим с помощью стиля “Тиснение (Bevel and Emboss)”. В диалоговом окне стилей кликните по строчке “Тиснение” и введите следующие настройки:
  • Параметр “Размер” зависит от размера букв, а блеск можно настроить с помощью изменения “Глубины”
  • Результат:
  • Осталось только добавить блики, мы сделаем это при помощи кисти из группы “Разные”. Берём инструмент “Кисть”, нажимаем на треугольничек в левом углу панели параметров, затем на шестерёнку, выбираем строку “Разные кисти”, откроется новое окно, где кликаем по кнопке “Заменить” или “Добавить” и берём кисть, показанную на рисунке:

В цветовой панели устанавливаем белый цвет. Поверх всех остальных слоёв создаём новый слой (Ctrl+Shift+Alt+N). Регулируем размер кисти при помощи клавиш левой и правой квадратных скобок ( [ и ] ) и ставим блики разных размеров на светлых местах букв.Лучше каждый блик ставить на новом слое, чтобы была возможность перемещать и/или масштабировать каждый блик отдельно.

Готовый результат:

Преобразуем текст в контур

В этом материале я расскажу, как преобразовать текст или отдельную букву текста в Photoshop в рабочий контур (Work Path) и каким образом можно получить из любого текста пользовательскую фигуру (Custom Shape).

Конвертация букв в векторный контур необходима, например, для коррекции формы буквы, для создания выделенной области из букв. Кроме того, нередко возникает задача объединения буквы или текста целиком с какой-либо другой фигурой для создания новой пользовательской формы.

В методике преобразования текста в контур нет ничего сложного, и, если Вы знаете, как это сделает, процесс займёт всего несколько секунд.

Существует несколько способов выполнения этой задачи, и, проще всего кликнуть правой кнопкой мыши по слою с текстом в панели слоёв и нажать по пункту “Создать рабочий контур” (Convert to Shape):

Но, по ряду причин, этот способ не всегда возможно применить. Поэтому в Photoshop существуют и другие методы конвертации букв.

Читайте также:  Как вставить одно изображение внутрь определённой области другого

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту “Создать рабочий контур” (Convert to Work Path) в открывшемся контекстном меню.

Но, чтобы этот метод сработал,необходимо, чтобы инструмент “Текст” (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои –> Текст –> Создать рабочий контур (Layer –> Type –> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст –> Создать рабочий контур (Type –> Convert to Work Path).

  1. Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!
  2. При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, “Пера” (Pen Tool), “Стрелка” (Direct Selection Tool), “Угол” (Convert Point Tool) и др.
  3. На примере я отключил видимость текстового слоя и переместил опорные точки буквы “е” инструментом “Стрелка”:

Кроме изменения и получения текста с буквами пользовательской формы. Вы можете после преобразования текста в контур получить пользовательскую форму (Custom Shape) и использовать эту форму в последствии.

Сохранение текста как пользовательской формы

Для сохранения текста как пользовательской формы, пройдите по вкладке Редактирование –> Определить произвольную фигуру ( Edit –> Define Custom Shape), откроется новое окно, где следует задать новой фигуре имя:

Чтобы использовать полученную фигуру, переключитесь на инструмент “Произвольная фигура” (Custom Shape Tool):

И выберите созданную Вами форму:

Кроме того, при активном инструменте “Произвольная фигура” Вы можете получить из контура выделенную область, слой-маску или фигуру:

На примере я выбрал создание при помощи слой-маски.

Источник: https://studwood.ru/1624661/informatika/zolotoy_sverkayuschiy_tekst_blestkami_photoshop

Создаём Текст из Золотистого Блеска в программе Adobe Photoshop

What You'll Be Creating

В этом уроке я покажу вам самый быстрый и простой способ создания сверкающего текста из золотистого блеска, используя множество стилей слоя. Итак, давайте приступим.

Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока: 

  • Шрифт RockoUltraFLF
  • Гранжевая текстура
  • Блестящие узоры

1. Создаём Задний Фон

Шаг 1

Создайте новый рабочий документ в программе Photoshop со следующими размерами 850 x 600px. Продублируйте слой с Задним фоном (Background).

Шаг 2

Дважды щёлкните по дубликату слоя Задний фон (Background copy), чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 150%
  • Щёлкните по шкале Градиента (Gradient), чтобы установить следующие цвета градиента: #3d3d3d слева и #151515 справа.

Шаг 3

Откройте исходную гранжевую текстуру в программе Photoshop. Переместите данную текстуру на наш рабочий документ, расположив поверх дубликата слоя Задний фон (Background), а затем идём Редактирование – Трансформация – Поворот на 90° против часов стрелки (Edit > Transform > Rotate 90° Counter Clockwise). Примените масштабирование при необходимости.

После этого, назовите слой с гранжевой текстурой Текстура Заднего фона (BG Texture), а затем поменяйте режим наложения для данного слоя с текстурой на Перекрытие (Overlay), уменьшите Непрозрачность (Opacity) слоя до 75%.

Шаг 4

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).

Шаг 5

Установите значение Цветового тона (Hue) на 155, значение Насыщенности (Saturation) на -50, а значение Яркости (Lightness) на -9.

2. Создаём Текст и Блестящий Узор

Шаг 1

Создайте текст со всеми заглавными буквами, используя шрифт RockoUltraFLF, а также установите Размер (Size) шрифта на 200 pt.

Шаг 2

Продублируйте слой с текстом, а затем уменьшите значение Заливки (Fill) для дубликата слоя с текстом до .

Шаг 3

Далее, откройте любое изображение из набора с блестящими узорами, которое вам нравится в программе Photoshop, а затем идём Редактирование – Определить узор (Edit > Define Pattern). Нажмите кнопку 'OK'.

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

3. Стилизуем Оригинальный слой с Текстом

Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:

Шаг 1

Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 9
  • Смягчение (Soften): 8
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

Шаг 2

Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%

Шаг 3

Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 1
  • Положение (Position): Внутри (Inside)
  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Щёлкните по шкале градиента, чтобы установить цвета градиента.

Шаг 4

Чтобы создать градиент, вам необходимо щёлкнуть по шкале градиента, чтобы добавить Контрольные точки цвета (Color Stops), а когда вы щёлкните по каждой контрольной точке, то вы можете поменять её Цвет (Color) и Позицию (Location). Ниже представлены контрольные точки цвета, которые использовались для создания градиента, слева направо.

Цвет – Позиция (Color – Location)

  • #272727 – 0%
  • #4f3662 – 32%
  • #8163a6 – 67%
  • #ebdffe – 100%

Как только вы установите цвета градиента, нажмите кнопку Новый (New), чтобы добавить созданный градиент в свой стандартный набор градиентов.

Шаг 5

Выберите следующий стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 35%
  • Смещение (Distance): 0
  • Размер (Size): 27

Шаг 6

Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 100%
  • Цвет: #999891
  • Метод (Technique): Точный (Precise)
  • Размер (Size): 90
  • Контур (Contour): Rolling Slope – Descending

Шаг 7

Выберите следующий стиль слоя Глянец (Satin). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет: #0d3537
  • Непрозрачность (Opacity): 50%
  • Угол (Angle): 90
  • Смещение (Distance): 50
  • Размер (Size): 60
  • Контур (Contour): Linear
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Поставьте галочку в окошке Инвертировать (Invert).

Шаг 8

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Масштаб (Scale): 150%
  • Используйте тот же самые градиент, который мы использовали для стиля слоя Обводка (Stroke).

Шаг 9

Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Цвет: #a3a3a3
  • Непрозрачность (Opacity): 80%
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Угол (Angle): 132
  • Смещение (Distance): 17
  • Размер (Size): 35

Итак, мы стилизовали первый слой с текстом.

4. Стилизуем Дубликат слоя с Текстом

Дважды щёлкните по дубликату слоя с текстом, чтобы применить следующие стили слоя:

Шаг 1

Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 9
  • Смягчение (Soften): 8
  • Контур глянца (Gloss Contour): Ring
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

Шаг 2

Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise):30%
  • Цвет: #999891
  • Метод (Technique): Точный (Precise)
  • Размер (Size): 90
  • Контур (Contour): Ring – Double

Шаг 4

Выберите стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

  • Поставьте галочку в окошке Дизеринг (Dither).
  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity): 20%
  • Масштаб (Scale): 150%
  • Щёлкните по шкале градиента. чтобы установить цвета градиента, которые указаны ниже:

Цвет – Позиция (Color – Location)

  • #272727 – 0%
  • #575653 – 32%
  • #a09d93 – 66%
  • #fef7df – 100%

Шаг 5

Выберите стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Светлее (Lighter Color)
  • Узор (Pattern): glitter-yellow.jpg
  • Масштаб (Scale): 50%
Читайте также:  Как изменить размер изображения в photoshop cc для web

Итак, мы стилизовали второй слой с текстом, а также добавили блестящий эффект.

5. Проводим Коррекцию Заключительного Результата

Шаг 1

Чтобы усилить эффект, продублируйте дубликат слоя с текстом, а затем уменьшите значение Непрозрачности (Opacity) для второго дубликата слоя с текстом примерно до 60%.

Шаг 2

  • В заключение, добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв.
  • Установите следующие цвета градиента: #566d7c слева,#9a9c8a в центре, и #fddea2 справа.
  • Далее, поменяйте режим наложения для данного корректирующего слоя на Линейный свет (Linear Light), а также уменьшите значение Непрозрачности (Opacity) слоя до 15%.

Поздравляю! Мы завершили урок!

В этом уроке мы создали простой задний фон с помощью заливки градиентом и текстуры. Далее, мы создали два слоя с текстом, а затем стилизовали каждый слой, чтобы создать эффект.

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

Не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Источник: https://design.tutsplus.com/ru/tutorials/how-to-create-an-easy-glitter-text-effect–cms-26987

Создаём блестящий новогодний текст в Фотошоп

В этом уроке я покажу вам, как использовать стили слоя и исходные изображения фейерверков, чтобы создать сверкающий золотом текст.

Итоговый результат:

Сохранить

Скачать архив с материалами к уроку

Примечание: Из набора градиентов в архиве вам понадобятся файлы: DIALS.grd, Goldmedal.grd и CHROMES.grd.

Шаг 1

Щёлкните мышкой в центре холста, а затем, удерживая кнопку мыши, потяните градиент в один из углов рабочего документа, чтобы создать радиальный градиент на заднем фоне. Теперь продублируйте слой с градиентом, для этого щёлкните правой кнопкой мыши по слою с градиентом и в появившемся меню выберите опцию Создать дубликат слоя (Duplicate Layer).

Дважды щёлкните по дубликату слоя с задним фоном и в появившемся окне выберите опцию Параметры наложения (Blending Options), чтобы добавить стиль слоя Наложение узора (Pattern Overlay).

В окне настроек данного стиля слоя, установите режим наложения на Мягкий свет (Soft Light), а также уменьшите степень Непрозрачности (Opacity) до 15%.

Теперь щёлкните по маленькой стрелке, обращённой вниз, рядом с миниатюрой узора и в появившемся окне теперь щёлкните по маленькому треугольнику в верхнем правом углу, чтобы выбрать опцию Загрузить узоры (Load Patterns) из появившегося списка.

Выберите файл с исходными узорами в горошек, а затем нажмите кнопку Загрузить (Open). Выберите узор Muster 36 из набора установленных узоров в качестве основного узора для нашего заднего фона. Таким образом, мы добавим точечный узор к нашему заднему фону.

Шаг 2

Дважды продублируйте каждый слой с фрагментом текста, а затем уменьшите значение Заливки (Fill) для каждого второго дубликата слоя с текстом до 0%. Теперь выделите все слои, составляющие целую строчку текста (например, все слои со словом ‘Happy’), далее, удерживая клавишу (Shift), щёлкните по значку Создать новую группу (Create a New Group), чтобы сгруппировать все выделенные слои в одну группу. Щёлкните по названию группы, чтобы дать новое название.

Примечание переводчика: 1. в данном случае, автор продублировал три слоя с текстом, получив всего 9 слоёв. 2. В итоге автор создал три группы 3. Вы можете назвать группу в соответствии с фрагментом текста, например, ‘Happy’.

Шаг 3

Дважды щёлкните по оригинальному слою с текстом ‘Happy’, чтобы применить следующие стили слоя.

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Метод (Technique): Жёсткая огранка (Chisel Hard)
  • Размер (Size): 13
  • Контур глянца (Gloss Contour): Ring – Double
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode): цвет #9f6100

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур (Contour): Ring
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Далее, добавьте стиль слоя Обводка (Stroke). Установите следующие настройки:

  • Размер (Size): 7
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle) 90°
  • Щёлкните по шкале градиента и в появившемся окне Редактора градиента (Gradient Editor), нажмите кнопку Загрузить (Load). Выделите исходные градиенты, которые вы скачали CHROMES.grd, DIALS.grd, и Goldmedal.grd, а затем нажмите кнопку ‘OK’. Из набора градиентов, выберите градиент stove pipe 70.

Теперь добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки:

  • Смещение (Distance): 14
  • Размах (Spread): 10%
  • Размер (Size): 10

Нажмите кнопку ‘OK’, чтобы применить стиль слоя.

Итак, мы создали внешнюю обводящую часть.

Щёлкните правой кнопкой мыши по стилям слоя и в появившемся окне выберите опцию Скопировать стиль слоя (Copy Layer Style). Примените скопированные стили слоя к остальным двум оригинальным слоям с фрагментами текста, для этого щёлкните правой кнопкой мыши по оригинальному слою и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style).

Шаг 4

Дважды щёлкните по первому дубликату слоя с текстом ‘Happy’, чтобы применить следующие стили слоя.

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -166°
  • Высота (Altitude): 69°
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Установите Диапазон (Range) на 90%

Далее, добавьте стиль слоя Обводка (Stroke). Установите следующие настройки:

  • Размер (Size): 1
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90°
  • Щёлкните по шкале градиента, чтобы выбрать градиент Golden Dial Top X11, затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor).

Теперь добавьте стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
  • Шум (Noise): 100%
  • Цвет 585858
  • Источник (Source): Из центра (Center).

Добавьте стиль слоя Глянец (Satin). Установите следующие настройки:

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Цвет f4cfa3
  • Смещение (Distance): 26
  • Размер (Size): 49
  • Контур (Contour): Ring – Double.

В заключение, добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity) 30%
  • Щёлкните по шкале градиента, чтобы выбрать градиент Gold Label 160, затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor) и ещё раз нажмите кнопку ‘ОК’, чтобы закрыть окно стилей слоя.

Итак, мы создали основную сверкающую часть эффекта. То же самое, что мы проделывали ранее, скопируйте / вклейте стили слоя для двух остальных первых дубликатов слоя с фрагментами текста.

Шаг 5

Дважды щёлкните по второму дубликату слоя с текстом ‘Happy’, чтобы применить следующие стили слоя.

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -166°
  • Высота (Altitude): 69°
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode), цвет aba277

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 90%

Добавьте стиль слоя Текстура (Texture) со следующими настройками:

  • Узор (Pattern): текстура Шум (в качестве узора выберите исходную текстуру Шум)
  • Глубина (Depth): 500%.

Теперь, добавьте стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
  • Шум (Noise): 100%Щёлкните по шкале градиента, чтобы выбрать градиент Gold Label 215z, затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor) и ещё раз нажмите кнопку ‘ОК’, чтобы закрыть окно стилей слоя.

Итак, мы стилизовали блестящую часть текста. Скопируйте / вклейте стили слоя для двух остальных вторых дубликатов слоя с фрагментами текста.

Шаг 6

Поменяйте режим наложения для слоя с фейерверком на Линейный осветлитель (Добавить) (Linear Dodge (Add)).

Активируйте инструмент свободной трансформации, для этого идём Редактирование – Свободная трансформация (Edit>Free Transform), примените масштабирование и поворот при необходимости, расположив эффект фейерверка на верхней кромке одной из букв, нажмите клавишу (Enter), чтобы применить изменения. Повторите Шаг 6 для остальных изображений с фейерверком.

Вы можете увидеть итоговый результат на скриншоте ниже. Множество стилей слоя помогли нам создать красивый и сверкающий текст, а изображения с фейерверками добавили изящный штрих к заключительному результату. Надеюсь, что вам понравился этот урок, и он был для вас полезным.

Итоговый результат:

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru

Источник: https://zen.yandex.ru/media/id/5ba9ebc78f43c900aac86cde/5df533486f5f6f00adf528b0

Ссылка на основную публикацию