Как сделать светящийся текст в фотошопе
Обновлено: 21.11.2024
Эрика Ларсон каждый день придумывает вдохновляющие проекты в качестве помощника креативного директора в команде Adobe Studio. Она делает вещи, которые заставляют других хотеть делать вещи.
Соедините точки и создайте свое свечение — посмотрите наш одноминутный видеообзор этой техники и шаги, описанные ниже.
Прежде чем начать.
Используйте эти образцы изображений или потренируйтесь со своими собственными.
Шаг 1. Нарисуйте фигуру
С помощью инструмента "Перо" Ларсон щелкнул по трем точкам, чтобы нарисовать треугольник вокруг руки. Вы можете нарисовать любую фигуру на изображении и, выбрав новый слой «Форма», щелкнуть значок «Добавить стиль слоя» на панели «Слои» и выбрать «Внешнее свечение».
Шаг 2. Создайте свечение
Поэкспериментируйте с разными цветами и настройками внешнего свечения. Ларсон остановился на ярко-пурпурном. Затем она установила внутреннее свечение, изменила режим наложения на «Умножение» и применила тот же пурпурный цвет.
Шаг 3. Преобразуйте и замаскируйте
Ларсон щелкнул правой кнопкой мыши слой «Фигура» и выбрал «Преобразовать в смарт-объект». Затем она добавила маску к слою Shape.
Шаг 4. Скрыть и показать
Ларсон хотел скрыть треугольник сразу за запястьем. Чтобы скрыть части вашей неоновой формы, установите для инструмента «Кисть» черный цвет, выберите маску (белый значок на слое) и кистью удалите эти участки. Чтобы изменить эффект, просто измените цвет кисти на белый и прокрасьте маску, чтобы снова выявить детали.
Сияй ярко
От экранов компьютеров до афиши кинотеатров: неоновый дизайн присутствует повсюду. Теперь пришло время создать собственный дизайн и засиять ярким светом.
Примечание. Файлы проекта, включенные в это руководство, предназначены только для практических целей.
Больше возможностей с Adobe Photoshop.
Создавайте красивые изображения с помощью кистей Photoshop, заливки с учетом содержимого, фотоэффектов, нейронного фильтра, замены неба и многих других инструментов, на которые полагаются фотографы.
Конечный эффект довольно ошеломляющий, если у вас есть какие-либо вопросы, просто спросите, и я отвечу.
Настройка холста
Сначала настройте рабочую область. Это руководство выполнено на CS3, но главный экран должен быть очень похожим. Я выбрал для работы холст формата А4, но вы можете настроить его на любой другой размер. Если вы планируете печатать готовую иллюстрацию, убедитесь, что разрешение установлено на 300 dpi, если вы создаете иллюстрацию для экрана, придерживайтесь 72 dpi. Если вы занимаетесь профессиональной печатью, установите цветовой режим CMYK, в противном случае подойдет RGB, разница обычно не заметна на вашем стандартном струйном принтере. Прежде чем перейти к шагу 2, вы можете повернуть холст в альбомную ориентацию. Сделайте это, выбрав ИЗОБРАЖЕНИЕ > ПОВЕРНУТЬ ХОЛСТ > 90° по часовой стрелке (по часовой стрелке)
Нанесите базовый градиент
Следующее, что вам нужно сделать, это нанести основной цвет на холст. Для этого сначала выберите инструмент «Градиент» на панели инструментов (1.) Затем выберите базовые цвета и старайтесь оставаться максимально темными. Я выбрал темно-фиолетовый (цвет фона) с черным (цвет переднего плана).Затем вам нужно убедиться, что градиент установлен на линейный (2.), а непрозрачность равна 100%. Наконец, перетащите градиентную линию от верха страницы к низу (3.) Я считаю, что это выглядит более естественно, если вы не идете точно вертикально, помните, что эффект, которого мы пытаемся достичь, имитирует реальное движение света, которое почти никогда не происходит. точный. Когда у вас получится красивый темный градиент на странице, переходите к шагу 3.
Напишите свой свет
Теперь нам нужно найти путь, который в конечном итоге станет вашим «движущимся светлым текстом». Сделайте это, выбрав инструмент «Перо» (1.) на панели инструментов. Вверху под строкой меню должны быть некоторые параметры, убедитесь, что вы выбрали второй, называемый путями (2.) Теперь вы готовы начать рисовать. Щелчок мышью добавит опорную точку и автоматически соединится с последней, поэтому вместо того, чтобы отпускать кнопку мыши каждый раз, когда вы щелкаете, удерживайте ее нажатой и перетаскивайте, пока не получите правильную кривую. Вы пытаетесь добиться плавного движения, как если бы писали свое имя в воздухе фонариком или бенгальским огнем. Возможно, вы обнаружите, что на этом этапе требуется немного практики, чтобы все получилось правильно, не волнуйтесь, вы можете настроить все кривые после завершения полного пути (Alt + Drag отрегулирует кривую, Apple + Drag переместит точку). освоили его, убедитесь, что путь соединяется с начальной точкой, это будет удалено, когда мы проведем линию.
Включить
Теперь, когда вы сделали свой путь, создайте новый слой и перейдите в главное меню, выберите ПРАВКА > ОБЛИЦОВКА, затем выберите белый цвет и ширину обводки около 5 пикселей. Нажмите «ОК», и ваш путь будет красивой белой тонкой линией (1.) Возможно, вы потратите немного больше времени, чем я, на кривые, это поможет вашему тексту выглядеть немного лучше, но не будьте точны, помните, что мы моделируем реальность! Теперь у вас есть белая линия, щелкните правой кнопкой мыши на том же слое и перейдите к ОПЦИЯМ СМЕШИВАНИЯ. Слева выберите ВНЕШНЕЕ СВЕЧЕНИЕ, нажмите на галочку и надпись рядом с ней. Теперь вы можете настроить свечение, поиграть с цветами и ползунками, пока не получите естественный свет (2.) Примечание: ЕСТЕСТВЕННЫЙ. Наконец, выберите большую мягкую кисть-ластик (3.) и уменьшите непрозрачность до 35%, сотрите прямую соединительную линию и протрите некоторые из более длинных линий, чтобы разбить фиксированную ширину обводки в 5 пикселей, придав ей больше реализма.< /p>
Двигайтесь
Хорошо, теперь мы готовы имитировать размытие естественного освещения. Во-первых, дважды продублируйте текстовый слой, выбрав СЛОЙ > ДУБЛИРОВАТЬ СЛОЙ. Выберите оба слоя и нажмите Apple + E, чтобы объединить их (1.) Перетащите новый комбинированный слой под основной текст. Теперь у вас должно быть 3 слоя, фон, ваш текст и двойная копия текста. Затем перейдите в главное меню и выберите ИЗОБРАЖЕНИЕ > НАСТРОЙКИ > ОТТЕНОК/НАСЫЩЕННОСТЬ. Как только появится это меню, двигайте ползунок оттенка, пока не дойдете до приятного дополнительного оттенка (для этого может помочь сделать основной текстовый слой ненадолго невидимым). Я выбрал розовый, но на самом деле все зависит от того, с каких цветов вы начали. Наконец, снова перейдите в главное меню (убедитесь, что вы находитесь на новом комбинированном слое) и нажмите ФИЛЬТР > РАЗМЫТИЕ > РАДИАЛЬНОЕ РАЗМЫТИЕ, установите количество на 23 и убедитесь, что выбрана радиальная настройка. Затем объедините слои текста и размытия, как описано выше.
Добавьте немного глубины
Пока все хорошо, но нам нужно немного партикулярного фокусного света, чтобы имитировать большую глубину и добавить больше интереса к изображению. Для этого я рекомендую создать 4 пустых слоя над вашим текстом. Вы можете сделать больше, если хотите, это зависит от вас, как далеко вы пойдете с этой частью изображения. На первом слое выберите инструмент ROUND MARQUEE на панели инструментов. Удерживайте Shift и создайте множество случайных кругов (1.) Теперь заполните их одним из ваших светлых оттенков (например, розовым, синим, белым или любым другим цветом, который вы использовали). Сделайте это разными цветами на каждом из 4 слоев. Теперь с помощью инструмента РАЗМЫТИЕ в главном меню (ФИЛЬТРЫ > РАЗМЫТИЕ > РАЗМЫТИЕ ПО GUASSIAN) размойте каждый слой с кругом (2.) в разной степени. (например, слой 1 — 10 пикселей, слой 2 — 5 пикселей и т. д.) Экспериментируйте с различными оттенками, непрозрачностью и цветами, пока не добьетесь нужного результата. Возможно, вы даже захотите сделать еще несколько радиальных размытий, чтобы имитировать движение, решать вам!
Отшлифовать
Хорошо, теперь изображение нужно отполировать. Как вы это сделаете, полностью зависит от вас, но это то, что я рекомендую для хорошего эффекта.Сначала выберите мягкую кисть из меню инструментов, установите непрозрачность на 35% в строке меню и на новом слое разбросайте несколько пятен разных размеров более светлых оттенков рядом с основными линиями. Затем выберите инструмент Dodge в меню инструментов и при непрозрачности 50% сделайте несколько точек в местах пересечения линий, чтобы имитировать то, что произошло бы с реальным светом. Наконец, выберите инструмент затемнения в меню инструментов и выберите большую мягкую кисть (чем больше, тем лучше) с непрозрачностью 35% и протрите нижние края холста, чтобы общее свечение исходило из середины.
Возможно, вы захотите увеличить яркость и контрастность в зависимости от того, насколько вы переборщили. Для этого нажмите ИЗОБРАЖЕНИЕ > НАСТРОЙКИ > ЯРКОСТЬ/КОНТРАСТ.
Продолжайте экспериментировать со всеми описанными выше методами, чтобы каждый раз создавать уникальный образ. Если вы не понимаете шаг, просто спросите. Наслаждайтесь!
Я покажу вам, как создать неоновый текст в Photoshop с помощью стилей слоя. В этом уроке вы найдете несколько интересных советов по стилям слоя.
Скачать ресурсы
-
(Я не предлагаю поддержку шрифта, я никоим образом не связан с создателем).
Здесь у нас есть хорошая кирпичная стена, к которой можно прислонить.
Давайте добавим текст с помощью инструмента «Текст».
Введите PSCafe. или что вы хотите сказать. Используйте панель параметров вверху, чтобы изменить размер шрифта.
Я нашел бесплатный шрифт Neon Tubes 2 (ссылка вверху)
Увеличьте масштаб до 100 %, дважды щелкнув увеличительное стекло. Удерживая клавишу пробела, перетащите его, чтобы расположить окно.
2. Создание неонового эффекта в Photoshop (стили слоя)
Выбрав наш текстовый слой, перейдите к стилям слоя, где написано fx. Нажмите и выберите наложение цвета.
Откроется диалоговое окно «Эффекты слоя».
Установите наложение белого цвета, щелкнув образец цвета. Возможно, я мог бы просто создать белый текст, но это не имеет значения.
Давайте зададим этому неоновый цвет. Выберите внутреннее свечение и нажмите на него, чтобы открыть его параметры.
Выберите цвет с помощью палитры цветов, выберите красивый неоново-синий или любой другой цвет. Это могут быть желтые, розовые и любые другие оттенки.
Измените режим наложения с экрана на обычный.
Настройте размер и полностью увеличьте непрозрачность. Теперь у вас есть два варианта: по центру или по краю, мы будем использовать край.
Мы начинаем получать неоновый цвет по краям шрифта. Это здорово.
Перейдите к нашему внешнему свечению и придайте ему голубоватый цвет
Выберите обычный режим наложения и давайте увеличим размер.
Установите прозрачность 86
У нас хорошая дымка. Нам нужно еще одно свечение внутри, которое даст более яркий цвет.
Теперь обратите внимание, что есть только один вариант внешнего свечения. Что мы делаем?
Мы можем схитрить, мы можем использовать тень как внешнее свечение. На самом деле, это работает очень похоже, если мы установим расстояние равным нулю.
Выберите цвет. Добавьте немного синего, но не слишком много.
Увеличьте нашу емкость и размер. Переключитесь на обычный режим наложения и посмотрите, как он начнет светиться.
Немного уменьшите размер и увеличьте разброс. По мере того, как мы увеличиваем разброс, он становится толще и смягчается с размером, и обратите внимание, что немного идет долгий путь с этим.
Наконец отрегулируйте прозрачность.
У нас есть неоновые лампы, давайте добавим немного свечения вокруг фоновой области.
Возьмите прямоугольный инструмент Marquee и сделайте прямоугольное выделение вокруг области неона.
Выберите>изменить>Растушевка и сделайте ее действительно большой. Я использовал 177, это создаст большую мягкую кромку.
Нажмите, чтобы добавить корректирующий слой. Выберите кривые.
Поднимите кривые в области средних тонов.
А если вы хотите немного изменить цвет, выберите канал "Синий" (нажмите "RGB" и измените его на "Синий") и увеличьте его.
Возьмите красный канал и немного уменьшите его.
Одна из замечательных особенностей этого эффекта заключается в том, что мы можем изменить его в любое время, просто выберите наш тип и введите все, что хотите.
Если вы хотите закончить этот эффект, вы можете создать несколько проводов позади шрифта и даже нарисовать немного синего на некоторых поверхностях, чтобы немного отразиться. Но я хочу, чтобы это руководство было простым и точным.
Спасибо, что ознакомились с этим руководством! Новые уроки Photoshop добавляются каждую неделю.
Просмотрите наши сотни других бесплатных учебных пособий здесь или найдите то, что вы ищете, в поиске вверху страницы.
Вы также можете просматривать темы в меню бесплатных руководств.
Если вы готовы серьезно заняться Photoshop, просмотрите наши полные курсы здесь
СТАНЬТЕ ПАТРОНОМ
Свет и атмосфера > --> Учебные пособия > Эффект реалистичного светящегося текста
Реалистичный светящийся текст
Ищете альтернативу плоскому эффекту внешнего свечения в Photoshop? В этом уроке мы рассмотрим простую технику, которая дает потрясающие результаты для создания более реалистичного свечения текста и логотипов. Обязательно попробуйте ту же технику, чтобы ваши фотографии тоже сияли! Шрифты, используемые в этом уроке: Neon 80's, Rollingtime.
Читайте также: