Создаём светящийся текст в Фотошоп / Creativo.one

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

Ресурсы:

Архив

Шаг 1. Создадим новый документ (Ctrl + N) размером 1280 x 1024 пикселей или любого размера, который Вам нужно в зависимости от текста, который Вы будете создавать.

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

Шаг 2. Напишем текст белым цветом. Шрифт используемый в уроке “Junegull” и размер 400 пикселей. Это достаточно большой размер, но это поможет показать детали более ясно.

Измените значение Заливка (Fill) слоя с текстом до 0%.

Дублируйте текстовый слой (Ctrl + J).

Шаг 3. Ctrl + Клик по текстовому слою (значок), чтобы создать выделение.

Создадим новый слой (Ctrl + Shift + N) между фоном и двумя слоями текста и назовите его «Back».

Перейдем Выделение-> Модификация-> Расширить (Select-> Modify-> Expand) и введем значение 5. Это позволит расширить выделение на 5 пикселей наружу.

Залейте выделение цветом # 9b7e4f, затем перейдите к Выделение-> Отменить (Select-> Deselect) или нажмите Ctrl + D, чтобы избавиться от выделения.

Загрузка контуров
Возможно, Вам придется загрузить контуры, которые  используются в некоторых стилях слоя ниже. Чтобы это сделать, перейдите Редактирование-> Управление наборами (Edit-> Preset Manager) и выберите Контуры из выпадающего меню.

Нажмите на стрелку в правом верхнем углу, и выберите Контуры (Contours).

Нажмите кнопку Добавить (Append), чтобы добавить новые существующие контуры.

Шаг 4. Двойной щелчок по слою, чтобы добавить следующие Стили слоя (Layer Style).
Внешнее свечение (Outer Glow): просто измените цвет на # 8f6f2c.

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Умножение (Multiply), цвет # e4d7b2, Источник (Source) — Из центра (Center), Размер (Size) до 125, а Диапазон (Range) до 35%.

Тиснение (Bevel and Emboss): изменим Метод (Technique) — Жесткая огранка (Chisel Hard), Глубина (Depth) до 300, Размер (Size) 20, и проверьте галочку Сглаживание (Anti-aliased). Кроме того, изменим цвет Режим подсветки (Highlight Mode) на # c6a96c и цвет Режим тени (Shadow Mode) на # ddd6c1.

Контур (Contour): выберите контур Конус (Cone), проверьте галочку Сглаживание (Anti-aliased) и измените Диапазон (Range) до 70%.

Текстура (Texture): Используйте Серую текстуру (которую Вы можете скачать в начале урока), и измените Глубина (Depth) до небольшого значения, что-то около 8 пикселей. Это позволит добавить тонкую текстуру так, чтобы задняя часть была не такая мягкая и имела некоторые детали.

Обводка (Stroke): изменим Размер (Size) на 1, Тип обводки (Fill Type) – Градиент (Gradient), а Угол (Angle) до 90. Используйте градиент, показанный на картинке ниже «Золотой Металлический Градиент» который Вы также можете скачать в начале урока.

Это то, что вы должны получить.

Уменьшите значение  Заливки (Fill) до 50%, чтобы сделать заднюю часть более прозрачной.

Шаг 5. Установите цвет переднего плана на # 555555,и выберите жесткую круглую Кисть (Brush) размером в 3px. Эта кисть будет использоваться для создания проводов в середине текста.

Создайте новый слой (Ctrl + Shift + N) поверх слоя «Back» и назовите его «Wire».

Активируйте инструмент Перо (Pen Tool) и нажмите на значок Контур (Paths) в панели опций.

Шаг 6. Перо (Pen Tool) будет использоваться, чтобы добавить прямые, простые кривые, и немного более сложные кривые, в зависимости от формы буквы. Каждый случай будет демонстрироваться в отдельном шаге, используя различные буквы. Давайте начнем с прямыми, поскольку они являются самыми легкими.

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

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

Если Вы хотите, переместить путь, который Вы создали, выберите инструмент

Выделение контура (Direct Selection Tool), затем нажмите одну из точек или щелкните и перетащите, чтобы выделить более чем одну точку, и переместите с помощью клавиш со стрелками.

Шаг 7. Для обводки пути, щелкните правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).

Выберите Кисть (Brush) из инструментов выпадающего меню, и убедитесь, что в поле Имитировать нажим (Simulate Pressure) не стоит галочка.

Нажмите Enter, чтобы избавиться от пути.

Используйте Перо (Pen Tool) снова, чтобы добавить недостающую часть.

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

Шаг 8. Для простых кривых, как в букве D, нам нужно нажать и перетащить, где мы хотим создать кривую вместо нажатия и отпускания. Перетащите параллельно направлению кривой, в этом примере, по вертикали.

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

Не забывайте, что Вы все еще можете использовать инструмент Выделение контура (Direct Selection Tool) для перемещения опорных точек.

Как только Вы создадите путь, обведите его таким же образом.

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

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

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

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

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

После обводки внутри всех букв, измените значение  

Заливка (Fill) слоя «Wire» до 50%.

Шаг 10. Дважды щелкните на слое «Wire», чтобы добавить следующие Стили слоя (Layer Style):
Внешнее свечение (Outer Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # ffffbe, а Размер (Size) до 13.

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # d5d5cd, а Размер (Size) 1.

Это позволит добавить очень тонкий блеск.

Шаг 11. Дублируем слой «Wire» (Ctrl + J)

Дважды щелкните на слое копии, чтобы  добавить Стиль слоя (Layer Style).
Внутреннее свечение (Inner Glow): изменим Размер (Size) до 10.

Это усилит эффект свечения.

Шаг 12. Далее, мы создадим очень простую Кисть (Brush). Для этого создадим новый документ (Ctrl + N) 16 х 16 пикселей, с прозрачным фоном.

Выберите инструмент Эллипс (Ellipse Tool) и установите его в режим Контур (Paths) в панели опций, затем создайте круг, который охватывает большую часть документа.

Активируйте 1 пиксельную  жесткую круглую Кисть (Brush) и установите цвет переднего плана черный. Затем выберите Эллипс (Ellipse Tool) снова и выполните обводку пути.

Нажмите Enter, чтобы избавиться от пути, затем перейдите Редактирование-> Определить кисть (Edit-> Define Brush Preset) и введите имя для кисти.

Шаг 13. Вернемся к исходному документу, создадим новый слой (Ctrl + Shift + N) поверх слоя «Wire копия» и назовем его «Filament».

Щелчок правой кнопкой мыши на слое «Wire» и выбираем Скопировать стиль слоя (Copy Layer Style), затем нажмем правой кнопкой мыши на слое «Filament» и выбираем Вклеить стиль слоя (Paste Layer Style).

Изменим значение Заливка (Fill) слоя «Filament» на 100%, и установите цвет переднего плана на # d0b174.

Шаг 14. Откройте панель кистей Окно-> Кисть (Window> Brush), и измените значения, как показано ниже, для кисти, которую мы создали в Шаге 12.

Шаг 15. Итак, что мы будем делать дальше, мы создадим небольшую обводку по проводам в буквах, чтобы обвести их измененной Кистью (Brush). Так что будем использовать Перо (Pen Tool) снова, и начинаем добавлять небольшие прямые или кривые по проводам. Старайтесь не делать их очень короткими, это не даст хороший эффект.

Затем щелчок правой кнопкой мыши и выберите Выполнить обводку (Stroke Path).

На этот раз, установите галочку Имитировать нажим (Simulate Pressure).

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

Шаг 16. Создайте новый слой (Ctrl + Shift + N) поверх слоя “Filament” и назовите его «Light», а затем нажмите правую кнопку мыши и выберите Вклеить стиль слоя (Paste Layer Style).

Дважды щелкните на слое «Light» для изменения Внешнего свечения (Outer Glow): изменим Непрозрачность (Opacity) до 50%.

Шаг 17. Выберите мягкую круглую Кисть (Brush) и измените ее настройки, как показано ниже.

Шаг 18. Установите основной цвет # fffde1,  используя Перо (Pen Tool), создадим маленькие пути, которые охватывают некоторые из пустых областей, расположенных вдоль проводов.

Убедитесь, что в окне Имитировать нажим (Simulate Pressure) все еще стоит галочка.

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

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

Шаг 19. Имейте в виду, что Вы всегда можете контролировать, насколько яркими и блестящими будут эти элементы. Вы можете понизить Непрозрачность (Opacity), если необходимо. Здесь мы немного снизим до 90%.

Вы также можете изменить Внутреннее свечение (Inner Glow): эффект цвета. Для слоя «Light» установим цвет # 83591e.

Различие небольшое, но Вы можете заметить, как Вы меняете цвета, свечение будет выглядеть менее белым и более желтым.

Шаг 20. Создайте новый слой между слоями «Back» и «Wire» и назовите его «Pins», а затем измените значение Заливка (Fill) до 0%.

Дважды щелкните на слое «Pins», чтобы добавить следующие Стили слоя (Layer Style):

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # e9dcbb, Источник (Source) — Из центра (Center), а Размер (Size) до 7.

Тиснение (Bevel and Emboss): изменим Метод (Technique) — Жесткая огранка (Chisel Hard), Контур (Gloss Contour) — Двойное кольцо (Ring – Double), установите галочку Сглаживание (Anti-aliased) и измените цвет Режим тени (Shadow Mode) на # 9a8739.

Контур (Contour): изменим Контур (Gloss Contour) —  Перевернутый конус (Cone – Inverted) и проверим Сглаживание (Anti-aliased).

Шаг 21. Активируем  12 пиксельную  жесткую круглую Кисть (Brush), и начинаем добавлять точки на концах проводов в каждой букве. Поместите центр кисти на кончик провода и нажмите, чтобы добавить штифт.

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

Шаг 22. Дважды щелкните на оригинальный текстовый слой, чтобы добавить следующие Стили слоя (Layer Style):

Тень (Drop Shadow): измените цвет на # cbcbcb, Смещение (Distance) до 0, а Размер (Size) до 10.

Внутренняя тень (Inner Shadow): измените, цвет на # c2b394, Непрозрачность (Opacity) 60%, Смещение (Distance) до 0, Размер (Size) 60, Контур (Gloss Contour) — По Гауссу (Gaussian) и проверим галочку Сглаживание (Anti-aliased).

Тиснение (Bevel and Emboss): изменим Глубина (Depth) до 300, а Размер (Size) до 16. Снимите флажок Глобальное освещение (Use Global Light), теперь мы можем изменить значения Угол (Angle) и Высота (Altitude)не затрагивая другие стили слоя в документе, поэтому измените Угол (Angle) до 80 и Высота (Altitude) до 50. Кроме того, измените Контур (Gloss Contour) на Скругленный уклон (Rounded Slope), затем Режим смешивания (Blend Mode) Режима подсветки (Highlight Mode) на Перекрытие (Overlay), и цвет Режим тени (Shadow Mode) на # fefefe.

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

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

Шаг 23. Двойной щелчок по слою копии текста, чтобы применить следующие Стили слоя (Layer Style):

Внутренняя тень (Inner Shadow): измените цвет на # d1c2a4, Непрозрачность (Opacity) 50%, Смещение (Distance) до 0, а Размер (Size) до 35.

Внутреннее свечение (Inner Glow): измените цвет на # ebe3c8, Метод (Technique) — Точный (Precise), Источник (Source) — Из центра (Center), а Размер (Size) до 70.

Тиснение (Bevel and Emboss): изменим Глубина (Depth) до 500, Размер (Size) 20 и Смягчение (Soften) на 1. Снимите флажок Глобальное освещение (Use Global Light), затем измените Угол (Angle) до 60 и Высота (Altitude) до 35 лет. Кроме того, измените Контур (Gloss Contour) на Кольцо (Ring) и проверьте галочку Сглаживание (Anti-aliased), изменим Режим смешивания (Blend Mode) Режима подсветки (Highlight Mode) на Яркий свет (Vivid Light), его цвет на # d6d2bc и Непрозрачность (Opacity) до 60%, а также изменим цвет Режим тени (Shadow Mode) на # fefefe.

Контур (Contour): Контур (Gloss Contour) — Двойное кольцо (Ring – Double) и проверьте галочку Сглаживание (Anti-aliased).

Это позволит создать окончательный блестящий как стекло эффект.

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

Автор: Rose
 

Источник: psd.tutsplus.com

Создаем текст с эффектом сияния в Photoshop

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

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

Так будет выглядеть готовый эффект: (нажмите, чтобы увеличить):

Для выполнения всех шагов в этом руководстве, Вам потребуется следующее:

Создайте новый документ (размер не имеет значения) и заполните фоновый слой градиентом как показано ниже:

Создайте новый слой поверх фонового слоя, нарисуйте или сделайте облака по центру и снизу — это будет основой эффект для текста:

Совет: не рисуйте слишком много облаков, иначе эффект будет слабовыраженным.

Вы можете использовать опцию перспективы с помощью комбинации клавиш Ctrl + T (или правой кнопки мыши) по облаку, чтобы скорректировать их фигуру:

Используя шрифт, который вы скачали в начале урока, введите текст в центре холста: (я использовал цвет желтого оттенка)

Примените следующие параметры стилей слоя:

Отбрасываемая тень

Внутреннее свечение

Тиснение

Штрих

В итоге получится похожий эффект:

Продублируйте слой с текстом дважды и ненамного сдвигайте каждый дублированный слой в сторону верхнего левого угла, уменьшив непрозрачность слоев до 15% и 40% соответственно — это действие создаст многоуровневый эффект:

Теперь давайте перейдем к созданию полосатой насадки для кисти.

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

Выберите инструмент «Обрезка» (Slice) на панели инструментов:

Щелкните правой кнопкой мыши на холсте инструментом среза, выберите «разделить части» (divide slice):

Отметьте «Разделить по вертикали на» и введите «10» в текстовом поле, после нажмите «OK«:

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

Залейте выделение черным цветом:

и у вас будет следующий эффект:

Сделайте фоновый слой невидимым и в меню Редактировать > Задать настройки кисти (Edit> Define Brush Preset) выберите вертикальный набор кистей:

Немного повернем слой с полосами и определим другой набор кистей:

Теперь мы можем использовать этот набор для отрисовки узоров на верхней части текста: (убедитесь, что вы уменьшили размер кисти и непрозрачность к значениям, близким к 30%):

Подготовим базу для текстового эффекта. Создайте новый слой под текстовым слоем и, используя кисть с вертикальными полосами, нарисуйте такой рисунок:

В меню Фильтр > Искажение > Вращение (Filter> Distort> Twirl) примените следующие настройки:

Нажмите Ctrl + F и примените фильтр искажений повторно:

Используйте инструмент «Свободная трансформация» (Free Transform), чтобы сжать рисунок. Затем уменьшите непрозрачность слоя примерно до 30%, и, используя мягкий ластик, удалите его края. Эффект теперь выглядит следующим образом:

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

Сейчас мы сделаем еще один абстрактный узор с помощью насадки для кисти, созданной нами ранее. Создайте новый слой и примените выделение эллиптическим инструментом, выберите кисть в виде вертикальных полос (уменьшите размер наконечника кисти) и закрасьте внутри выделения: (Убедитесь, что вы установили непрозрачность кисти равную 50%):

Дублируем этот слой один раз и поворачиваем его на 90 градусов по часовой стрелке:

Объедините эти два слоя. Эффект приобрел следующий вид:

С помощью инструмента деформации изменим форму, как показано ниже:

После этого продублируйте образец этого слоя несколько раз и измените размер каждого из них, располагая их по холсту, как показано ниже:

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

Затем создал еще один слой, установил режим смешивания «Наложение» (Overlay), и, используя мягкую белую кисть, добавил эффект свечения по краям текста:

С помощью фильтра «Блик» (Lens Flare) я добавил немного цвета к тексту, чтобы в дальнейшем подчеркнуть некоторые его части:

Я также добавил эффект частиц вокруг текста.

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

Надеюсь, вам понравился этот урок! До следующей встречи! Хорошего дня.

Данная публикация является переводом статьи «Create Abstract Shining Text Effect with Groovy Font in Photoshop» , подготовленная редакцией проекта.

Создание светящегося текста в Photoshop – PhotoDrum.com – сайт дизайнера

В этом уроке мы будем создавать текстовую надпись с эффектом свечения в Photoshop. В уроке будем использовать инструменты Градиент, Текст и Blending Options.

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

Создание холста и градиентного фона

При создании документа зададим размер холста 1080 на 720 пикселей.

Затем, переведем фон в слой Layer> New> Layer From Background . И добавим этому слою эффект Gradient Overlay , как показано на рисунке ниже:

Теперь создадим градиентную заливку, перейдя к Layer> New Fill Layer> Gradient . Установите параметры градиента примерно как у меня и задав этому слою параметр прозрачности равный 51%:

Еще раз создадим градиентную заливку, также перейдя к Layer> New Fill Layer> Gradient . Но уже со следующими параметрами:

Создание светящегося текста

Теперь, когда основные приготовления закончены, приступим к созданию непосредственно самой светящейся надписи. Для этого, инструментом Type Tool создадим букву (в моем случае “G”):

И установим уровень заливки для нее равной 0% :

Теперь, добавим эффекты. И начнем с внешнего свечения (Outer Glow), все параметры выставьте как на скриншоте ниже:

Следующим эффектом у нас станет контур (Stroke), параметры, также, установите как и у меня:

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

Создав таким образом пять слоев с разным начертанием буквы, сделаем из них группу – выделив все текстовые слои и нажав (Ctrl + G). Затем, продублируйте эту группу и переместите правее. Измените, во вновь созданной группе, букву на следующую (для меня это “L”). После этого – снова продублируйте группу и, переместив ее правее, измените букву (у меня это “О”).

Должно получиться нечто подобное:

Последний штрих

Как видите, у нас начал вырисовываться финальный результат. Но для придания нашему дизайну некоторой элегантности, давайте добавим светящееся пятно под надписью. Для этого, создайте пустой слой и поместите его под всеми буквами, но над фоном. Использую инструмент овальное лассо (Elliptical Marquee Tool) создайте овал под буквами и залейте его белым цветом, как показано на изображении снизу:

Немного размоем овал используя Filter> Blur> Gaussian Blur со значением радиуса размытия в 10 пикселей и нажимаем ОК. Не уходя со слоя применяем к нему Filter> Blur> Motion Blur со значениями как на рисунку снизу:

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

Как всегда, я готов ответить на все вопросы, которые вы можете задавать через комментарии.

Автор здесь.

Похожие уроки и статьи

Оценка посетителей

[Всего: 1 Среднее: 5]

PhotoshopSunduchok — Эффект свечения текста

Автор: Ольга Максимчук (Princypessa). Дата публикации: 24 апреля 2020. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать эффект свечения текста.

Если вам нужно сделать светящийся текст в фотошопе, то этот урок для вас.

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

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

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

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

После этого создадим дубликат фонового слоя, при помощи обтравочной маски «прикрепим» его к текстовому слою и добавим к текстовому слою стили слоя.

В завершение мы создадим дубликат отражения текста и с помощью маски слоя и инструмента Градиент частично скроем видимость слоя.

 

Открываем в фотошоп (Ctrl+O) изображение «Фото» из папки с исходниками.

Активируем инструмент Рамка. Тянем за верхний ползунок вниз. Для применения кадрирования нажимаем клавишу Enter или жмем на «галочку» в верхней панели настроек инструмента Рамка.

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкаем по имени слоя в панели слоев, вводим новое имя и нажимаем клавишу Enter.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Пишем слово «Свет». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем оттенок на белый (# ffffff), увеличиваем размер текста и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по иконке панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.

В панели слоев щелкаем ПКМ по текстовому слою и выбираем «Растрировать текст».

В панели слоев переименовываем слой с текстом в «Текст».

В панели слоев создаем дубликат слоя «Текст» (Ctrl+J). Переименовываем дубликат слоя в «Текст 2». Перетаскиваем слой «Текст 2» ниже слоя «Текст» в панели слоев.

Активируем слой «Текст 2» и переходим в меню Редактирование-Трансформирование-Отразить по вертикали. При помощи инструмента Перемещение располагаем слой «Текст 2», как на рисунке ниже.

Переходим в меню Редактирование-Трансформирование-Перспектива и, потянув за нижние уголки рамки, добиваемся примерно такого эффекта, как на скриншоте.

Переходим в меню Редактирование-Трансформирование-Искажение и тянем вверх за нижний центральный ползунок.

При помощи инструмента Перемещение сдвигаем слой «Текст 2» на пару пикселей вниз.

Выше слоя «Фон» в панели слоев создаем корректирующий слой Цветовой тон/Насыщенность и вводим настройки, как на рисунке ниже.

Выше корректирующего слоя Цветовой тон/Насыщенность создаем корректирующий слой Экспозиция и меняем настройки на следующие.

Создаем дубликат слоя «Фон». Переименовываем дубликат слоя в «Фон 2» и перетаскиваем в панели слоев выше всех слоев и, главное, выше слоя «Текст». В панели слоев кликаем ПКМ по слою «Фон 2» и выбираем «Создать обтравочную маску». После этого слой «Фон» будет виден в пределах слоя «Текст».

В панели слоев дважды щелкаем по слою «Текст», чтобы открыть стили слоя.

Во вкладке Обводка используем белый оттенок (# ffffff) и вводим настройки, как на рисунке ниже.

Во вкладке Внутреннее свечение меняем оттенок на # eff3e3 и вводим следующие настройки.

Во вкладке Внешнее свечение используем оттенок # ffffff и меняем настройки на следующие.

Результат после применения стилей слоя.

В панели слоев меняем режим наложения слоя «Текст 2» на Перекрытие.

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Текст 2».

В панели слоев создаем дубликат слоя «Текст 2» и переименовываем дубликат в «Текст 3». Слой «Текст 3» должен располагаться выше слоя «Текст 2» в панели слоев.

Добавляем к слою «Текст 3» маску слоя.

Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент от черного к белому. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой Контрольной точки (позиция 0%) оттенок # 000000, для правой (позиция 100%) – оттенок # ffffff. Для верхних Контрольных точек устанавливаем 100% прозрачность. В верхней панели настроек инструмента Градиент выбираем линейный тип градиента. Зажимаем клавишу Shift и проводим градиент на маске слоя «Текст 3» (именно на маске слоя, не на самом слое!), как показано ниже. Поскольку черный цвет на маске слоя скрывает видимость слоя, мы частично скрыли видимость слоя «Текст 3», создав плавный переход.

Урок «Эффект свечения текста» завершен. Светящийся текст готов!

Отличного настроения и творческих успехов!

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Как добавить свечение тексту в фотошопе

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

Любой эффект свечения (света) особенно хорошо смотрится на темном фоне, благодаря которому видно все детали данного эффекта. Именно поэтому фон будем делать темный и не сильно выраженный. За основу я взял изображение космоса с астронавтом, буду делать эффект в тематике космоса. Исходники к данному уроку, изображение и используемый шрифт вы можете скачать на данной странице справа в блоке «Материалы к уроку».

1. Открываем изображение, которое будем использовать в качестве фона, программой фотошоп и создаем под слоем с данным изображением новый слой. Данный слой мы зальем темным цветом с помощью инструмента «Заливка». Цвет можно взять пипеткой из темной области самого изображения.

После этого к верхнему слою с изображением применим наложение «Мягкий свет». Для этого в панели слоев выделяем слой с изображением, кликнув по нему левой кнопкой мыши и устанавливаем ему наложение «Мягкий свет», вместо «Обычное».

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

2. Теперь добавляем текст по центру изображения, настраиваем нужный размер и шрифт. Я подобрал шрифт необычный и с намеком на что-то космическое ;).

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

В данном окне выбираем «Наложение градиента» и задаем настройки: линейный градиент, угол 90 градусов, ну и все остальное, как на скриншоте выше.

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

В данном случае это будут синие тона, верхнюю часть градиента сделаем светлой, нижнюю – темной.

3. После настройки градиента необходимо сделать «тиснение» текста, чтобы придать ему эффект объема и выделить края. Для этого в той же панели «Параметры наложения» выбираем «Тиснение» и делаем соответствующий настройки (как на скриншоте ниже).

В результате получаем вот такой текст с эффектом тиснения.

4. Далее полученный слой с текстом необходимо копировать 3 раза, для этого выделяем данный слой, кликнув по нему левой кнопкой мыши и нажимаем на клавиатуре комбинацию клавиш Ctrl + C (стандартная команда копирования), после чего 3 раза нажимаем комбинацию клавиш Ctrl + V (вставить). В результате в панели слоев мы получим 3 копии слоя с текстом.

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

после чего снова нажать на правую кнопку мыши и в появившемся меню выбрать «Объединить слои». Таким образом у нас получится один слой с изображением надписи.

5. Теперь к получившемуся слою с изображением текста применим фильтр «Радиальное размытие». Выделяем данный слой, кликнув по нему левой кнопкой мыши и в верхней панели меню выбираем «Фильтр» – «Размытие» – «Радиальное размытие».

Далее, в открывшемся окне настроек фильтра устанавливаем максимальное количество – 100, метод размытия – линейный и качество – наилучшее.

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

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

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

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

Последним шагом сделаем еще одну копию данного слоя с эффектом поместим ее под первый слой и установим ему наложение «Осветление основы» вместо «Линейный осветлитель». Так же данному слоу установим непрозрачность на 50%.

В итоге получаем необходимый эффект свечения текста.

Таким образом в фотошопе можно сделать эффект свечения не сложным и быстрым способом.

Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 сентября 2019 . Категория: Уроки фотошопа текст.

Фотошоп дает нам широкий спектр возможностей – благодаря огромному функционалу программы, мы можем не только отредактировать и «приукрасить» фотографию, но и создать что-то с нуля, например, стилизированный текст.

Сегодня мы будем создавать светящийся текст.

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

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

Затем добавим к текстовому слою стили слоя, при помощи инструмента Перо нарисуем контур и с помощью инструмента Кисть создадим обводку контура.

Далее добавим к слою с контуром стили слоя и при помощи инструмента Кисть нарисуем блики.

В завершении мы добавим к изображению виньетку.

Открываем в фотошоп (Ctrl+O) изображение с текстурой из папки с исходниками.

Устанавливаем шрифт из папки с исходниками.

Для этого щелкните ПКМ по файлу шрифта и выберите «Установить».

После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст и пишем слово «Art».

В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на черный (# 000000), увеличиваем размер текста и вводим настройки, как на рисунке ниже.

При помощи инструмента Перемещение располагаем текст в центре холста.

В панели слоев кликаем ПКМ по текстовому слою и из выпадающего списка выбираем «Растрировать текст».

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

Во вкладке Обводка выбираем тип обводки «Градиент».

Затем кликаем по строке выбора градиента, чтобы открыть Редактор градиентов.

В Редакторе градиентов создаем новый градиент.

Для этого добавляем новые Контрольные точки и вводим оттенки.

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

При необходимости введите числовое значение позиции в соответствующем окне.

Чтобы удалить Контрольную точку, кликните по Контрольной точке и нажмите клавишу Delete.

Первая Контрольная точка (позиция 0%) – оттенок # 1d373a;

Вторая Контрольная точка (позиция 25%) – оттенок # 000000;

Третья Контрольная точка (позиция 50%) – оттенок # 1d373a;

Четвертая Контрольная точка (позиция 75%) – оттенок # 000000;

Пятая Контрольная точка (позиция 100%) – оттенок # 1d373a;

Для верхних Контрольных точек устанавливаем 100% прозрачность.

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

Во вкладке Наложение цвета меняем оттенок на # 30303 и вводим настройки, как на рисунке ниже.

Во вкладке Тень используем оттенок # 000000 и вводим настройки, как на изображении ниже.

Результат после применения стилей слоя.

Выше всех слоев создаем новый пустой слой и называем его «Контур».

Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

Активируем инструмент Перо.

В верхней панели настроек инструмента Перо выбираем тип инструмента «Контур».

Создаем контур внутри букв.

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

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

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

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

Активируем инструмент Кисть и выбираем жесткую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту).

Если на данный момент в программу не загружен набор с жесткими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти».

Выбираем кисть, как на рисунке ниже.

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

Активируем инструмент Перо, кликаем ПКМ по холсту и выбираем «Выполнить обводку контура».

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

Нажимаем клавишу Enter, чтобы скрыть контур.

В панели слоев дважды щелкаем по слою «Контур», чтобы открыть стили слоя.

Во вкладке Внутреннее свечение меняем оттенок на # 50cbee и вводим настройки, как на рисунке ниже.

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

Во вкладке Внешнее свечение используем оттенок # 1171a3 и меняем настройки на следующие.

Во вкладке Тень используем черный оттенок (# 000000) и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

В панели слоев создаем дубликат слоя «Контур» (Ctrl+J).

Переименовываем дубликат слоя в «Контур 2».

Активируем инструмент «Контур» и переходим в меню Фильтр-Размытие-Размытие по Гауссу.

В панели слоев щелкаем ПКМ по слою «Контур» и выбираем «Растрировать стиль слоя».

В панели слоев меняем режим наложения слоя «Контур» на Экран и понижаем прозрачность слоя.

Выше всех слоев создаем новый пустой слой и называем его «Блики».

В уроке светящийся текст активируем инструмент Кисть и выбираем мягкую круглую кисть.

В панели цвета в качестве основного оттенка устанавливаем белый.

Для этого сначала нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами.

Рисуем на слое «Блики» белые пятна.

Переходим в меню Фильтр-Размытие по Гауссу и размываем слой «Блики».

В панели слоев меняем режим наложения слоя «Блики» на Перекрытие.

Выше всех слоев создаем новый пустой слой и называем его «Блики 2».

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

В панели цвета в качестве цвета основного плана устанавливаем оттенок # 7eebff и рисуем блики на слое «Блики 2».

Переходим в меню Фильтр-Размытие по Гауссу и размываем слой «Блики 2».

В панели слоев меняем режим наложения слоя Блики 2» на Экран.

Выше всех слоев создаем новый пустой слой и называем его «Виньетка».

Заливаем слой «Виньетка» белым цветом.

Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем белый оттенок.

Переходим в меню Фильтр-Фильтр Camera Raw.

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

В панели слоев меняем режим наложения слоя «Виньетка» на Умножение.

Светящийся текст готов!

Отличного настроения и вдохновения!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе – подпишитесь на рассылку.
Форма для подписки находится ниже.

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

1. Нажимаем «Файл» и «Создать». Подбираем параметры, которые необходимы. Можно выбрать стандартный вариант из предложенного или же выстроить свои значения в сантиметрах или пикселях. Нажимаем «Ок». Заливаем фон черным цветом. Для этого выбираем инструмент «Заливка» в левой панели программы.

1. Пишем текст любимым шрифтом или тем, который необходим для той или иной картинки. Делаем его желательно белымцветом, чтобы он хорошо был виден на черном фоне. Масштабируем по фону и помещаем по центру.

1. Копируем текст. Выключаем видимость верхнего слоя с текстом и работаем над первым оригинальным.

1. Переходим в стиль слоя при помощи двойного клика с правой стороны. Выбираем «Обводка» и делаем ее белого цвета. Размер выставим не менее 3 пикселей, а положение обводки – снаружи. Нажимаем «Ок».

1. Выставляем заливку рабочего слоя с текстом на 0.

1. Добавляем новый слой, который следует разместить над рабочим слоем с текстом.

1. Объединяем два слоя.

1. Добавим для данного слоя маску. Для этого нажимаем внизу на значок с квадратом.

1. Выбираем мягкую кисть, где цвет будет черным, а непрозрачность 80%.

1. Делаем кистью небольшие затемнения на тексте.

1. Копируем слой. Переходим на верхнюю панель на «Фильтр» и выбираем «Размытие», а далее – «Размытие по Гауссу».

1. Делаем размытие на 20 пикселей. Нажимаем «Ок».

1. Копируем слой с размытием и выставляем 40 пикселей. В третий раз выставим скопированный слой на 87 пикселей.

1. Создаем новый слой и ставим выше всех. Заливаем голубым цветом.

1. Для нового слоя, который имеет голубой оттенок выбираем параметр «Перекрытие» для наложения.

1. Теперь цвет текста со свечением изменился.

1. Подкорректируем свечение. Поэтому в некоторых местах дополнительно добавим свет. Для этого создаем новый слой и выбираем «Перекрытие».

1. Затем выбираем «Кисть», которая будет мягкой, тонкой и с белым цветом.

Получаем светящийся текст с нужной фразой или словом.

Как сделать свечение текста в Photoshop

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

Выбираем для надписи фон в виде фотографии. Пусть это будет Венеция с ее красивыми каналами и яркими постройками.

Берем инструмент «Прямоугольник» и подбираем цвет для заливки. Это может быть чисто черный тон или темно-коричневый.

Полностью затеняем фотографию черным прямоугольником.

Уменьшаем непрозрачность данного фона до 60%.

В центре вставляем надпись и подбираем для нее шрифт, цвет и размер.

Теперь кликаем 2 раза правой кнопкой мыши на слой с текстом в правой стороне. Откроется окошко со стилями слоя. Выбираем «Обводку», где размер выставляем на 3 пикс. и цвет обводки ставим белой. Нажимаем «Ок».

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

Переносим верхний слой с закрашенной линией вниз под текст. Уменьшаем заливку до 0%.

В стиле слоя выбираем «Наложение цвета», где режим выставляем «Линейный свет».

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

Ставим непрозрачность на 27% и нажимаем на «Ок».

Объединяем два слоя в один, а именно – фон в виде фотографии и черное затемнение. Разблокируем замочек и выбираем в стиле слоя «Обводка». Пусть размер будет 2 пикс., а положение – внутри. Цвет для обводки выбираем белый.

Вновь возвращаемся в свечение за надписью, чтобы скопировать цвет.

В стиле слоя фона выбираем «Внутреннее свечение». Режим наложения пусть будет «Линейный осветлитель». Непрозрачность ставим 54%. Вставляем нужный цвет в следующей графе. Также корректируем размер, оставив его на 84 пикс.

В итоге получим вот такой результат со свечением текста и картинки в Photoshop.

Свечение в Фотошопе

Свечение в Фотошопе это имитация испускания света каким-либо объектом. Имитация это значит, что на самом деле никакого свечения нет — программа нас обманывает при помощи визуальных эффектов и режимов наложения. Сегодня поговорим о том, как сделать эффект свечения на примере текста.

Создание свечения в Photoshop

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

1. Создаем документ с фоном черного цвета и пишем наш текст:

2. Затем создаем новый пустой слой, зажимаем CTRL и кликаем по миниатюре слоя с текстом, создавая выделение.

3. Переходим в меню «Выделение – Модификация – Расширить».

   Выставляем значение 3-5 пикселей и жмем ОК.

   Результат:

4. Полученное выделение заливаем цветом, немного более светлым, чем текст. Для этого нажимаем сочетание клавиш SHIFT+F5, в открывшемся окне выбираем цвет и нажимаем везде ОК. Выделение снимаем клавишами CTRL+D.

5. Далее идем в меню «Фильтр – Размытие – Размытие по Гауссу». Размываем слой примерно так же, как показано на скриншоте.

6. Перемещаем слой с размытием под текст.

7. Теперь дважды кликаем по слою с текстом и в окне настройки стилей переходим к «Тиснению». Настройки стиля можно увидеть на скриншоте ниже.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Как заставить вещи светиться в Photoshop Elements | Small Business

Научившись заставлять вещи светиться с помощью Photoshop Elements, вы можете направить внимание зрителя на определенную часть вашего изображения, например, текст или нарисованную от руки графику. Простой способ сделать графику светящейся в Elements — это применить стили слоя «Внутреннее свечение» и «Внешнее свечение». Стили слоя — это характеристики, которые применяются ко всей графике на слое. Если вы примените стиль к слою, каждый элемент на слое будет иметь этот эффект.

Создайте новый холст в Photoshop Elements, используя любой из наборов настроек в элементе управления «Наборы», включая U.S. Letter, Web и другие.

Нажмите «D», чтобы сделать черный цвет передним планом, а затем нажмите «Редактировать» и «Залить слой», чтобы запустить команду для заливки слоев. Выберите параметр «Цвет переднего плана» из списка в центре диалогового окна, а затем нажмите «ОК», чтобы залить фон черным цветом. Этот фон сделает эффект свечения, который имеет более светлые цвета, более заметным.Нажмите «Слой», затем «Новый слой», чтобы создать слой для графики, которую вы хотите сделать свечением.

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

Щелкните «Слой», «Стиль слоя» и «Настройки стиля», чтобы открыть диалоговое окно для создания и редактирования стилей слоя.Установите флажок «Свечение», чтобы отобразить элементы управления для создания внутреннего и внешнего свечения.

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

Установите флажок «Внешнее свечение», а затем отрегулируйте цвет, прозрачность и размер, пока не получите желаемый эффект. Закройте диалоговое окно «Параметры стиля», чтобы просмотреть весь эффект свечения.

Ссылки

Советы

• Как правило, выбирайте форматы с более высоким разрешением для получения более качественного эффекта свечения. Наблюдайте за элементом управления «Разрешение», чтобы определить разрешение. Триста или больше пикселей на дюйм — это высокое разрешение, а 75 и меньше — низкое.
• Обратите внимание, что если вы рисуете дополнительную графику на том же слое, новая графика приобретет тот же эффект свечения.

Writer Bio

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

Веселый легкий гелевый текстовый эффект со стилями слоев

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

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

Вот эффект гелевого текста, к которому мы стремимся:

Окончательный результат «гелевого текста».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

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

Перейдите в меню File вверху экрана и выберите New… , чтобы открыть диалоговое окно Photoshop New Document и ввести ширину и высоту вашего документа. Я собираюсь использовать предустановленный размер 640×480 пикселей . Нажмите ОК, чтобы создать новый документ:

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

Шаг 2. Выберите цвет текста

Выберите инструмент Тип на палитре инструментов:

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

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

Выбрав инструмент «Текст», щелкните образец цвета текста на панели параметров.

Откроется палитра цветов Photoshop . Выберите цвет текста. Выбираю для себя голубой:

Выберите цвет для текста с помощью палитры цветов Photoshop.

Нажмите «ОК» после выбора цвета для выхода из палитры цветов.

Шаг 3: Введите свой текст

Выберите шрифт на панели параметров. Я использую «Баухаус 93». Затем щелкните внутри окна документа и введите свой текст. Я набираю слово «фото»:

Введите свой текст в документ.

Шаг 4. Используйте «Свободное преобразование», чтобы изменить размер текста, если необходимо

Я собираюсь немного увеличить текст с помощью команды Photoshop Free Transform . Выбрав текстовый слой в палитре «Слои», я собираюсь использовать сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы открыть поле «Свободное преобразование» и обработать текст.Затем я собираюсь удерживать Shift + Alt (Win) / Shift + Option (Mac) и перетащить один из угловых маркеров, чтобы увеличить текст. Удерживание Shift ограничивает пропорции текста, а удерживание Alt / Option заставляет текст изменять размер от центра:

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

Шаг 5. Выберите стиль слоя «Тень».

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

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

Теперь давайте добавим нашу тень. Щелкните значок Layer Style в нижней части палитры слоев:

Выделив текстовый слой, щелкните значок «Стили слоя» в нижней части палитры слоев.

Выберите Drop Shadow из списка:

Выберите «Drop Shadow» из списка стилей слоя.

Это вызывает диалоговое окно Photoshop Layer Style, в котором в среднем столбце установлены параметры Drop Shadow:

В диалоговом окне «Стиль слоя» в среднем столбце установлены параметры «Тень».

Шаг 6: Выберите цвет тени и примените его

Щелкните образец цвета Drop Shadow :

Щелкните образец цвета падающей тени, чтобы выбрать цвет.

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

Щелкните в любом месте текста, чтобы выбрать цвет.

Затем перейдите к палитре цветов и выберите более темный оттенок этого цвета, чтобы использовать его для тени:

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

Щелкните OK, чтобы выйти из палитры цветов, и ваша тень появится в выбранном вами цвете:

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

Пока не нажимайте «ОК» в диалоговом окне «Стиль слоя». Мы только начали.

Шаг 7. Применение стиля слоя «Внутренняя тень»

Щелкните непосредственно на слове Inner Shadow в меню «Стиль слоя» слева от диалогового окна «Стиль слоя», непосредственно под «Тенью»:

Щелкните прямо на словах «Inner Shadow» под «Drop Shadow» в меню слева от диалогового окна Layer Style.

Первое, что мы здесь сделаем, это выберем цвет для внутренней тени, как мы это сделали для падающей тени. Щелкните образец цвета Inner Shadow :

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

Откроется палитра цветов Photoshop. Так же, как мы сделали с Drop Shadow, вместо того, чтобы выбирать цвет непосредственно в палитре цветов, наведите указатель мыши на текст и щелкните по нему, чтобы выбрать цвет текста:

Щелкните в любом месте текста еще раз, чтобы взять образец цвета.

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

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

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

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

Я собираюсь увеличить размер эффекта внутренней тени, щелкнув ползунок Size и перетащив его вправо.Я увеличу свой примерно до 16 пикселей :

Увеличьте размер эффекта внутренней тени, перетащив ползунок «Размер» вправо.

Вот результат после увеличения размера внутренней тени:

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

Шаг 8: примените стиль слоя «Внешнее свечение»

Щелкните непосредственно на слове Outer Glow в меню «Стиль слоя» слева от диалогового окна «Стиль слоя», непосредственно под «Inner Shadow»:

Щелкните непосредственно на слове «Outer Glow» в меню слева от диалогового окна «Стиль слоя».

Еще раз, первое, что мы собираемся сделать, это выбрать цвет для нашего Outer Glow, так же, как мы сделали это для Drop Shadow и Inner Glow. Сначала щелкните образец цвета Outer Glow :

.

Щелкните образец цвета Outer Glow, чтобы выбрать цвет.

Откроется палитра цветов. Щелкните прямо по тексту еще раз, чтобы попробовать цвет. Затем вернитесь к палитре цветов, но на этот раз, вместо того, чтобы выбирать более темный оттенок цвета, выберите более светлый оттенок :

Выберите на этот раз более светлый оттенок цвета текста, чтобы использовать его для эффекта Outer Glow.

Щелкните OK, чтобы выйти из палитры цветов.

Применив цвет, я собираюсь изменить некоторые другие параметры Outer Glow. Опять же, не стесняйтесь экспериментировать здесь самостоятельно, но если вы хотите продолжить, вот настройки, которые я использую. Во-первых, уменьшите значение Opacity вверху примерно до 60% . Затем в разделе «Элементы» посередине увеличьте Spread примерно до 15% и Size примерно до 10 пикселей :

Внесите изменения, обведенные красным выше, в параметры Outer Glow.

Вот мой результат после внесения изменений:

Эффект после применения стиля слоя «Внешнее свечение».

Шаг 9: примените стиль слоя «Внутреннее свечение»

Щелкните непосредственно на слове Inner Glow в меню «Стиль слоя» слева от диалогового окна «Стиль слоя», непосредственно под надписью «Outer Glow»:

Щелкните непосредственно на слове «Inner Glow» в меню слева от диалогового окна «Стиль слоя».

Что мы будем делать в первую очередь? Да, мы собираемся выбрать цвет для внутреннего свечения.Идите вперед и нажмите на образец цвета Inner Glow :

.

Щелкните образец цвета Inner Glow, чтобы выбрать цвет.

Откроется палитра цветов. На этот раз вместо того, чтобы нажимать на сам цвет текста и затем выбирать более темный оттенок в палитре цветов, просто щелкните одну из более темных областей в тексте. Мы будем использовать этот цвет для Inner Glow:

.

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

Нажмите «ОК» в палитре цветов, чтобы выйти из нее после того, как вы выбрали свой цвет.

У нас выбран более темный цвет, но по умолчанию режим наложения для внутренней тени установлен на «Экран», что означает, что мы не увидим более темный цвет. По сути, нам нужно изменить эффект с внутреннего «свечения» на внутреннюю «тень», и для этого все, что нам нужно сделать, это изменить режим наложения с «Screen» на Multiply :

Щелкните стрелку, направленную вниз, и измените режим наложения для эффекта «Внутреннее свечение» на «Умножение».

Я собираюсь изменить еще несколько параметров для Inner Glow.Во-первых, я собираюсь понизить значение Opacity примерно до 50% . Затем в разделе «Элементы» посередине я собираюсь поднять значение Choke примерно до 10% и значение Size до 13 пикселей :

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

Опять же, не стесняйтесь экспериментировать с этими значениями самостоятельно.

Вот мой эффект с примененным Inner Glow:

Эффект после применения стиля слоя Inner Glow.

Шаг 10: примените стиль слоя «Bevel and Emboss»

Далее мы собираемся добавить стиль Bevel and Emboss, поэтому щелкните прямо по словам Inner Glow в меню Layer Style слева от диалогового окна Layer Style, непосредственно под «Inner Glow»:

Щелкните прямо на словах «Bevel and Emboss» в меню слева от диалогового окна Layer Style.

На этот раз нет выбора цветов. Вместо этого необходимо изменить несколько параметров.Я знаю, что уже говорил это несколько раз, но вам не нужно использовать эти конкретные настройки для вашего эффекта. Фактически, вам, вероятно, придется немного поиграть с ними, если вы используете другой тип или размер шрифта. Однако, сказав это, вот настройки, которые я использовал в опциях Bevel и Emboss:

Измените параметры, обведенные красным выше.

Сначала я увеличил размер Size примерно до 16 пикселей . Затем в разделе «Затенение» я снял отметку с Use Global Light , установил Angle на 90 ° и установил Altitude на 75 ° .Затем в самом низу я перетащил ползунок для параметра Shadow Mode полностью влево, чтобы установить его значение 0% , поскольку у нас уже более чем достаточно теней в эффекте.

Мы собираемся добавить сюда эффект «Контур», поэтому щелкните прямо на слове Contour в меню слева. Это ниже «Bevel and Emboss»:

Щелкните прямо на слове «Контур» в левом меню.

В параметрах контура щелкните стрелку вниз справа от эскиза предварительного просмотра контура, затем щелкните опцию Half Round , чтобы выбрать ее (она первая слева, нижняя строка):

Щелкните стрелку, направленную вниз, и выберите контур «Полукруглый», нижний ряд, крайний левый.

Вот мой текст после применения фильтра Bevel and Emboss:

Эффект после применения стиля «Bevel and Emboss».

Шаг 11: примените стиль слоя «Атлас»

Еще один стиль слоя, который нужно применить, и это стиль «Атлас», поэтому щелкните прямо на слове Атлас в меню «Стиль слоя» слева от диалогового окна «Стиль слоя», непосредственно под «Текстурой»:

Щелкните прямо на слове «Атлас» в меню слева от диалогового окна «Стиль слоя».

Мы снова вернулись к выбору цвета, на этот раз для эффекта Satin, поэтому щелкните образец цвета Satin :

Щелкните образец цвета, чтобы выбрать цвет для стиля слоя Satin.

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

Щелкните более темную область текста, чтобы выбрать этот цвет для использования со стилем слоя «Атлас».

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

После того, как вы выбрали свой цвет, нажмите OK в палитре цветов, чтобы выйти из него, затем внесите изменения, которые я обвел ниже:

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

В случае эффекта Satin вам действительно захочется поэкспериментировать с этими настройками самостоятельно, но для того, чтобы продолжить, сначала я изменил Angle на 75 ° . Затем я увеличил Distance до 43 пикселей и Size до 54 пикселей .Наконец, я щелкнул направленную вниз стрелку справа от миниатюры предварительного просмотра контура и выбрал контур Ring , который является вторым слева в нижнем ряду.

Вот мой текст после применения атласного фильтра:

Эффект после применения стиля «Атлас».

Шаг 12: Сохраните стиль слоя

На этом мы закончили добавлять стили слоя, но прежде чем закрыть диалоговое окно Layer Style, нажмите кнопку New Style справа:

Щелкните кнопку «Новый стиль» справа.

Мы собираемся сохранить этот стиль гелевого эффекта, чтобы мы могли использовать его снова, когда захотим. Когда вы нажимаете кнопку, Photoshop открывает диалоговое окно New Style . Назову свой новый стиль «Гелевый эффект»:

.

Диалоговое окно «Новый стиль» в Photoshop. Назовите новый стиль «Гелевый эффект».

Затем я нажимаю ОК, и теперь мой стиль сохранен в Photoshop. Давайте посмотрим, как мы можем мгновенно применить это к чему-то еще.

Поскольку у меня уже есть слово «фотография», введенное в окно моего документа, я собираюсь снова взять свой инструмент «Текст» из палитры «Инструменты» и на этот раз ввести слово «магазин» под ним.Я также собираюсь использовать команду «Свободное преобразование», чтобы изменить его размер, чтобы он был того же размера, что и слово «фотография», и я тоже собираюсь повернуть его. Вот как это выглядит сейчас:

Щелкните более темную область текста, чтобы выбрать этот цвет для использования со стилем слоя «Атлас».

Прямо сейчас слово «магазин» использует не что иное, как исходный цвет текста, но я хочу, чтобы оно имело тот же «гелевый эффект», который я создал с помощью слова «фото». Я мог бы пройти все шаги еще раз и воссоздать стиль слоя, но, к счастью, мне это не нужно, потому что я был достаточно умен, чтобы сохранить эффект как новый стиль.Где найти стиль? Это в палитре стилей Photoshop , расположенной в самом низу:

Палитра «Стили» Photoshop с моим сохраненным стилем «Эффект геля» внизу списка доступных предустановленных стилей.

Чтобы применить его к моему тексту, все, что мне нужно сделать, это убедиться, что у меня есть текстовый слой «магазин», выбранный в палитре слоев, а затем щелкнуть стиль «Эффект геля» в палитре стилей. Эффект моментально добавлен к тексту:

К новому тексту мгновенно применяется стиль «Эффект геля».

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

Шаг 13: Изменение цвета текстового эффекта геля

Мы закончили создание «гелевого» эффекта с использованием стилей слоя, мы сохранили его как новый стиль под названием «Гелевый эффект» и сразу применили его к слову «магазин». Но что, если я хочу, чтобы слово «магазин» было другого цвета? Вы, вероятно, думаете: «Легко, просто используйте корректирующий слой Цветовой тон / Насыщенность».Итак, давайте попробуем это и посмотрим, работает ли это.

Я использую оттенок / насыщенность, чтобы изменить цвет слова «магазин» с синего на розовый. Вот результат:

Слово «магазин» теперь розовое после применения «Оттенок / Насыщенность».

Само слово стало розовым, а вы видите проблему? Стили слоя по-прежнему синие. Регулировка оттенка / насыщенности на них не повлияла. Если мы хотим изменить и цвет текста, и цвет стилей слоя, нам нужно использовать небольшую хитрость.

Со слоем «магазин», все еще выбранным в палитре слоев, используйте сочетание клавиш Ctrl + G (Win) / Command + G (Mac), чтобы поместить слой «магазин» в группу слоев , которая Имена фотошопа «Группа 1»:

Нажмите «Ctrl + G» (Win) / «Command + G» (Mac), чтобы поместить слой «shop» в группу слоев.

На палитре слоев выше мы видим, что слой «магазин» теперь находится внутри группы слоев. Затем нам нужно изменить режим наложения для группы слоев со значения по умолчанию «Сквозной» на Нормальный :

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

Теперь щелкните слой «shop», чтобы выбрать его, а затем щелкните значок New Adjustment Layer в нижней части палитры слоев:

Выбрав слой «shop», щелкните значок «New Adjustment Layer» в нижней части палитры слоев.

Выберите Hue / Saturation из списка:

Выберите «Оттенок / Насыщенность» из списка корректирующих слоев.

Когда появится диалоговое окно Hue / Saturation, перетащите ползунок Hue , чтобы изменить цвет текста:

Измените цвет текста, перетащив ползунок «Оттенок».

Следите за текстом в окне документа, перетаскивая ползунок. Когда вы будете довольны новым цветом, нажмите OK, чтобы выйти из диалогового окна Hue / Saturation, и на этот раз, поскольку слой «магазин» был помещен внутри группы слоев, стили слоя теперь окрашены вместе с текстом. сам:

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

Куда идти дальше …

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

Текстовый эффект пурпурного свечения | Текстовые эффекты

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

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

Примечания:

* в этом руководстве используется программное обеспечение Adobe Photoshop CS6 , но вы также можете использовать версии CS3 +.
*, возможно, вы захотите посетить страницу Basix, чтобы увидеть некоторые полезные темы по работе с основами Photoshop, такие как загрузка палитр и некоторые ярлыки.

Ресурсов:

* Текстура 206 от Sirius-sdz.

Шаг 1

— Создайте новый документ размером 1152 x 864 пикселей. Установите цвет переднего плана на # 4f4097 и цвет фона на # 0d004c, выберите инструмент Gradient Tool, щелкните значок радиального градиента на панели параметров, затем щелкните и перетащите от центра документа к одному из углов.

— Поместите изображение текстуры 206 поверх фонового слоя, измените его размер по мере необходимости, затем измените режим наложения его слоя на Overlay.

— Создайте текст, используя цвет # 4f4097. Используемый шрифт — Franks, размер — 310 пунктов, интерлиньяж — 280 пунктов.

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

Шаг 2

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

— Inner Shadow: измените режим наложения на Soft Light, Distance на 0 и Size на 24. Это добавит глубины тексту.

— Внутреннее свечение: измените режим наложения на яркий свет, технику на Точность, что сделает свечение менее переливающимся, измените Источник на Центрируйте так, чтобы свечение светилось из центра, а не из центра. края и измените размер на 35.

— Satin: измените режим наложения на Overlay, цвет на # da94ff, Угол до 25, расстояние до 93, размер до 54 и контур до кольца — Двойной.

— Внешнее свечение: измените режим наложения на яркий свет, шум на 45%, цвет # fff8be, Техника Точности, Разброс до 5, Размер на 10, а контур на конус — перевернутый.

— Это создаст яркий светящийся текст.

Шаг 3

— Сделайте слой с текстом копии видимым, щелкнув пустое поле рядом с его, затем щелкните этот слой правой кнопкой мыши и выберите «Растрировать тип».

— Убедитесь, что цвета переднего плана и фона по-прежнему установлены на # 4f4097 и # 0d004c.

Шаг 4

— Перейдите в Filter -> Render -> Fibers, затем измените Variance на 35 и Strength на 4.

— Вы должны получить результат, подобный этому.

— Перейдите в Filter -> Brush Strokes -> Accented Edges, затем измените Ширина края до 2, Яркость края до 38 и Гладкость до 5.

— Это сделает текстуру волокон более размытой и слегка светящейся по краям.

— Измените режим наложения растеризованного слоя на Мягкий свет.Это добавит оригинальному тексту красивую текстуру.

Шаг 5

Выберите инструмент Brush Tool с мягкой круглой кистью, затем откройте Brush. панель (Window -> Brush), чтобы изменить настройки кисти, как показано ниже:

— Форма кончика кисти:

— Динамика формы:

— Двойная кисть:
Выберите кисть «Мел 17 пикселей».

Шаг 6

— Щелкните правой кнопкой мыши исходный текстовый слой и выберите «Создать рабочий контур».

— Создайте новый слой прямо под текстовым слоем и назовите его «Glow», затем измените режим наложения на Overlay.Установите цвет переднего плана на # f9cfff и выберите инструмент «Прямое выделение».

— Щелкните правой кнопкой мыши рабочий контур и выберите «Обводка контура».

— Выберите параметр «Кисть» в раскрывающемся меню «Инструмент» и убедитесь, что флажок «Имитировать давление» не установлен.

— Нажмите Enter, чтобы избавиться от пути.

— Перейдите в Фильтр -> Размытие -> Размытие по Гауссу и установите Радиус на 3.5. Это сгладит обводку, сохранив ее тонкую текстуру.

Ваш фиолетовый светящийся текст готов!

Эффект светящегося текста: PSD-шрифт Christmas Lights

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

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

Подробное описание учебника

• Используемое программное обеспечение: Photoshop
• Версия: CS5 Extended
• Время: 0:30 — 0:45

Ресурсы

Шаг 1

Создайте новый документ размером 1024 x 768 пикселей и залейте фон цветом # 240000 . Создайте текст, используя цвет Белый . Используемый шрифт — Elegant , размер Size — 250 пикселей.

Щелкните правой кнопкой мыши текстовый слой и выберите Create Work Path .

Создайте новый слой и назовите его Stroke , затем сделайте текстовый слой невидимым, щелкнув значок глаза рядом с ним. Установите цвет переднего плана на # e89819 и цвет фона на # fddd03 .

Шаг 2

Откройте панель Brush (Window> Brush), выберите твердый круглый кончик кисти и измените его Settings , как показано ниже:

Форма кончика кисти

Динамика формы

Цветовая динамика

Теперь вернитесь к рабочему пути, выберите инструмент Direct Selection Tool , щелкните правой кнопкой мыши путь и выберите Stroke Path .Выберите Brush из раскрывающегося меню Tool и убедитесь, что флажок Simulate Pressure снят.

Нажмите Enter / Return , чтобы избавиться от контура, вот как должна выглядеть обводка.

Шаг 3

Дублируйте слой Stroke , затем измените его Blend Mode на Pin Light.

Убедитесь, что исходный слой Stroke все еще выбран, и перейдите в меню Filter> Blur> Gaussian Blur .Измените значение Радиус на 3.

Вы должны получить примерно такой результат:

Шаг 4

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

— Внешнее свечение

• Цвет: # 9f9f28
• Размер: 6
• Контур: Долина высокая
• Диапазон: 100

— Внутреннее свечение

Примененный стиль слоя должен сделать ваш текст сияющим.

Шаг 5

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

Выберите большую мягкую круглую кисть и измените ее Настройки , как показано ниже:

Форма кончика кисти

Динамика формы

Рассеяние

Цветовая динамика

Передача

Шаг 6

Создайте новый слой под обоими слоями Stroke и переименуйте его в BG .Цвета переднего плана и фона должны быть такими же, как на шаге 1. Выберите инструмент Ellipse Tool и щелкните значок Paths на панели параметров, это позволит вам нарисовать путь вместо формы с заливкой.

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

Щелкните правой кнопкой мыши путь, выберите Stroke Path , выберите Brush и убедитесь, что флажок Simulate Pressure не установлен.

Нажмите Enter / Return , чтобы избавиться от пути.

Дважды щелкните слой BG , чтобы добавить простой Inner Glow , и просто измените Source на Center.

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

Эффект неонового свечения

с использованием Photoshop — Sanwebe

Эффект неонового свечения текста с использованием Photoshop

Написано Сараном 8 июля 2014 г., обновлено 10 июля 2014 г. В этом уроке я собираюсь создать несколько резких эффектов неонового свечения на 3D-тексте, используя комбинацию стилей слоя, инструмент «Перо». и некоторые фильтры.Большая часть этого урока сделана в Photoshop, а 3D-буквы созданы в Illustrator. Если у вас нет Illustrator, вы также можете попробовать создать трехмерные буквы в Photoshop, я покажу вам, как? Конечный эффект впечатляет, и, надеюсь, вы научитесь некоторым советам и техникам, которых раньше не знали. Приступим. Программа: Adobe Photoshop CS3 Сложность: средняя Расчетное время: 1 час. Провайдер обучающих материалов: Vecteezy Конечный результат :

ШАГ 1

Начнем с создания нового документа.Установите размеры холста 1800 × 1200 пикселей. с черным цветом фона (# 000000).

ШАГ-2 (Создание фона)

Возьмите новый слой, используя инструмент Elliptical Marquee Tool (M). создайте круговую форму в центре холста и задайте радиус растушевки 100pt. (Ctrl + Alt D) , затем залейте его зеленым цветом (# 089724). В конце это будет выглядеть лучше. Затем продублируйте слой и измените режим слоя на Color Dodge . Это сделает ваш световой шар более сильным световым эффектом, как показано на рисунке.Возьмите новый слой, установите цвет фона на белый (# ffffff), цвет переднего плана на черный (# 000000) и сделайте выделение вокруг формы шара, удерживая кнопку Ctrl, щелкая по эскизам слоев. Затем создайте эффект облака и перейдите в Filter> Render> Clouds. Измените режим слоя на Overlay и измените непрозрачность на 35% . Теперь перейдите в Filter> Sketch> Chrome , измените настройки (Detail 10 и Smoothness 10), как показано ниже, и нажмите OK.Эффект будет выглядеть так после добавления Chrome.

ШАГ-3 (Создание текста)

Создайте 2 новых слоя, используя инструмент Horizontal type Tool (T) типа NEON в одном слое и GLOW в другом слое, затем разместите их, как показано. Затем дважды щелкните слой NEON Text, чтобы получить доступ к стилю слоя и задайте Outer Glow , как показано ниже. Эффект будет таким после добавления Outer Glow. Давайте добавим стили в Glow, дважды щелкните слой с текстом свечения, чтобы получить доступ к стилю слоя, и добавьте Gradient Overlay, Inner Glow и Stroke, как показано.Эффект будет выглядеть так после добавления стилей выше.

ШАГ-4 (Создание 3D-эффекта)

Приступим к созданию 3D-эффекта для светящегося текста. Дублируйте слой с текстом свечения и удалите все стили слоя, залейте его цветом (# 101010), затем переместите немного вверху слева I, как показано. Возьмите новый слой с помощью инструмента Pen Tool (P). сделайте соединения и залейте тем же цветом (# 101010). Выполните подключения к показанным ниже областям. Используя тот же метод, сделайте соединения, чтобы создать верхнюю поверхность, залейте ее темно-серым цветом (# 252525) и объедините эти три слоя.позволяет изменить цвет текста с помощью Color Balance (Ctrl + B) и присвоить значения (0, +60, –60), как показано. Затем дважды щелкните текстовый слой Glow, чтобы получить доступ к стилю слоя и добавить стили ниже. Эффект будет выглядеть так после добавления стилей выше.

ШАГ-5 (Создание кривых освещения)

На этом этапе мы придадим тексту красивый эффект, добавив кривые освещения и блестки. Чтобы сделать это на новом слое, используя инструмент Pen Tool (P). нарисуйте изогнутую линию, как я показал. После создания кривых щелкните правой кнопкой мыши на линии кривой, выберите Stroke path, выберите Brush и нажмите Ok.Выберите мягкую круглую кисть размером 4–5 пикселей (B) зеленого цвета (# 3dfc65). и нажмите F5, чтобы увидеть Other Dynamics из Brushes и следуйте настройкам, как показано ниже. Мазки кисти будут выглядеть так Теперь продублируйте слой и немного уменьшите его. Затем дважды щелкните по слоям с изогнутыми линиями, чтобы получить доступ к стилю слоя, и задайте Outer Glow , как показано ниже. Эффект будет выглядеть так. Используя инструмент Eraser Tool (E), сотрите линии на показанных ниже областях.

ШАГ-6 (Добавляем блестки по линиям)

На заключительном этапе я решил закончить, добавив блестки на изогнутые линии, для этого возьмите по умолчанию Soft Round Brush (B) и настройте, как показано.Нарисуйте блестки на линиях, используя эту кисть и зеленый цвет (# 1eb43e). Маленькой кистью добавьте блестки в начальную и конечную точки линий. Вы можете добавить Outer Glow к блесткам, как мы дали линиям на предыдущем шаге, чтобы они выглядели более эффектно. Вот как выглядит наш финальный эффект. Окончательный эффект: Надеюсь, вам понравилось читать это руководство, давайте попробуем. Спасибо! Скачать

Сложный эффект светящегося текста в уроке Photoshop

В этом уроке мы собираемся создать действительно четкий эффект светящегося текста в Photoshop, шаг за шагом объясняясь.Я использую комбинацию стилей слоя, инструмента «Перо» и смешивания цветов.

Конечный эффект впечатляет, если у вас есть вопросы, просто спросите, и я отвечу.

Настройка холста

Прежде всего, необходимо настроить рабочее место. Это руководство сделано для CS3, но главный экран должен быть очень похожим. Я решил работать с холстом формата А4, но вы можете настроить его любого размера. Если вы планируете распечатать готовую иллюстрацию, убедитесь, что разрешение установлено на 300 точек на дюйм, если вы создаете искусство для экрана, придерживайтесь 72 точек на дюйм.Если вы занимаетесь профессиональной печатью, установите цветовой режим на CMYK, иначе с RGB все в порядке, разница обычно не заметна на стандартной струйной печати. Перед тем, как перейти к шагу 2, вы можете повернуть холст в альбомную ориентацию. Сделайте это, перейдя в ИЗОБРАЖЕНИЕ> ПОВЕРНУТЬ ХОЛСТ> 90 ° CW (по часовой стрелке).

Нанесите базовый градиент

Следующее, что вам нужно сделать, это нанести основной цвет на холст. Для этого сначала выберите инструмент градиента на панели инструментов (1.Затем выберите базовые цвета и постарайтесь сделать их максимально темными. Я выбрал темно-фиолетовый (цвет фона) с черным (цвет переднего плана). Затем вам нужно убедиться, что градиент установлен на линейный (2.), а непрозрачность — на 100%. Наконец, перетащите градиент линию от верха страницы к низу (3.) Я считаю, что это выглядит более естественно, если вы не идете точно вертикально, помните, что эффект, который мы пытаемся достичь, — это имитация реального движения света, которое вряд ли когда-либо точный. Как только у вас появится красивый темный градиент на странице, переходите к шагу 3.

Напишите свой свет

Теперь нам нужно проложить путь вниз, который в конечном итоге станет вашим «движущимся световым текстом». Сделайте это, выбрав инструмент «Перо» (1.) на панели инструментов. Вверху под строкой меню должно быть несколько параметров, убедитесь, что вы выбрали второй, называемый контурами (2.) Теперь вы готовы начать рисование. Щелчок мышью добавит точку привязки и автоматически соединится с последней, поэтому вместо того, чтобы отпускать кнопку мыши каждый раз, когда вы щелкаете, удерживайте ее и перетаскивайте, пока не получите правильную кривую.Вы пытаетесь добиться плавного движения, как если бы вы писали свое имя в воздухе с помощью факела или бенгальского огня. Вы можете обнаружить, что на этом этапе нужно немного попрактиковаться, не волнуйтесь, вы можете настроить все кривые после завершения полного пути (Alt + Drag откорректирует кривую, Apple + Drag переместит точку). После освоения убедитесь, что путь совпадает с начальной точкой, она будет удалена, когда мы проведем линию.

Включите

Теперь у вас есть ваш путь, создайте новый слой и перейдите в главное меню, выберите EDIT> STROKE, затем выберите белый цвет и ширину обводки около 5 пикселей.Нажмите OK, и ваш путь будет красивой белой тонкой линией (1.) Вы можете потратить немного больше времени, чем я, на кривые, это поможет вашему тексту выглядеть немного лучше, но не будьте точны, помните, что мы моделируем реальность! Теперь у вас есть белая линия, щелкните правой кнопкой мыши на том же слое и перейдите в ОПЦИИ СМЕШИВАНИЯ. Слева выберите ВНЕШНИЙ СВЕТ, щелкните галочку и надпись рядом с ней. Теперь вы можете настроить свечение, поиграть с цветами и ползунками, пока не получите естественный свет (2.) Примечание: НАТУРАЛЬНЫЙ. Наконец, выберите большую мягкую кисть-ластик (3.) и уменьшите непрозрачность до 35%, сотрите прямую соединительную линию и протрите некоторые из более длинных линий, чтобы разбить фиксированную ширину штриха в 5 пикселей, придав ей больше реализма.

Двигайтесь

Хорошо, теперь мы готовы смоделировать размытие при естественном освещении. Сначала продублируйте текстовый слой дважды, выбрав СЛОЙ> ДУБЛИКАТИРОВАТЬ СЛОЙ. Выделите оба слоя и нажмите Apple + E, чтобы объединить их (1.) Перетащите новый комбинированный слой под основной текст.Теперь у вас должно быть 3 слоя, фон, ваш текст и двойной дубликат текста. Затем перейдите в главное меню и выберите ИЗОБРАЖЕНИЕ> НАСТРОЙКИ> ОТТЕНОК / НАСЫЩЕННОСТЬ. Как только это меню появится, сдвиньте ползунок оттенка, пока не получите приятный дополнительный оттенок (это может помочь сделать основной текстовый слой на короткое время невидимым для этого). Я выбрал розовый, но это действительно зависит от того, с каких цветов вы начали. Наконец, снова перейдите в главное меню (убедитесь, что вы находитесь на новом комбинированном слое) и нажмите FILTER> BLUR> RADIAL BLUR, установите значение 23 и убедитесь, что выбрана радиальная настройка.Затем объедините слои текста и размытия, как описано выше.

Создайте немного глубины

Пока все хорошо, но нам нужен фокусный свет в частичном стиле, чтобы имитировать большую глубину и добавить больше интереса к изображению. Для этого я рекомендую создать 4 пустых слоя над текстом. Вы можете сделать больше, если хотите, вам решать, как далеко вы продвинетесь с этой частью изображения. На первом слое выберите инструмент ROUND MARQUEE на панели инструментов. Удерживая Shift, создайте множество случайных кругов (1.) теперь залейте их одним из ваших светлых оттенков (например, розовым, синим, белым или любым другим цветом, который вы использовали). Сделайте это разными цветами на каждом из 4 слоев. Теперь, используя инструмент BLUR в главном меню (FILTERS> BLUR> GUASSIAN BLUR), размывайте каждый слой с кругом (2.) на разную величину. (например, слой 1 — 10 пикселей, слой 2 — 5 пикселей и т. д.). Поэкспериментируйте с различными оттенками, непрозрачностью и цветами, пока не добьетесь нужного результата. Возможно, вы даже захотите сделать еще несколько радиальных размытий, чтобы имитировать еще какое-то движение, выбор за вами!

Отполировать

Хорошо, теперь изображение нуждается в доработке.Как вы это сделаете, полностью зависит от вас, но это то, что я рекомендую для хорошего эффекта. Сначала выберите мягкую кисть в меню инструментов, установите непрозрачность на 35% в строке меню и на новом слое рассыпьте пятна разного размера ваших более светлых оттенков рядом с основными линиями. Затем выберите инструмент «Осветление» в меню инструментов и с непрозрачностью 50% нарисуйте несколько точек на пересечении линий, чтобы имитировать то, что произошло бы с реальным светом. Наконец, выберите инструмент затемнения в меню инструментов, выберите большую мягкую кисть (чем больше, тем лучше) с непрозрачностью 35% и проведите по нижним краям холста, чтобы общее свечение, казалось, исходит от середины.

Возможно, вы захотите увеличить яркость и контраст в зависимости от того, насколько вы переборщили. Сделайте это, нажав ИЗОБРАЖЕНИЕ> НАСТРОЙКИ> ЯРКОСТЬ / КОНТРАСТ.

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

Создание эффекта светящегося текста в Photoshop

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

Учебные ресурсы

Подготовьте фон

Шаг 1

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

Шаг 2

Мы создали белый документ, и нам нужно заполнить этот документ черным цветом.Нажмите (D), чтобы установить черный / белый цвет переднего плана / фона по умолчанию. Теперь нажмите Alt + Backspace , чтобы залить наш только что созданный документ черным цветом.

Шаг 3

Мы собираемся заполнить этот черный документ несколькими цветами. Позже он будет освещать наш текстовый эффект разноцветными огнями. Создайте новый слой и назовите его «свечение 1». Активируйте инструмент «Кисть » (B) . Установите его непрозрачность и поток около 40-50% (возможно, вы можете изменить непрозрачность кисти и поток).Теперь используйте различные цвета для рисования на черном документе.

Как видите, я выбрал четыре цвета: синий (слева), красный (в центре), зеленый (справа) и желтый (внизу). Попробуйте выбрать другой цвет. Если вы хотите осветить текст разными цветами, просто выберите разные цвета. Позже вы также можете настроить непрозрачность этого слоя, чтобы определить, сколько свечения вы хотите от текста.

Здесь вы можете увидеть, как я раскрашивал цвета. Сделать это довольно просто.

Введите текст

Шаг 4

Загрузите текст по указанной ссылке в разделе ресурсов руководства и установите его в Photoshop. Теперь введите текст, как я набрал «PSD STACK TUTS» и не стесняйтесь вводить свой собственный текст. Кроме того, вы знаете, что для этого урока я использую шрифт Myriad Pro Regular , но вы можете попробовать другой шрифт.

Примените параметры наложения

Шаг 5

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

Настройки хода:

Настройки Inner Glow с цветом по умолчанию:
Цвет, который я использовал для Inner Glow , установлен по умолчанию, но я подумал, что было бы хорошо, если бы я дал код цвета по умолчанию.

Настройки Outer Glow с цветом по умолчанию:

Результатов:

Шаг 6

На самом деле вы ничего не увидите, пока не измените режим наложения текстового слоя на Overlay .Так что просто измените режим наложения текстового слоя на Overlay , чтобы увидеть эффект Blending Options . Здесь вы можете увидеть результаты с некоторым светом вокруг текста:

Сделать текст светящимся

Шаг 6

Теперь заставим текст светиться разными цветами. Активируйте инструмент кисть (B) . Создайте новый слой (над текстовым слоем) и назовите его «свечение 2». Нарисуйте несколько разноцветных мазков кисти на тексте. Как видите, я использовал красный, синий, зеленый и пурпурный цвета.По сути, это зависит от цвета, который вы использовали для нижележащего слоя (свечение 1). Здесь вы можете увидеть, как я раскрашивал цвета:

Измените режим наложения слоя свечения 2 на Color Dodge 100% . Вот результат со светящимся красочным светом на нашем тексте:

Создайте фигуры

Создайте новый слой и с помощью инструмента Rectangular Marquee Tool (M) создайте квадрат и залейте эту форму белым цветом.

Вы можете увидеть форму на изображении ниже:

Установите режим наложения слоя-фигуры на Overlay 100% .

Шаг 9

Аналогичным образом создайте круг с помощью инструмента Elliptical Marquee Tool (M) и залейте этот круг белым цветом. Теперь просто измените режим наложения на Overlay .

Дублируйте слой с квадратом и кругом много раз, чтобы расположить их по кругу. Кроме того, используйте инструмент Transform Tool (CTRL + T) , чтобы повернуть формы, чтобы увеличить их и создать случайность. Здесь вы можете увидеть окончательные результаты:

Заключение

Хотя я не умею создавать текстовые эффекты, я всегда стараюсь.