Содержание

Как сделать объемный текст в Фотошопе

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

Пример HTML-страницы

Шаг 1.

Подготовка паттерна

Вначале, откроем файл с блестками. Я использовал текстуру синего цвета.
Затем создадим Паттерн. Нажимаем Редактирование > Определить узор (Edit > Define Pattern) затем нажимаем ОК и закрываем файл с текстурой.

Шаг 2.

Создание документа

Создаем новый документ размером 860х640 px. Затем в качестве фона, переносим туда текстуру рисовой бумаги, которая также находится в материалах к уроку. Масштабируем ее так, чтобы она заняла все место в рабочем документе.

Шаг 3.

Добавление текста

Создаем нужный текст размером 150 pt и цветом #B3BEC1. Используйте наиболее подходящий для вас шрифт.

После этого конвертируйте текстовый слой в Смарт-объект, для этого необходимо нажать правой кнопкой мыши в панели слоев по нужному слою и выбрать

Преобразовать в Смарт-объект (Convert to Smart Object).

Шаг 4.

Наложение эффектов

Теперь нажимаем правой кнопкой по Смарт-объекту в панели слоев и выбираем самый верхний пункт Параметры наложения.

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

  • Метод — Жесткая огранка (Technique — Chisel Hard)

  • Контур глянца – Двойное кольцо (Gloss Contour — Ring- Double)

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

  • Режим подсветки — Яркий свет (Highlight Mode — Vivid Light)

  • Непрозрачность — 100% (Opacity — 100%)

  • Непрозрачность тени – 50% (Shadow Mode — Opacity 50%)

Шаг 5.

Наложение эффектов

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


    Шаг 6.

    Наложение эффектов

    Добавляем Эффект Текстура (Texture).

    • Узор (Pattern) – Используем узор который мы сделали в первом шаге (текстуру с блестками).


        Шаг 7.

        Наложение эффектов

        Добавляем эффект Наложение узора (Pattern Overlay)

        со следующими настройками:

        • Режим наложения – Яркий свет (Blend Mode — Vivid Light)

        • Узор (Pattern) — используем узор который мы сделали в первом шаге (текстуру с блестками)

        • Масштаб (Scale) — 10%

          Шаг 8.

          Наложение эффектов

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

          • Режим наложения – Яркий свет (Blend Mode — Vivid Light)

          • Цвет (Color) — #FFFFFF

          • Непрозрачность (Opacity) — 100%

          • Смещение (Distance) — 2

          • Размер (Size) — 2

          • Шум (Noise) — 5

              Шаг 9.

              Наложение эффектов

              Дублируем Смарт-объект, для этого в панели слоев нажимаем по слою правой кнопкой и выбираем Создать дубликат слоя (Duplicate Layer). После этого у нового слоя удалим все Эффекты, а для этого опять нажмем правой кнопкой по слою и выберем Очистить стиль слоя (Clear Layer Style).

              Далее поместим наш новый слой под основной оригинальный текстовый слой и перейдем опять в панель

              Параметры наложения (Blending Options) и добавим Тень (Drop Shadow) со следующими настройками:

              • Режим наложение – Умножение (Blend Mode — Multiply)

              • Цвет (Color) — #000000

              • Непрозрачность (Opacity) — 20%

              • Глобальное освещение — Убрать галочку (Use Global Light)

              • Угол (Angle)  -45

              • Смещение (Distance) — 3

              • Размер (Size) — 8

              • Шум (Noise) — 5

                  Шаг 10.

                  Промежуточный результат

                  У вас должно получиться, что то похожее на картинку у меня. Мы уже близко к финальному результату.

                      Шаг 11.

                      Добавление корректирующего слоя

                      Создадим корректирующий слой Кривые (Curves), переместим его на самый верх в панели Слои. Сгруппировываем корректирующий слой вместе с верхним смарт-объектом, так чтобы корректирующий слой действовал только на него. Затем делаем кривую аналогично той, которая у меня.

                          Шаг 12.

                          Финальное изображение

                          Так как мы изначально из текста сделали Смарт-объект, то теперь мы легко можем его редактировать. Достаточно нажать по Смарт-объекту 2 раза и мы перенесемся к редактированию содержимого, там мы можем изменить текст.

                          После этого автоматически текст обновиться и на него наложатся все наши эффекты.

                          Ссылка на источник

                              Пример HTML-страницы

                              Как создать светящиеся линии в фотошопе — Быстро и красиво | Как сделать.

                              .

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

                               

                              Содержание

                              1. Шаг 1:
                              2. Шаг 2:
                              3. Шаг 3:

                              Для начала создайте новый документ, примерно 750х500 пикселей, залейте его темным цветом к примеру таким #171717.

                               

                               

                              Шаг 2:

                              Возьмите инструмент «Перо» (пен тоол «P») и нарисуйте линию, не важно какую нам главное понять смысл как сделать а красоту можно подкорректировать:

                               

                               

                              Шаг 3:

                              Далее возьмите инструмент «Кисть» или нажмите клавишу (B), откройте настройки кисти (Окно — Кисть или нажмите F5) затем в пункте «Кегль»  установите значение около 5 пикселей.

                               

                              Сейчас внимание важные моменты последней подготовочной стадии: 

                               

                              Шаг 4:

                              Первым делом создайте новый слой (ctrl + n), затем установите основной цвет «Белый» или нажмите клавишу «D» для сброса цвета. Теперь снова воспользуйтесь инструментом Pen Tool (P) Перо, нажмите правой кнопкой мыши по контуру и выберите пункт «Выполнить обводку контура» -> Инструмент: Кисть + Имитировать режим (как на скрине ниже) 

                               

                              После нажатия «ОК» у вас должно получится нечто такое, как у меня: 

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

                               

                              Шаг 5:

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

                               

                              и еще для динамики можно добавить внутренних оттенков, типо этого

                              Ну вот и все, можете заценить свой результат!!! Более чем уверен что у Вас получилось лучше чем у меня |

                              Если вам не в падлу, то выкладывайте в комментариях свои свои скриншоты того что получилось!!! Необязательно создавать именно такой контур как у меня, можете даже нарисовать какую либо контурную фигурку, и проделать с ней вышеуказанные операции, представляю как круто получится ^_^

                              А я как нибудь так накручу наверчу, и вот такую фигню получу:

                               ↑  А ты считаешь, как можно креативно назвать вот это  ↑ 

                              Почему то у меня в голове крутится такое название «Светящаяся кегля», вам тоже показалось это странным? 0_о

                              В заключение

                              Если смог помочь, то очень рад! + если вы выполнили урок то очень благодарен! Писал как знал, пытался все рассказать как можно подробней и надеюсь у меня это получилось. Если у вас не получилось с первого раза, не бросайте, продолжайте дальше, перечитайте урок возможно что-то пропустили или наоборот сделали лишнее. На всякий случай давайте повторим:

                              1. Создать новый слой, взять перо и нарисовать произвольный контур
                              2. Взять в руки Кисть, зайти в настройки изменить значение
                              3. Создать новый слой, сбросить цвет установив в основу белый
                              4. Создать обводку контура 
                              5. Настроить стиль слоя
                              6. И конечно же показать нам свой результат! 🙂

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

                              Создание золотого текстового эффекта в Photoshop CC и CS6

                              Превратите текст в золото с помощью этого пошагового руководства, которое покажет вам, как создавать блестящие золотые буквы и текст в Photoshop!

                              Автор сценария Стив Паттерсон.

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

                              Я обновил это руководство, чтобы включить последние изменения в Photoshop, такие как новая панель «Кисти» в Photoshop CC 2018 и новые сочетания клавиш «Свободное преобразование» в CC 2019. Поэтому для достижения наилучших результатов вам нужно использовать последнюю версию Фотошоп. Но там, где это необходимо, я также включаю исходные шаги, чтобы пользователи Photoshop CS6 могли по-прежнему следовать им.

                              Вот как будет выглядеть эффект золотого текста, когда мы закончим:

                              Финальный эффект.

                              Начнем!

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

                              Шаг 1. Создайте новый документ Photoshop

                              Создайте новый документ, перейдя в меню Файл в строке меню и выбрав Новый :

                              Перейдите в меню «Файл» > «Создать».

                              И в диалоговом окне «Новый документ» установите Ширину вашего документа на 1600 пикселей , высота от до 800 пикселей и разрешение от до 72 пикселя на дюйм .

                              Затем в Photoshop CC нажмите кнопку «Создать» или в CS6 нажмите «ОК»:

                              Установка ширины, высоты и разрешения нового документа.

                              Появляется новый документ:

                              Новый документ Photoshop.

                              Посмотрите видео или продолжите работу с письменным руководством ниже:

                              Шаг 2. Залейте документ черным цветом

                              Чтобы выделить золотые буквы, измените цвет фона документа с белого на черный.

                              Перейдите в меню Edit в строке меню и выберите Fill :

                              Переходим к Правка > Заполнить.

                              Затем в диалоговом окне «Заливка» установите Contents на Black и нажмите OK:

                              Изменение содержимого на черный.

                              Фотошоп заливает фон черным цветом:

                              Документ после заливки фона черным цветом.

                              Шаг 3. Выберите инструмент «Текст»

                              Чтобы добавить текст, выберите Type Tool на панели инструментов:

                              Выбор инструмента «Текст».

                              Шаг 4. Выберите шрифт

                              Затем на панели параметров выберите шрифт. В этом уроке я буду упрощать и использовать Times New Roman Bold , но вы можете использовать любой шрифт, который вам нравится.

                              Установите размер типа на 72 pt . Мы изменим размер шрифта, как только добавим его, но это даст нам самый большой предустановленный размер на данный момент:

                              Выбор шрифта и установка размера 72 пт.

                              Шаг 5: Установите белый цвет шрифта

                              Чтобы текст отображался на черном фоне, установите начальный цвет шрифта белый . Мы добавим золотые цвета позже, используя эффекты слоя.

                              Щелкните образец цвета на панели параметров:

                              Щелчок по образцу цвета.

                              И в палитре цветов выберите белый, установив R , G и B значения (красный, зеленый и синий) по 255 . Затем закройте палитру цветов, нажав OK:

                              .

                              Изменение цвета шрифта на белый.

                              Шаг 6. Добавьте текст в документ

                              Щелкните внутри документа и добавьте свой текст. Я напечатаю слово «ЗОЛОТО».

                              Не беспокойтесь, что текст слишком маленький. Мы изменим его размер на следующем шаге:

                              .

                              Добавление текста.

                              Чтобы принять текст, нажмите галочку на панели параметров:

                              Щелкните галочку, чтобы принять текст.

                              Шаг 7. Измените размер и положение текста с помощью функции «Свободное преобразование»

                              Чтобы изменить размер текста и переместить его в центр холста, перейдите в меню Edit и выберите Free Transform :

                              Перейдите в Редактирование > Свободное преобразование.

                              Затем измените размер текста, щелкнув и перетащив любой из угловых маркеров , которые появляются вокруг него.

                              Но здесь мы сталкиваемся с различием между Photoshop CC и CS6.

                              Как изменить размер текста в Photoshop CC

                              Начиная с Photoshop CC 2019, Free Transform теперь автоматически блокирует соотношение сторон при перетаскивании маркеров, поэтому вы не искажаете формы букв при изменении размера текста. Это то поведение, которое нам нужно, поэтому, если вы используете Photoshop CC, вы можете просто перетаскивать маркеры, не добавляя никаких клавиш-модификаторов.

                              Как изменить размер текста в Photoshop CS6

                              Но в CS6 вам нужно нажать и удерживать клавишу Shift при перетаскивании маркеров, чтобы зафиксировать соотношение сторон на месте. Когда вы закончите изменять размер текста, не забудьте отпустить кнопку мыши 9.0163 до , отпуская клавишу Shift.

                              Как переместить текст в центр документа

                              После изменения размера текста переместите его в центр холста, щелкнув внутри поля «Свободное преобразование» и перетащив текст в нужное место.

                              Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы закрыть Free Transform:

                              Изменение размера текста путем перетаскивания угловых маркеров.

                              Шаг 8: Сделайте копию слоя Type

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

                              На панели «Слои» сделайте копию слоя «Тип», перетащив ее вниз на значок «Добавить новый слой» внизу:

                              Перетаскивание слоя «Тип» на значок «Добавить новый слой».

                              Копия слоя «Тип» появляется над оригиналом:

                              Появится слой «ЗОЛОТАЯ копия».

                              Очистите панель «Слои» в Photoshop с помощью этих важных советов!

                              Шаг 9. Раскрасьте текст с помощью эффекта слоя Gradient Overlay

                              Чтобы превратить текст в золото, мы будем использовать эффекты слоя Photoshop. И первый эффект, который нам нужен, это Gradient Overlay. Мы будем использовать его, чтобы добавить немного золотого цвета к буквам.

                              Убедитесь, что на панели «Слои» выбран слой «ЗОЛОТАЯ копия». Затем щелкните значок Layer Styles (значок «fx») внизу:

                              Щелкните значок Стили слоя.

                              И в меню эффектов слоя выберите Наложение градиента :

                              Выбор эффекта слоя Gradient Overlay.

                              Шаг 10. Создайте собственный золотой градиент

                              Photoshop открывает диалоговое окно «Стиль слоя» с параметрами «Наложение градиента».

                              Во-первых, удалите все предыдущие настройки, которые вы могли использовать, нажав кнопку Reset to Default :

                              Сброс параметров наложения градиента.

                              Затем отредактируйте цвета градиента, щелкнув образец градиента :

                              Щелчок по образцу цвета градиента.

                              В редакторе градиентов дважды щелкните точку цвета под левой стороной градиента:

                              Двойной щелчок по левой цветовой остановке.

                              Добавление цветов золотого градиента

                              Мы собираемся создать собственный золотой градиент для текста. И чтобы помочь нам, я взял образцы цветов с фотографии золотой монеты.

                              В палитре цветов установите для параметра R значение 9.0021 247 , значение

                              G до 238 и значение B до 173 . Затем нажмите OK, чтобы закрыть палитру цветов:

                              .

                              Изменение цвета левой стороны золотого градиента.

                              Вернувшись в редактор градиентов, дважды щелкните точку цвета под правой стороной градиента:

                              Двойной щелчок по правой цветовой остановке.

                              И в палитре цветов установите R на 193 , G от до 172 и B от до 81 . Затем нажмите OK:

                              Изменение цвета правой стороны золотого градиента.

                              Узнайте, как сэмплировать цвета текста с ваших изображений!

                              Шаг 11. Сохраните золотой градиент как предустановку

                              Вам снова понадобится этот градиент, так что сохраните его как пресет.

                              В редакторе градиентов назовите градиент «Gold», а затем нажмите кнопку New , чтобы сохранить его:

                              Сохранение пользовательского градиента в качестве предустановки.

                              В области Presets появляется эскиз золотого градиента:

                              Photoshop добавляет миниатюру для нашего нового набора настроек «Золотой градиент».

                              Нажмите «ОК», чтобы закрыть редактор градиентов, но оставьте диалоговое окно «Стиль слоя» открытым.

                              Вот текст с примененным золотым градиентом:

                              Текст окрашен золотым градиентом.

                              Шаг 12. Измените стиль градиента на отраженный

                              Вернувшись в диалоговое окно Layer Style, измените Стиль градиента к Отраженный :

                              Изменение параметра «Стиль» на «Отраженный».

                              Это перемещает более темный золотой цвет вверху и внизу текста, а более светлый цвет проходит через середину:

                              Эффект со стилем градиента, установленным на «Отраженный».

                              Шаг 13. Добавьте эффект слоя Bevel & Emboss

                              В левой части диалогового окна «Стиль слоя» находится список всех эффектов слоя, которые мы можем выбрать.

                              Выберите Bevel & Emboss , нажав непосредственно на название эффекта:

                              Добавление эффекта слоя Bevel & Emboss.

                              Затем очистите все предыдущие пользовательские настройки, нажав кнопку Восстановить значения по умолчанию :

                              Сброс параметров Bevel & Emboss до значений по умолчанию.

                              Шаг 14. Измените технику на долото жесткое

                              Убедитесь, что в разделе «Структура» для параметра «Стиль » установлено значение « Внутренний скос ».

                              Затем измените Technique на Chisel Hard :

                              Изменение техники на жесткое долото.

                              Шаг 15. Измените контур блеска на кольцо — двойное

                              В разделе Shading щелкните маленькую стрелку справа от эскиза Gloss Contour . Убедитесь, что вы нажимаете на стрелку, а не на миниатюру.

                              Затем дважды щелкните контур Ring — Double , чтобы выбрать его (третий эскиз слева, нижний ряд):

                              Изменение параметра Gloss Contour на Ring-Double.

                              Шаг 16. Измените угол и включите сглаживание

                              Все еще в разделе Shading установите Angle на 120° .

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

                              Установка угла 120° и включение сглаживания.

                              Шаг 17. Установите непрозрачность света и тени на 75%

                              Чтобы добавить больше контраста эффекту, увеличьте оба0021 Непрозрачность подсветки и Непрозрачность теней от до 75% :

                              Параметры непрозрачности Highlight Mode и Shadow Mode.

                              А вот и эффект:

                              Текст после применения Bevel and Emboss.

                              Шаг 18: Увеличьте значение размера, чтобы заполнить буквы

                              Чтобы текст больше походил на чистое золото, закройте пространство внутри букв, увеличив Size эффекта Bevel and Emboss.

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

                              Необходимое значение размера будет зависеть от размера вашего текста. Для меня значение 41 пиксель делает работу:

                              Увеличение значения размера.

                              А вот и золотой эффект с заполненными буквами:

                              Эффект золотого текста после увеличения значения размера.

                              Шаг 19: Увеличьте значение глубины

                              Затем увеличьте значение Depth , перетащив ползунок вправо. Это улучшит освещение и добавит больше контраста отражению в буквах. Я установлю значение глубины примерно на 170% :

                              .

                              Увеличение значения глубины.

                              И теперь буквы действительно начинают казаться золотыми:

                              Эффект после увеличения значения глубины.

                              Шаг 20. Добавьте эффект слоя «Внутреннее свечение»

                              Добавьте эффект слоя Внутреннее свечение , щелкнув его имя в левой части диалогового окна «Стиль слоя»:

                              Добавление эффекта слоя «Внутреннее свечение».

                              Затем очистите все предыдущие настройки, нажав Восстановить значения по умолчанию :

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

                              Измените режим наложения внутреннего свечения с экрана на Multiply .

                              И установите Непрозрачность на 50% :

                              Установка режима наложения и непрозрачности эффекта внутреннего свечения.

                              Затем измените цвет свечения, щелкнув образец цвета :

                              .

                              Щелчок по образцу цвета.

                              И в палитре цветов выберите оттенок оранжевого, установив значение R на 232 , G на 128 и B на 31 (я взял этот цвет из фото золота кирпич). Затем нажмите OK в палитре цветов:

                              Выбор оранжевого цвета для внутреннего свечения.

                              Наконец, увеличьте Size свечения, пока оно полностью не заполнит буквы. В моем случае я установлю значение размера 75 пикселей:

                              .

                              Увеличьте значение размера.

                              Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно Layer Style.

                              Теперь ваш золотой эффект должен выглядеть примерно так:

                              Эффект золотой буквы после применения внутреннего свечения.

                              Шаг 21: Выберите оригинальный слой Type

                              Вернувшись на панель «Слои», щелкните исходный слой «Тип», чтобы выбрать его:

                              Выбор исходного слоя типа.

                              Шаг 22: Добавьте Обводку вокруг букв

                              Затем щелкните значок Стили слоя внизу:

                              Щелкните значок Стили слоя.

                              И на этот раз выберите Stroke :

                              Выбор стиля слоя «Обводка».

                              В диалоговом окне Layer Style нажмите кнопку Reset to Default , чтобы сбросить все предыдущие настройки Stroke:

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

                              Шаг 23. Залейте обводку предустановленным золотым градиентом

                              Измените Тип заливки обводки с Цвет на Градиент .

                              Затем щелкните маленькую стрелку справа от образца градиента и выберите «Золотой» градиент, который мы сохранили ранее, дважды щелкнув его миниатюру:

                              Изменение типа заливки на градиент и выбор пользовательского золотого градиента.

                              Шаг 24: Установите стиль, положение и размер штриха

                              Измените Стиль градиента с Линейного на Отраженный .

                              Затем установите Position обводки на Outside и увеличьте Size примерно до 8 пикселей :

                              Изменение параметров стиля, положения и размера.

                              И теперь у нас есть обводка вокруг текста, которая настроена на те же цвета, что и сам текст:

                              Эффект после применения золотого градиента к обводке.

                              Шаг 25: Примените Bevel & Emboss к обводке

                              Мы собираемся применить еще один эффект Bevel & Emboss, но не к буквам, а к обводке.

                              Нажмите на слова Bevel & Emboss в левой части диалогового окна Layer Style:

                              Нажатие на Bevel & Emboss.

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

                              Вместо этого просто измените стиль с внутренней фаски на 9.0021 Тиснение штриха . Technique должен быть установлен на Chisel Hard .

                              Установите значение Размер на тот же размер, который вы выбрали для обводки, который в моем случае был 8 пикселей :

                              Изменение параметров стиля, техники и размера.

                              Повторная проверка других параметров Bevel & Emboss

                              Убедитесь, что все остальные настройки Bevel & Emboss такие же, как и раньше. Если по какой-то причине это не так, вам нужно их изменить:

                              Глубина: 170%
                              Угол: 120°
                              Контур глянца: Двойное кольцо
                              Сглаживание: Отмечено
                              Непрозрачность светлых участков: 75%
                              Непрозрачность теней: 75%

                              Параметры Bevel и Emboss для обводки.

                              Включение опции Контур

                              Ниже Bevel & Emboss в левой части диалогового окна Layer Style находится эффект с именем Contour . Нажмите внутри флажка, чтобы включить его.

                              Это еще больше улучшит освещение вокруг штриха:

                              Выбор контура для обводки.

                              А вот как золотой текст теперь выглядит с Bevel & Emboss, примененным к обводке:

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

                              Шаг 26. Применение эффекта внешнего свечения к слою

                              Давайте закончим наши стили слоя, добавив слабое свечение вокруг текста, как будто свет отражается от золотых букв.

                              Нажмите непосредственно на слова Outer Glow в левой части диалогового окна Layer Style:

                              Выбор внешнего свечения.

                              Установите Непрозрачность свечения на 40% , а затем щелкните образец цвета :

                              Настройка непрозрачности и изменение цвета внешнего свечения.

                              В палитре цветов установите для R значение 232 , G для 128 и B для 31 , а затем нажмите OK:

                              Выбор нового цвета внешнего свечения.

                              И, наконец, увеличьте Размер свечения примерно до 60 пикселей :

                              Увеличение размера внешнего свечения.

                              Узнайте, как копировать эффекты слоев между слоями в Photoshop!

                              Мы закончили с эффектами слоя, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style.

                              А вот и золотой текстовый эффект со всеми примененными эффектами слоя, включая новое внешнее свечение:

                              Эффект почти завершен.

                              Шаг 27: Выберите слой «ЗОЛОТАЯ копия»

                              Завершим золотой текстовый эффект, добавив блестки к буквам. И для этого нам нужно добавить блестки на отдельный слой.

                              На панели «Слои» щелкните слой «ЗОЛОТАЯ копия» (верхний слой), чтобы выбрать его:

                              Выбор верхнего слоя Type.

                              Шаг 28: Добавьте новый слой над текстом

                              Затем нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните значок Добавить новый слой :

                              Щелкните значок «Добавить новый слой», удерживая клавишу «Alt» (Win)/Option (Mac).

                              В диалоговом окне «Новый слой» назовите слой «Искры» и нажмите «ОК»:

                              Имя нового слоя.

                              Photoshop добавляет новый пустой слой с именем «Искры» над текстом:

                              Новый слой добавляется поверх остальных.

                              Шаг 29. Выберите инструмент «Кисть»

                              Мы создадим блестки с помощью одной из кистей Photoshop.

                              Выберите инструмент «Кисть» с панели инструментов:

                              Выбор инструмента «Кисть».

                              Шаг 30.

                              Выберите кисть «Crosshatch 4» из набора «Различные кисти» .

                              Кисть «Crosshatch 4», которая нам нужна для наших блесток, включена в Photoshop как часть набора Ассорти кистей. Но Ассорти кистей не загружаются автоматически, поэтому нам нужно будет загрузить набор самостоятельно. И это подводит нас к еще одному различию между Photoshop CC и CS6.

                              В Photoshop CC 2018 компания Adobe изменила дизайн панелей кистей. Поэтому используйте шаги ниже, чтобы загрузить кисть на основе вашей версии Photoshop.

                              Как загрузить набор кистей в Photoshop CC

                              В Photoshop CC с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, щелкните (Mac) внутри документа, чтобы открыть Средство выбора настроек кисти .

                              Затем щелкните значок меню в правом верхнем углу:

                              Щелчок по значку меню средства выбора набора кистей в Photoshop CC.

                              И выберите в меню Legacy Brushes :

                              Выбор «Устаревших кистей».

                              Нажмите OK , чтобы загрузить набор старых кистей:

                              Восстановление набора старых кистей.

                              Вернитесь в палитру пресетов кистей, прокрутите вниз до новой папки «Устаревшие кисти» и откройте ее, вращая:

                              Открытие папки «Устаревшие кисти».

                              И внутри папки откройте папку Ассорти кистей :

                              Открытие набора «Ассорти кистей».

                              Затем прокрутите список различных кистей, пока не найдете Штриховка 4 кисть.

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

                              Дважды щелкните миниатюру кисти «Штриховка 4».

                              Как загрузить набор кистей в Photoshop CS6

                              В Photoshop CS6 с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, щелкните (Mac) внутри документа, чтобы открыть Средство выбора набора настроек кисти .

                              Затем щелкните значок меню в правом верхнем углу:

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

                              И выберите набор кистей Ассорти из меню:

                              Выбор «Разные кисти» из меню.

                              Photoshop спросит, хотите ли вы заменить текущие кисти новыми кистями. Выберите Добавить , чтобы добавить их к существующим кистям:

                              Добавление различных кистей вместе с текущими кистями.

                              Вернувшись в палитру предустановок кистей, прокрутите список кистей, пока не найдете 48 пикселей, штриховка 4 кисть. Найдите кисть, которая выглядит как «X» с числом 48 под ним (48 означает, что размер кисти по умолчанию составляет 48 пикселей).

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

                              Двойной щелчок по миниатюре кисти «Перекрестие 4».

                              Шаг 31. Попробуйте золотой цвет для блесток

                              Выберите цвет блесток, выбрав цвет из текста.

                              Нажмите и удерживайте Alt (Win) / Option (Mac) клавишу на клавиатуре, чтобы временно переключиться с инструмента «Кисть» на инструмент «Пипетка» , а затем щелкните светло-золотой цвет, чтобы попробовать его.

                              Выберу светлую область на букву «О»:

                              Удерживая Alt (Win)/Option (Mac) и выбирая цвет из текста.

                              Шаг 32: Нажмите на буквы, чтобы добавить случайные блестки

                              Отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту «Кисть» . А затем щелкните несколько случайных точек вокруг текста, чтобы добавить блестки.

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

                              Не добавляйте слишком много блесток, иначе вы переборщите. Пара больших и меньших — это все, что вам действительно нужно. Если вам не нравится последний добавленный вами блеск, нажмите Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре, чтобы отменить действие, а затем повторите попытку.

                              Здесь я добавил пару блёсток к букве «G», третью блёстку поменьше в нижней части буквы «L» и четвёртую в левом верхнем углу буквы «D»:

                              Эффект после добавления блесток.

                              Шаг 33. Уменьшите непрозрачность блесток (необязательно)

                              И, наконец, если блестки выглядят слишком яркими, просто уменьшите непрозрачность слоя «Искры».

                              Вы найдете параметр Непрозрачность в правом верхнем углу панели «Слои». Я понижу свой до 80% :

                              Уменьшите яркость блесток, уменьшив непрозрачность слоя.

                              На этом мы закончили! Вот, после снижения непрозрачности моего слоя «Искры», мой окончательный золотой текстовый эффект:

                              Окончательный результат.

                              И вот оно! Вот как создать золотой текст в Photoshop!

                              Теперь, когда вы создали золотой текст, посмотрите Часть 2, где я покажу вам, как легко заменить фон эффекта!

                              Или посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы получить больше руководств!

                              Как создать неоновое свечение в Photoshop, включая стиль слоя и шрифт.

                              56

                              ПОДЕЛИТЬСЯ

                               

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

                              Скачать ресурсы
                              • Вы можете получить шрифт здесь (я не предлагаю поддержку шрифта, я никоим образом не связан с его создателем).
                              • Загрузите фото здесь
                              • Дополнительный бонус, стиль слоя готов к использованию.

                              Здесь у нас есть хорошая кирпичная стена, к которой можно прислонить.

                              1.

                              Давайте добавим текст с помощью инструмента «Текст».

                              Введите PSCafe. или что вы хотите сказать. Используйте панель параметров вверху, чтобы изменить размер шрифта.

                              Я нашел бесплатный шрифт под названием Neon Tubes 2 (ссылка вверху)

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

                              С выбранным нашим типом слоя перейдите к стилям слоя, где написано fx. Нажмите и выберите наложение цвета.

                              Откроется диалоговое окно «Эффекты слоя».

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

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

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

                              Изменить режим наложения с экрана на нормальный.

                              Отрегулируйте размер и полностью увеличьте непрозрачность. Теперь у вас есть два варианта, центр или край, мы собираемся использовать край.

                              Мы начинаем получать немного неонового цвета по краям нашего шрифта. Замечательно.

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

                              Выберите нормальный режим наложения и давайте увеличим наш размер.

                              Установите непрозрачность на 86

                              У нас хорошая дымка. Нам нужно еще одно свечение внутри, которое даст более яркий цвет.

                              Теперь обратите внимание, что есть только один вариант внешнего свечения. Что мы делаем?

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

                              Выберите цвет. Добавьте немного синего, но не слишком много.

                              Увеличьте емкость и размер. Переключитесь на обычный режим наложения и посмотрите, как он начнет светиться.

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

                              Наконец, настройте непрозрачность.

                              У нас есть неоновые лампы, давайте добавим немного свечения вокруг фоновой области.

                              Возьмите наш прямоугольный инструмент Marquee и сделайте прямоугольное выделение вокруг области неона.

                              Выберите > Modify > Feather и сделайте его действительно большим. Я использовал 177, он создаст большую мягкую кромку.

                              Нажмите, чтобы добавить корректирующий слой. Выбирайте кривые.

                              Поднимите кривые в области средних тонов.

                              А если вы хотите добавить немного цвета, выберите канал Blue (нажмите RGB и выберите Blue) и увеличьте его.

                              Возьмите красный канал и немного уменьшите его.

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

                               

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

                              Спасибо, что ознакомились с этим руководством! Новые уроки Photoshop добавляются каждую неделю.

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

                              No related posts.