Неоновый текст фотошоп: Создаём Неоновый Текст в программе Adobe Photoshop

Создаём неоновый 3D текст из фильма «Трон» в CS6

Теперь о тексте. Шрифт из кинофильма «Трон: Наследие» скачать можно на этой страничке. Там предлагается несколько вариантов шрифтов, я выбрал TR2N. Если Вы не знаете, как загружать шрифты в Photoshop, читайте статью «Устанавливаем шрифт в Photoshop». Итак, активируем инструмент «Текст», выбираем этот шрифт, задаём ему размер 386 пикселей и пишем слово «Tron»:

Как только текст будет готов, пройдите по вкладке 3D главного меню и выберите пункт «Новая 3D экструзия из выбранного слоя» (New 3D Extrusion from Selected Layer). Вы заметите, как после этого изменилось отображение текста в окне рабочего документа:

Устанавливаем свет

У Вас автоматически должна отобразится 3D-панель, если этого по каким-то причинам не произошло, пройдите по вкладке главного меню Окно —> 3D (Window —> 3D).
В 3D-панели дважды кликните по строке «Бесконечный свет 1» ( Infinite Light 1), после чего откроется панель свойств освещения. Измените в ней параметр «Сглаживание» (Softness) тени до 60%:

Также,опустите источник света вниз, повернув в рабочем документе ручку упраления положением источника сета:

Окружающая среда (Environment)

Отрегулируем степень отражения текста на плоскости основания. Для этого кликните в панели 3D по строке Окружающая среда (Environment), в панели свойств увеличьте параметр «Непрозрачность» (Opacity) до 60%, а «Плавность» ( Roughness), чтобы отражения не были слишком резкими, также увеличьте до 5%:

Поверхность 3D-текста

В 3D-панели кликните по строке с сеткой модели текста (она автоматически именована Photoshop`ом по названию слоя, из которого была создана, у нас это был текстовый слой с названием «tron», после чего в панели свойств откроются свойства поверхности.

Зададим скос (bevel) углов (edge) поверхности текста, для этого в панели свойств кликните по окну «Набор фигур» (Shape Preset) и выберите фигуру «Фаска». Также уменьшите глубину экструзии до 50%:

На данный момент скос углов не является завершённым. Чтобы придать тексту глубину, а также сделать базу для последующего придания свечения, нам нужно настроить «Капитель» (Cap).

Примечание. «Капитель» = это перевод в оф. рус. версии Photosop английского термина — Cap, на мой взгляд, перевод дурацкий. В данном случае, это передняя поверхность модели.

В панели слоёв откройте вкладку «Капитель» (Cap) и здайте ширину скоса 100%

Важно! Уменьшите непрозрачность материала передней выпуклости (Front Inflation Materials) и материала задней выпуклости (Back Inflation Materials) до 0%? чтобы они не создавали нежелательные искажения:

Материал передней поверхности

В панели 3D кликните по строке «Материал переднего скоса» (Front Bevel Material), откроется панель свойств этого материала. Цвет «Рассеивания» (Diffuse) зададим чисто чёрный, «Отражение» (Specular) оставим по умолчанию, а цвет «Свечения» зададим свело-голубой #4fa3f9.
Кроме того, изменим величину параметра «Блеск» (Shine) до 75%, а «Рельеф» (Bump) уменьшим но нуля:

Т.к мы создали материал, у нас появилось его отражение на плоскости основания (помните, мы меняли её отражающие свойства?).Вот что у нас получилось на данный момент:

Экструзионный материал

Теперь зададим материал экструзионной поверхности, т.е. той, которую мы выдавили.
В панели 3D кликаем по строке «Материал экструзии» (Extrusion Material) и задаём следующие цвета:
  Рассеивание (Diffuse) — ярко синий #0090ff
  Цвет блика — светло синий #00bbff
  Свечение (Illumination) — тёмно синий #234f92

Кроме того, изменим параметры:
  Блеск (Shine) — 30%
  Отражение (Reflection) — 100%
  Рельеф (Bump) — 100%
  Непрозрачность (Opacity) — 30%

Рельефная текстура выдавленной поверхности

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

В панели 3D у нас активна строка «Материал экструзии», если нет, то кликните по ней для её выбора. Затем, в панели свойств кликните по значку папки у ползунка «Рельеф» (Bump) и выберите строку «Загрузить текстуру» (Load Texture), откроется окно выбора, где выберите файл Scratches.jpg.

Значок папки поменяет вид, кликните по нему снова, при этом откроется уже другое меню, где выберите пункт «Редактировать текстуру» (Edit Texture), после чего изображение текстуры откроется в новом документе.
Пройдите по вкладке главного меню Изображение —> Коррекция —> Яркость/Контрастность (Image —> Adjustments —> Brightness / Contras), в диалоговом окне коррекции поставьте галку в чекбоксе «Использовать прежние» (Use Legacy) и задайте значение контрастности 70:

После этого сохраните документ, нажав комбинацию клавиш Ctrl+S. Закройте документ с текстурой и перейдите на документ с текстом.

Нам осталось изменить UV-свойства текстуры. Для этого снова кликните по значку папки в панели свойств и выберите строку «Редактировать UV-свойства» ( Edit UV Properties). В открывшемся окне установите значение U-шкалы (U Scale) на 1000% и V-шкалы (V Scale) на 10%:

Собственно, на этом создание 3D-модели закончено, давайте теперь её визуализируем.

Рендеринг (Визуализация)

Пройдите по вкладке главного меню 3D —> Рендеринг ( 3D —> Render ) для визуализации 3D-модели. Вы увидите , как по окну документа забегала рамка, это индикация просчёта изображения компьютером. Вот как будет выглядеть документ после первого прохода:

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

Но пока у нас нет эффекта неонового свечения. Давайте им займёмся.

Создание неонового эффекта с помощью стилей слоя

После завершения рендеринга давайте добавим стили слоя. Начнём с Внутреннего свечения (Inner Glow).

Переходим на панель слоёв и дважды кликаем по 3D-слою (только не по названию), после чего открывается диалоговое окно стилей, где выбираем пункт «Внутреннее свечение». Задаём светло-голубой #ebf7ff цвет, режим наложения Яркий свет (Vivid Light), остальное смотрите на рисунке:

И, наконец, добавим «Внешнее свечение» (Outer Glow).
Цвет на этот раз задаём нейтральный синий #0c75d7? режим наложения — Линейный осветлитель (добавить) (Linear Dodge (Add)), остальные параметры указаны на рисунке:

Ну вот вроде бы и всё, вот что мы получили на выходе:

Скачать текстуру и готовый PSD файл, выполненный по материалам статьи:

Как создать неоновый текст в фотошопе

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

Всем привет!

Сегодня в уроке «Как создать неоновый текст в фотошопе» мы будем создавать неоновый текст.

Эффект неонового текста будет хорошо смотреться на темном фоне.

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

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

 

 

 

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

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

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

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

Выше слоя «Стена» в панели слоев добавляем корректирующий слой Уровни и вводим следующие настройки.

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

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

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

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

Во вкладке Обводка меняем оттенок на # ece2f6 и вводим настройки, как на изображении ниже.

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

Во вкладке Внешнее свечение меняем оттенок на # 9639f6 и вводим настройки, как на скриншоте.

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

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

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

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

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

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

Активируем инструмент Овальная область. В верхней панели настроек инструмента Овальная область устанавливаем радиус растушевки 150 пикселей и вводим настройки, как на рисунке ниже. Создаем овальное выделение и размещаем его примерно по центру холста. Переходим в меню Выделение-Инверсия. При активном выделении выше всех слоев создаем корректирующий слой Уровни и вводим настройки, как на рисунке ниже. Благодаря созданному ранее выделению к корректирующему слою Уровни автоматически добавится маска, которая частично скроет видимость слоя.

Если в панели слоев кликнуть с зажатой клавишей Alt по маске слоя, можно увидеть маску слоя на весь холст. Чтобы вернуться в обычный режим отображения, снова кликните по маске слоя с зажатой клавишей Alt. Помним, что черный цвет на маске слоя скрывает, а белый – восстанавливает видимость слоя.

  

Мы с вами ответили на вопрос: «Как создать неоновый текст в фотошопе«!

 

 

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

 

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

 

 

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

 

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

Facebook

Twitter

Вконтакте

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

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

Неоновый текст | Уроки Фотошопа (Photoshop)

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

Давайте начинать, но прежде взгляните на тот неоновый текст, который получится в финале:

Неоновый текст

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

1. Создайте новый документ (размер выбирайте произвольно, я к примеру взял 1280x1024px) и вставьте в него понравившуюся текстуру кирпича:

2. Сейчас текстура слишком яркая, нам это не нужно, поэтому растеризуем слой и нажимаем Ctrl+U для вызова инструмента Hue/Saturation (Цветовой тон/Насыщенность) и снижаем параметры насыщенности и яркости:

3. Поработаем над атмосферой. Создайте новый слой (Shift+Ctrl+N) и примените к нему Filter (Фильтр) -> Render (Визуализация) -> Clouds (Облака):

[info_box]При этом у вас должны быть установлены цвета по умолчанию (чёрный и белый). Если же это не так, то нажмите клавишу D[/info_box]

Поставьте режим смешивания Color Dodge (Осветление светом) и сотрите мягким ластиком области по краям:

Осталось только понизить непрозрачность до 35%:

На этом создание фона закончено. Теперь начинается самое интересное 🙂

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

4. Напечатайте какой-нибудь текст непрерывающимся шрифтом. Я использовал French Script MT и чуть «допилил» его вручную:

5. Скопируйте слой с текстом (Ctrl+J) и скройте его:

6. К оригинальному тексту примените Filter (Фильтр) -> Blur (Размытие) -> Gaussian Blur (По Гауссу) и установите значение радиуса 14px:

7. Сделайте видимым скопированный текст, и перейдите в стиль слоя, дважды кликнув по нему мышкой или перейдя в Layer -> Layer Style -> Blending Options (Параметры смешивания). Установите такие параметры:

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

8. Создайте дубликат слоя с текстом, нажмите правой кнопкой мыши по надписи Effects (Эффекты) и выберите Create Layers:

Этим действием мы перевели стили в отдельные слои, теперь выберите все только что созданные слои и слейте их (Ctrl+E):

9. Теперь идём в Filter -> Blur -> Gaussian Blur и выставляем радиус 100px:

Режим смешивания установите Linear Dodge (Add) (Линейный осветлитель). Теперь мы получили такой неоновый текст:

Дорабатываем детали для неонового текста

10. Для начала сделаем крепления. Создайте новый слой и поместите его над фоном и «облаками». Возьмите твёрдую черную кисть и нарисуйте ей крепления для неонового текста:

11. Теперь настроим Bevel and Emboss в стиле слоя:

[info_box]Не забудьте снять галочку Use Global Light (Глобальное освещение), иначе эти настройки будут применяться ко всем стилям[/info_box]

12. Создайте ещё один слой и поместите его под креплением. Нарисуйте тень и размойте её с помощью Gaussian Blur:

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

14. Ну и последний штрих — возьмите инструмент Dodge Tool (Осветлитель) и пройдитесь по слою со стеной в тех местах, где она должна быть светлее. А вот и финальный результат урока по созданию неонового текста:

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

Создаем неоновый эффект в Фотошоп

Название неон пришло к нам от греческого νέος (новый) и судя по всему говорит о большой радости ученых, которые обнаружили в воздухе инертные газы. Известна легенда, в которой говорится, что название новому элементу дал маленький сын Рамзая: увидев странное ярко-красное свечение, которое вещество излучало в трубке для спектрального анализа, он радостно воскликнул: «Новый! Новый!».

Ну а теперь, перейдет от исторической части к практической. Неоновый эффект можно отнести к разряду так называемого Glow Effect (Эффект сияния). Из наших уроков по фотошопу, мы уже освещали темы о том как в Photoshop создаются эффекты свечения, в эту категорию можно также отнести уроки по созданию эффекта радуги и по созданию глянцевого и блестящего эффекта текста. Сделать эффект неона совсем не сложно, но при этом выглядит он очень красиво.

Шаг 1
Откройте Photoshop и создайте новый документ. Размеры холста не особо важны, я например использовал 800×600 px. Залейте фон черным цветом.

Шаг 2
Если у вас есть готовый логотип то импортируйте его и продублируйте слой. Один слой у нас будет светиться, второй будет создавать эффект неона.

В этом уроке я создам свой логотип. Напишем текст. Растеризуем слой. Щелкнем левой кнопкой по слою чтобы выделить наш текст.  Сделаем заливку градиентом используя например такие цвета: розовый – желтый – зеленый – синий. Дублируем как отмечалось выше получившийся логотип (слой).

Шаг 3
Выберите первый слой (нижний) и перейдите к Filter > Blur > Gaussian Blur. Используйте значение для Radius  в 5 px.

Шаг 4
На другом слое логотипа (верхней копии), зайдите в Layer > Group Layers. Теперь у Вас есть слой внутри папки. Меняем Blend Mode этой папки на Color Dodge. Также внутри папки выберите слой логотипа и зайдите в Layer > Layer Style > Inner Shadow. Используйте черный цвет и Multiply для Blend Mode (режим наложения). Измените прозрачность (Opacity) до 75%, угол до -90 º, Distance  1 px и Size 2 px. Не забудем очень важную часть: изменим контур (Contour) на Конус-Перевернутый (Cone-Inverted). Это значение мы выберем из выпадающего списка.

После этого применим эффект Outer Glow. Изменим режим наложения (Blend Mode) слоя на Color Dodge, Opacity (прозрачность) сделаем 50%, Noise (шум) — 0%, цвет белый.

Последнее, что мы сделаем на этом шаге,  это добавим немного размытия. Перейдем в Filter > Blur > Gaussian Blur. Выберем 1 px для Radius.

Шаг 5
Выберите наши слои логотипа и дублируйте их (Layer > Duplicate). Затем склейте дублированные слои (Layer > Merge Layers). Теперь просто зайдите в Filter > Blur > Gaussian Blur. Используйте примерно 20 px для Radius. Этот получившийся слой должен быть внизу под логотипами.

Шаг 6
Добавьте новый слой поверх всех остальных и перейдите к Filter > Render > Clouds. Этот фильтр поможет сделать облака, что в свою очередь придаст нашему логотипу большую естественность и уменьшит прямолинейность. Также убедитесь, что вы используете черный и белый цвета на палитре. После этого измените режим смешивания на Soft Light и понизьте прозрачность (Opacity) до 50%.

Шаг 7
Выберите размытый слой (нижний), созданный в шаге 3, и затем перейдите в Layer > Layer Style > Drop Shadow. Измените режим наложения на Color Burn, используйте черный цвет, 50% непрозрачности, 90º, угол, 10 px для Distance и 10 px для Size. Этот стиль слоя создаст тень и добавит большую глубину эффекту.

Заключение

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

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

Неоновый эффект стилями слоев. Создаём Неоновый Текст в программе Adobe Photoshop

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

1. Создаем буквы

Шаг 1

Открываем программу и создаем новый документ размером 1181 х 788 пикселей с разрешением 300 точек/дюйм.

Шаг 2

Активируем Type Tool (T) (Текст) и пишем слово или фразу любым стандартным шрифтом, например, Helvetica.

Шаг 3

Открываем окно Windows — Character (Окно — Символ) и настраиваем расстояние между строками текста (значение зависит от размера шрифта).

Шаг 4

Также делаем текст чуть шире (опять же значение зависит от размера вашего текста).

Шаг 5

Создаем новый слой (Ctrl+Shift+N), кликнув на кнопку Create a new layer (Создать новый слой) внизу панели слоев.

Шаг 6

Активируем Pen Tool (P) (Перо) в режиме Shape (Фигура) и начинаем рисовать по контуру букв.

Примечание переводчика: Заполнение цветом отключаем, включаем обводку контура (ширина обводки будет зависеть от размера документа). Нарисовав одну линию, обязательно жмем клавишу Enter , чтобы завершить контур.

Шаг 7

Рисуем следующие линии.

Шаг 8

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

Шаг 9

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

Шаг 10

Выделяем все слои с буквами и жмем Ctrl+G, чтобы добавить их в группу, затем Ctrl+E, чтобы объединить группу в один слой.

Шаг 11

Layer Style Color Overlay (Перекрытие цветов) и жмем ОК. Кликаем по слою правой кнопкой мыши и выбираем Rasterize Layer Style (Растрировать стиль слоя).

2. Добавляем эффекты

Шаг 1

Дважды кликаем по слою, чтобы открыть окно Layer Style (Стиль слоя). Применяем стиль слоя Outer Glow (Внешнее свечение).

Шаг 2

Дублируем слой с текстом (Ctrl+J), хватаем левой кнопкой мышки значок fx на слое и перетягиваем его на иконку корзины, чтобы очистить слой от стилей.

Шаг 3

Дважды кликаем по копии слоя и применяем Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

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

Шаг 4

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

Шаг 5

Зажимаем Ctrl и кликаем по миниатюре текстового слоя на панели слоев, чтобы загрузить его выделение. Затем переходим Select — Modify — Contract (Выделение — Модификация — Сжать) и вводим значение 1, чтобы сжать выделение на 1 пиксель.

Шаг 6

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

Шаг 7

Создаем новый слой и заливаем выделение белым цветом. Для этого жмем Edit — Fill (Редактирование — Заливка).

Шаг 8

Дублируем текстовый слой и размещаем его в группе. Дважды щелкаем по нему, чтобы применить стили слоя Outer Glow (Внешнее свечение) и Drop Shadow (Тень).

Шаг 9

Снова зажимаем Ctrl и кликаем по миниатюре слоя, чтобы загрузить его выделение. Переходим Select — Modify — Expand (Выделение — Модификация — Расширить) и расширяем выделение на 4 пикселя.

Шаг 10

Создаем новый слой над текстовым и заливаем выделение любым цветом.

Шаг 11

Применяем к заливке стили слоя Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение). Затем устанавливаем Fill (Заливка) этого слоя на 0%.

Шаг 12

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

Шаг 13

Выше создаем новый слой и заливаем выделение темно-желтым цветом.

Шаг 14

Добавляем маску на слой, нажав на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев. Затем черной кистью проводим по маске, чтобы скрыть часть темно-желтой заливки.

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

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

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

2
Выберите нарисованную фигуру с помощью Selection tool. Выберите в меню Object>Path>Simplify. В меню Simplify нажмите на Preview, затем поэкспериментируйте с ползунком Curve Precision пока ваш контур не будет выглядеть гладким как неоновая трубка. В этом примере я установил 60%.

3
Выберите в панели Layers слой с вашим объектом и щелкните на маленьком треугольнике в верхнем правом углу. В открывшемся меню выберите Duplicate (сдублировать). Повторите эту операцию еще раз, и у вас получится три одинаковых слоя с вашим объектом. Назовем их 1, 2, 3 слой, первый в самом низу, потом второй, и третий сверху.

4
Отключите изображение второго и третьего слоя, нажав на глазик рядом с каждым из них в палитре Layers. Выберите объект на первом слое (с помощью Selection Tool), и измените цвет контура на более темный и слегка обесцвеченный. В этом примере я выбрал Dark Pink. Затем увеличьте толщину контура до 9 пунктов (Window>Stroke).

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

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

Что это такое?

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

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

Конструкция лампы

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

Свечение лампы

Обратите внимание! Такие лампочки часто подключают к большому напряжению (примерно в 15000 вольт). Такого напряжения достаточно для отрыва электрона от внешней орбиты атома. При низких напряжениях эффекта никакого не будет.

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

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

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

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

Как образуется свет

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

Варианты цвета ламп

Неоновый свет зависит от того, насколько переданная энергия возбуждения будет отличаться от первоначальной. Этот параметр, как и энергетический уровень электрона, обладает определенным интервалом. В результате получается, что каждый возбудившейся электрон имеет свою, присущую только ему, длину волны света. Это означает, что неновый свет дает уникальной свечение. Если светильники заполнены неоном, то они будут давать красновато-оранжевый неоновый свет.
Но такая подсветка (хоть квартиры, хоть целых зданий) на сегодняшний день представлена невообразимым разнообразием цветов. Чтобы получить другой неоновый свет, существует два метода:

• неоновая лампа должна содержать другой газ. Чтобы подсветка имела другой неоновой свет, используются даже газовые смеси. Такая подсветка может применяться как внутри дома (аналог — светодиодная лента), так и для зданий снаружи;

Обратите внимание! Каждый газ имеет свое свечение. К примеру, гелий светится розовым, аргон – синим, криптон – зеленым. При их смешивании в различных пропорциях получаются промежуточные цвета и разный неоновый свет.

• второй способ предполагает нанесение на стекло трубки лампы люминофоров (различных химических веществ). Такая неоновая лампа будет давать различный цвет из-за воздействия энергии плазмы на люминофоры.

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

Гибкий вариант

Гибкий неон

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

Такие изделия бывают разноцветными или монотонными. Ленты изготавливают из прозрачной или матовой высококачественной ПВХ-трубки. Одноцветные модели делаются из матовых трубок.
Лента, по сравнению с лампочками, имеет гораздо больше преимуществ:

• отсутствует риск нанести механические повреждения. Стеклянные лампы довольно часто бьются, что делает их довольно опасными, особенно если подсветка планируется в детской. А вот лента лишена такого негатива;
• гидроизолированность;
• наличие возможности использования RGB-технологии.
• лента гибкая, что позволяет устанавливать ее в любых местах дома или снаружи зданий. В результате подсветка становится более мобильной и универсальной;
• лента стоит меньше, по сравнению со светодиодными аналогами. Светодиодная лента не всегда является более выгодным приобретением.

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

Сфера применения

Лампы и шнуры, которые в своем составе содержат инертные газы, сегодня применяются повсеместно. Их используют для:

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

Наружная подсветка зданий

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

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

What You»ll Be Creating

Эффекты свечения и блеска помогают создать красивые и глянцевые объекты. В этом уроке, я покажу вам, как создать задний фон из текстуры кирпича, а затем, с помощью стилей слоя и инструмента Перо (Pen Tool), мы создадим яркий неоновый эффект, который мы применим к тексту, кроме этого, мы добавим электрические провода к тексту. Итак, давайте приступим!

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

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

• Шрифт Beon Medium
• Текстура Кирпичная Стена Image 2 — Large (2000×2328) (Изображение 2 — Размер большой (2000×2328)
• Набор Текстур

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

Шаг 1

Создайте новый документ 1500 x 950 px , установите Разрешение (Resolution) 300 .

Итак, идём Файл — Поместить встроенные (File > Place Embedded), и в появившемся окне, выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter ), чтобы применить изменения.

Шаг 2

В нижней панели инструментов, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Levels Уровни

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки. Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85 .

Шаг 4

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11 , а значение Яркости (Lightness) -83 .

2. Создаём Текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’ . Цвет текста #a33e88 , размер шрифта 103 pt .

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Растрировать текст (Rasterize).

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование — Специальная вставка — Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal). Примечание переводчика: в каждой группе должно быть по 3 слоя.

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

3. Добавляем Стилизацию к Оригинальному Слою с Горизонтальными Фрагментами Текста

Горизонтальные

Шаг 1

Добавьте стиль слоя Тиснение

• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0
• Высота (Altitude): 70
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
• Режим тени

Шаг 2

Добавьте стиль слоя Контур

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

Шаг 3

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

• Режим наложения (Blend Mode): Осветление (Screen)
• Цвет : #e658d4
• Угол (Angle): 30
• Смещение (Distance): 0

Шаг 4

Добавьте стиль слоя Внутреннее свечение

• Непрозрачность (Opacity): 85%
• Цвет : #fe66f1
• Источник (Source): Из центра (Center)
• Размер (Size): 18

Шаг 5

Добавьте стиль слоя Тень

• Смещение (Distance): 13
• Размер (Size): 7

4. Добавляем Стилизацию к Первому Дубликату Слоя с Горизонтальными Фрагментами Текста

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

Шаг 1

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

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -36
• Высота (Altitude): 42
• Контур глянца (Contour): Cove — Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

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

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

5. Добавляем Стилизацию ко Второму Дубликату Слоя с Горизонтальными Фрагментами Текста

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

Шаг 1

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

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 18
• Высота (Altitude): 58
• Контур глянца (Contour): Half Round
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

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

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

Шаг 3

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Шум (Noise): 5%
• Цвет : #ffdcfa
• Источник (Source): Из центра (Center)
• Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Цвет : #7f2d65
• Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

6. Добавляем Стилизацию к Оригинальному Слою с Вертикальными Фрагментами Текста

Шаг 1

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

Дважды щёлкните по оригинальному слою Вертикальные Угол (Angle), установив значение на 90 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 74 .

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15 .

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

7. Добавляем Стилизацию к Первому Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical). Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол -76 в стиле слоя Тиснение Высоты (Altitude) на 53 .

Результат для первого дубликата слоя.

8. Добавляем Стилизацию ко Второму Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical). Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53 .

Итак, мы завершили стилизацию обеих частей текста.

9. Дополнительно Добавляем Свечение и Создаём Электрические Провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’ . Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b , выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’ . Назовите этот слой ‘Провода’ . Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

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

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl ). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Шаг 4

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

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно — Кисти (Window > Brush), установите жёсткую круглую кисть 7 px , значение Интервала (Spacing) 1 .

Шаг 6

Установите цвет переднего плана на #252525 , выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне, выберите опцию Выполнить обводку контура

Шаг 7

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

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter ), чтобы удалить рабочий контур.

10. Добавляем Стилизацию к Проводам

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

Шаг 1

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

• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Цвет : #ec6ab7
• Непрозрачность (Opacity): 24%

Шаг 2

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

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

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Узор (Pattern): 8

Шаг 4

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

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

11. Создаём Крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px. Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer-shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’ , чтобы сместить точки на 1 px влево. Примечание переводчика: 1. при выделении точек Стрелкой, удерживайте клавишу (Shift) 2. вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование — Трансформация — Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical).

12. Применяем Стилизацию к Креплениям

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

Шаг 1

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

• Непрозрачность (Opacity): 42%
• Тип градиента (Style): Линейный (Linear) Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева, #6d6d6d в центре и #161616 справа.

Шаг 2

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

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

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’ . Далее, дважды щёлкните по слою ‘V’ , чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0 .

Шаг 4

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

13. Добавляем Слой с Заливкой Цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799 . Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

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

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

Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool), создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид.

В заключение, мы применили инструмент Прямоугольник (Rectangle Tool), чтобы создать крепления для электрических проводов, а затем, применили к ним стили слоя. И, наконец, мы добавили последний корректирующий слой, чтобы усилить цвета итогового результата.

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

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

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

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

Шаг 2. Создаём новый слой и копируем туда выделение с девушкой.

Шаг 3. Дублируем его и применяем для копии Изображение > Коррекция > Яркость/Контрастность (Image > Adjustments > Brightness and Contrast) .

Шаг 4. Переходим на начальный слой с девушкой и используем размытие Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur) со следующими настройками Угол (Angle) — 40 градусов, Смещение (Distance) — 120. Объединяем слой с девушкой и его копию.

Шаг 5. Под слоем с девушкой создаём новый, затем берём Лассо (Lasso Tool) и обводим область вокруг девушки. Растушёвку устанавливаем 150px.

Шаг 6. На панели инструментов ставим белый цвет переднего плана и чёрный цвет фонового. Открываем Фильтр > Рендеринг > Облака (Filter > Render > Clouds) . Режим наложения для этого слоя ставим Перекрытие (Overlay).

Шаг 7. Под слоем с дымом создаём ещё один. Выбрав инструмент Градиент (Gradient Tool), переходим в его настройки. Ставим #c6229e цвет переднего плана (foreground) и #1dbdda — цвет заднего (background). Тип градиента — Линейный . Сохраняем настройки и проводим градиентом от левого верхнего угла до правого нижнего, непрозрачность слоя уменьшаем до 60%, режим наложения ставим Перекрытие (Overlay).

Шаг 8. Сливаем слои с градиентом и с дымом. Результат на рисунке:

Шаг 9. Под слоем с градиентом создаём новый и закрашиваем белой мягкой Кистью (Brush) края девушки.

Шаг 10. Выбираем Кисть (Brush tool) и открываем настройки, ставим так, как показано ниже. Сохраняем её, нажав Сохранить новую кисть (Create New Brush) . Проводим настроенной кистью по нашей работе так же, как на скриншоте:

Шаг 11. Добавляем новый слой и создаём на нём треугольник при помощи Полигонального лассо (Polygonal Lasso Tool). Подрисовываем мягкой белой кистью противоположную сторону основы треугольника. При желании можно поэкспериментировать с различными формами и размерами.

Шаг 12. Поверх слоя с девушкой создаём новый с режимом наложения Осветление основы (Color Dodge). Загрузите выделение девушки, для этого зажмите Ctrl и щёлкните по миниатюре слоя с девушкой. Проводим мягкой кистью по внутреннему контуру выделенной области, цвет кисти выбираем при помощи Пипетки (Eyedropper Tool).

Шаг 13. Добавляем новый слой поверх остальных. В панели инструментов ставим белый цвет переднего плана и открываем окно настоек кисти. Возьмём мягкую, размером примерно 9px. Ставим такие же настройки как на картинке:

Шаг 14. Берём Перо (Pen tool) и создаём несколько линий как на скриншоте. Жмём правую кнопку мыши и выбираем Выполнить обводку контура (Stroke Path). В диалоговом окне выбираем из списка Кисть (Brush) и ставим галочку напротив Имитировать нажим (Simulate Pressure).

Шаг 15. Открываем Стили слоя (Blending Options) с линиями. Включаем эффект Внешнее свечение (Outer Glow). Настройки смотрите ниже:

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

Как сделать красивый неоновый текст

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

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

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

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

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

Примечание: урок — среднего уровня сложности. При создании урока был использован Photoshop CS6, вид палитр может отличаться, если Вы используете другие версии программы.

Содержание

Видео инструкция | неоновый текст

Создавайте неоновые надписи и продавайте их

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

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

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

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

Популярные профессии мастеров Фотошоп

Практическое владение программой Adobe Photoshop, открывает возможность войти в мир, где царят популярные современные профессии нашего общества. Возможности Adobe Photoshop — программы для графического дизайна и обработки фотографий, действительно бесчисленны. И благодаря программе Фотошоп появились такие востребованные профессии как:

• Ретушер — обработка фотографий
• Иллюстратор — диджитал рисование
• Веб-дизайнер —  веб дизайн
• Графический дизайнер  —  маркетинг и реклама
• Фотограф — обработка фото

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

Почему фотошоп

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

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

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

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

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

Заработать с помощью фотошоп

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

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

Способы нахождения клиентов для начинающего мастера Фотошоп

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

Первая категория бирж:

MoguZa

Kwork   

Weblancer

FL.ru

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

Вторая категория бирж:

Illustrators

Prohq

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

Третья категория бирж:

Work-Zilla

Youdo

Сайты поиска вакансий — к ним можно отнести крупные порталы. Как правило, здесь размещаются конкретные вакансии. Тем не менее, можно устроиться на неплохую должность, связанную с работой в Photoshop и поиском подходящей информации.

Avito

HH.ru

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

Фриланс                                   

Дистанция Фриланс             

Фриланс — удаленная работа

Создания надписи с эффектом неонового свечения | инструкция на слайдах

Шаг 1

Запустите программу Adobe Photoshop.

Шаг 2

Создайте новый документ размером  1000px * 500рх (пикселов) (Ctrl + N) с черным фоном. Нажимаем кнопку (Создать).

Шаг 3

Выбираем инструмент (Текст), и вводим желаемое слово или словосочетание.

Шаг 4

Вызываем рамку свободного трансформирования, клавишами (Ctrl + T), и удерживая клавишу (Shift), тянем за правый верхний размерный маркер, увеличиваем наш текст до необходимого размера. Располагаем текст по центру и нажимаем кнопку (Enter).

Шаг 5

Открываем вкладку (Слои), выделяем слой с текстом, нажимаем правую кнопку мыши на нашем слое, и выбираем в контекстном меню (Растрировать текст).

Шаг 6

Во вкладке (Слои) выделяем слой с нашим текстом, делаем его активным. Выбираем инструмент (Выделение) в панели инструментов. Теперь, выделите первую букву вашего текста, и создайте новый слой нажав клавиши (Ctrl + J).

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

Шаг 7

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

Шаг 8

Выполняем заливку — наложением цвета для каждой буквы вашего текста. Во вкладке (Слои), выбираем первый слой — с первой буквой вашего текста. Два раза кликаем на слой, и выбираем стиль (Наложение цвета). Выбираем цвет по цветовой шкале, и нажимаем (Ок).

Повторите эту операцию — наложение цвета — с каждым слоем, с каждым символам вашего текста.

Шаг 9

Теперь, необходимо объединить все слои с буквами в один слой. Цвет фона оставьте отдельным слоям. Перейдите во вкладку (Слои). И удерживая клавишу (Ctrl) — кликая мышкой, выделите каждый слой с буквой вашего текста. Далее, на любом выделенном слое, кликните правой кнопкой мыши, и выберите функцию (Объединить слои). Переименуйте этот новый слой в слово (Текст).

Шаг 10

Продублируйте новый слой — (Текст). Активируйте его во вкладки со слоями, и нажмите клавиши (Ctrl + J). Теперь у вас есть копия слоя, под названием (Текст копия).

Шаг 11

Возвращаемся во вкладку со слоями, и активируем первый слой — (Текст), выделив его кликом мышки. Далее идем в меню (Фильтр) и выбираем функции (Размытие) — (Размытие в движении). В открывшимся окне, устанавливаем угол наклона 90 градусов. А также устанавливаем, функцию смещение размытия, с помощью регулируемого ползунка, на ваше усмотрение, нажимаем — (Ок).

Шаг 12

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

Структура

Режим: Осветление

Непрозрачность: 75%

Шум: 0%

Цвет: Белый

Элементы

Метод: Мягкий

Источник: На краях

Стягивание: 0%

Размер: 13 пикселей

Качество

Контур: Двойное кольцо

Диапазон: 50%

Колебания: 0%

Нажимаем (Ок)

Шаг 13

Во вкладке со слоями, активируем слой — (Текст копия), и нажимаем клавиши (Ctrl + J). Создаем еще одну копию этого слоя, который будет именоваться — (Текст копия 2). Далее возвращаемся на второй слой — (Текст копия), делаем ее активной.  Идем в меню (Фильтр) далее выбираем функции (Размытие) — (Размытие по гауссу). В открывшимся окне, регулируется ползунком подсветку наших букв. Нажимаем (Ок).

Шаг 14

Во вкладке со слоями, активируем слой — (Текст копия 2). Далее идем в меню (Фильтр), выбираем функцию (Резкость) — (Умная резкость). Устанавливаем настройки;

эффект: на ваше усмотрение.

радиус: на ваше усмотрение.

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

Благодарю за внимание, надеюсь данный материал помог Вам. Успехов и Божьих благословений!

Оставляйте ваши комментарии, в низу страницы.  Спасибо…

Создаем неоновый текст в фотошоп

Эффекты свечения и блеска помогают создать красивые и глянцевые объекты. В этом уроке, я покажу вам, как создать задний фон из текстуры кирпича, а затем, с помощью стилей слоя и инструмента Перо (Pen Tool), мы создадим яркий неоновый эффект, который мы применим к тексту, кроме этого, мы добавим электрические провода к тексту. Итак, давайте приступим!

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

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

Шаг 1

Создайте новый документ 1500 x 950 px, установите Разрешение (Resolution) 300.

Итак, перейдите Файл — Поместить встроенные (File > Place Embedded) и в появившемся окне выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 2

В нижней части панели слоев нажмите значок (Create new fill or adjustment layer) и в появившемся меню выберите опцию Levels Уровни (Levels).

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки, нажав соответствующий значок в нижней части панели Свойства (Properties) . Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85.

Шаг 4

Далее, снова нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11, а значение Яркости (Lightness) -83.

2. Создаём текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’. Цвет текста #a33e88, размер шрифта 103 pt.

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне выберите опцию Растрировать текст (Rasterize).

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование — Специальная вставка — Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal).

Примечание переводчика: в каждой группе должно быть по 3 слоя.

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

3. Добавляем Стилизацию к оригинальному слою с горизонтальными фрагментами текста

Горизонтальные

Шаг 1

Добавьте стиль слоя Тиснение

• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0
• Высота (Altitude): 70
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

Добавьте стиль слоя Контур

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

Шаг 3

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

• Режим наложения (Blend Mode): Осветление (Screen)
• Цвет : #e658d4
• Угол (Angle): 30
• Смещение (Distance): 0

Шаг 4

Добавьте стиль слоя Внутреннее свечение

• Непрозрачность (Opacity): 85%
• Цвет : #fe66f1
• Источник (Source): Из центра (Center)
• Размер (Size): 18

Шаг 5

Добавьте стиль слоя Тень

• Смещение (Distance): 13
• Размер (Size): 7

4. Добавляем Стилизацию к первому дубликату слоя с горизонтальными фрагментами текста

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

Шаг 1

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

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -36
• Высота (Altitude): 42
• Контур глянца (Contour): Cove — Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

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

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

5. Добавляем Стилизацию ко второму дубликату слоя с горизонтальными фрагментами текста

Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

Шаг 1

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

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 18
• Высота (Altitude): 58
• Контур глянца (Contour): Half Round
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) — Непрозрачность (Opacity): 0%

Шаг 2

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

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

Шаг 3

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Шум (Noise): 5%
• Цвет : #ffdcfa
• Источник (Source): Из центра (Center)
• Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Цвет : #7f2d65
• Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

6. Добавляем Стилизацию к оригинальному слою с вертикальными фрагментами текста

Шаг 1

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

Дважды щёлкните по оригинальному слою Вертикальные Угол (Angle), установив значение на 90 в стиле слоя Тиснение Высоты (Altitude) на 74.

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15.

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

7. Добавляем Стилизацию к первому дубликату слоя с вертикальными фрагментами текста

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical).

Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -76 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Результат для первого дубликата слоя.

8. Добавляем Стилизацию ко второму дубликату слоя с вертикальными фрагментами текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical).

Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Итак, мы завершили стилизацию обеих частей текста.

9. Дополнительно добавляем свечение и создаём электрические провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’. Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b, выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’. Назовите этот слой ‘Провода’. Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

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

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Шаг 4

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

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно — Кисти (Window > Brush), установите жёсткую круглую кисть 7 px, значение Интервала (Spacing) 1.

Шаг 6

Установите цвет переднего плана на #252525, выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне выберите опцию Выполнить обводку контура (Stroke Path).

Шаг 7

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

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter), чтобы удалить рабочий контур.

10. Добавляем Стилизацию к проводам

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

Шаг 1

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

• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Цвет: #ec6ab7
• Непрозрачность (Opacity): 24%

Шаг 2

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

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

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Узор (Pattern): 8

Шаг 4

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

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

11. Создаём крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px.

Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer- shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’, чтобы сместить точки на 1 px влево.

Примечание переводчика: 1. При выделении точек Стрелкой, удерживайте клавишу (Shift) 2. Вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. Попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование — Трансформация — Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal)) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical)).

12. Применяем Стилизацию к креплениям

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

Шаг 1

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

• Непрозрачность (Opacity): 42%
• Тип градиента (Style): Линейный (Linear)
• Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева, #6d6d6d в центре и #161616 справа.

Шаг 2

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

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

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне выбрав опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’. Далее, дважды щёлкните по слою ‘V’, чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0.

Шаг 4

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

13. Добавляем слой с заливкой цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799. Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

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

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

Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool) создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид.

В заключение, мы применили инструмент Прямоугольник (Rectangle Tool), чтобы создать крепления для электрических проводов, а затем, применили к ним стили слоя. И, наконец, мы добавили последний корректирующий слой, чтобы усилить цвета итогового результата.

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

Рассказываем, как сделать такой декор своими руками (и порядочно сэкономить!). Тренируемся на самых популярных словах: love и hello.

Чтобы сделать DIY-надпись, вам понадобится электролюминесцентный провод. У нас он продается как «холодный неон», а в западных магазинах — как EL wire. Такой неон состоит из ПВХ-шнура и покрытой электролюминофором жилы. Для его питания нужен ток высокой частоты, поэтому стоит лучше сразу набор из шнура и инвертора (он может работать от сети или от батареек).

HELLO

Проект от автора блога I spy DIY Дженни, гениальный в своей простоте: вместо того, чтобы крепить надпись на жесткую основу, клеим ее на основу из проволоки. Получается невесомый декор, который можно повесить даже на стену с пестрыми обоями.

Вам понадобятся :

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

1. Напишите ваше слово, не отрывая маркер от бумаги.

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

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

4. Поставьте надпись на консоль или повесьте на стену, вставьте в блок питания батарейки, включите. Готово!

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

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

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

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

Шаг 3. Предположим, желтый цвет текста нас не устраивает. Это не проблема — открываем окно «Цветовой тон / Насыщенность» (клавиши Ctrl+U) и двигаем ползунок цветового тона, пока результат нас не устроит. Остановимся на голубоватом оттенке:

Шаг 4. Теперь создадим тексту отражение. Копируем слой с текстом, выбираем «Отразить по вертикали» в меню «Редактирование — Трансформирование». Далее совмещаем изображения так, чтобы верхняя часть отражения совпала с нижней частью нашего текста:

Шаг 5. Создаем маску слоя с отражением: «Слои — Слой-маска — Скрыть все». Наше отражение на время исчезнет. Выбираем инструмент «Градиент» и, зажав клавишу Shift, проводим линию от основания текста вниз. Готово! Если нужно, немного уменьшите прозрачность отражения.

• 
  

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

• 
  

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

• 
  

What You»ll Be Creating

Эффекты свечения и блеска помогают создать красивые и глянцевые объекты. В этом уроке, я покажу вам, как создать задний фон из текстуры кирпича, а затем, с помощью стилей слоя и инструмента Перо (Pen Tool), мы создадим яркий неоновый эффект, который мы применим к тексту, кроме этого, мы добавим электрические провода к тексту. Итак, давайте приступим!

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

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

• Шрифт Beon Medium
• Текстура Кирпичная Стена Image 2 — Large (2000×2328) (Изображение 2 – Размер большой (2000×2328)
• Набор Текстур

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

Шаг 1

Создайте новый документ 1500 x 950 px , установите Разрешение (Resolution) 300 .

Итак, идём Файл – Поместить встроенные (File > Place Embedded), и в появившемся окне, выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter ), чтобы применить изменения.

Шаг 2

В нижней панели инструментов, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Levels Уровни

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки. Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85 .

Шаг 4

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Далее, в настройках данного корректирующего слоя, установите значение Насыщенности (Saturation) 11 , а значение Яркости (Lightness) -83 .

2. Создаём Текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’ . Цвет текста #a33e88 , размер шрифта 103 pt .

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Растрировать текст (Rasterize).

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование – Специальная вставка – Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal). Примечание переводчика: в каждой группе должно быть по 3 слоя.

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

3. Добавляем Стилизацию к Оригинальному Слою с Горизонтальными Фрагментами Текста

Горизонтальные

Шаг 1

Добавьте стиль слоя Тиснение

• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0
• Высота (Altitude): 70
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
• Режим тени

Шаг 2

Добавьте стиль слоя Контур

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

Шаг 3

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

• Режим наложения (Blend Mode): Осветление (Screen)
• Цвет : #e658d4
• Угол (Angle): 30
• Смещение (Distance): 0

Шаг 4

Добавьте стиль слоя Внутреннее свечение

• Непрозрачность (Opacity): 85%
• Цвет : #fe66f1
• Источник (Source): Из центра (Center)
• Размер (Size): 18

Шаг 5

Добавьте стиль слоя Тень

• Смещение (Distance): 13
• Размер (Size): 7

4. Добавляем Стилизацию к Первому Дубликату Слоя с Горизонтальными Фрагментами Текста

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

Шаг 1

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

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -36
• Высота (Altitude): 42
• Контур глянца (Contour): Cove — Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки
• Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

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

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

5. Добавляем Стилизацию ко Второму Дубликату Слоя с Горизонтальными Фрагментами Текста

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

Шаг 1

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

• Размер (Size): 16
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 18
• Высота (Altitude): 58
• Контур глянца (Contour): Half Round
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

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

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

Шаг 3

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Шум (Noise): 5%
• Цвет : #ffdcfa
• Источник (Source): Из центра (Center)
• Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

• Цвет : #7f2d65
• Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

6. Добавляем Стилизацию к Оригинальному Слою с Вертикальными Фрагментами Текста

Шаг 1

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

Дважды щёлкните по оригинальному слою Вертикальные Угол (Angle), установив значение на 90 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 74 .

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15 .

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

7. Добавляем Стилизацию к Первому Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical). Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол -76 в стиле слоя Тиснение Высоты (Altitude) на 53 .

Результат для первого дубликата слоя.

8. Добавляем Стилизацию ко Второму Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical). Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53 .

Итак, мы завершили стилизацию обеих частей текста.

9. Дополнительно Добавляем Свечение и Создаём Электрические Провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’ . Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b , выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’ . Назовите этот слой ‘Провода’ . Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

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

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl ). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Шаг 4

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

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно – Кисти (Window > Brush), установите жёсткую круглую кисть 7 px , значение Интервала (Spacing) 1 .

Шаг 6

Установите цвет переднего плана на #252525 , выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне, выберите опцию Выполнить обводку контура

Шаг 7

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

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter ), чтобы удалить рабочий контур.

10. Добавляем Стилизацию к Проводам

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

Шаг 1

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

• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Цвет : #ec6ab7
• Непрозрачность (Opacity): 24%

Шаг 2

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

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

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Узор (Pattern): 8

Шаг 4

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

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

11. Создаём Крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px. Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer-shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’ , чтобы сместить точки на 1 px влево. Примечание переводчика: 1. при выделении точек Стрелкой, удерживайте клавишу (Shift) 2. вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование – Трансформация – Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical).

12. Применяем Стилизацию к Креплениям

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

Шаг 1

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

• Непрозрачность (Opacity): 42%
• Тип градиента (Style): Линейный (Linear) Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева, #6d6d6d в центре и #161616 справа.

Шаг 2

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

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

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’ . Далее, дважды щёлкните по слою ‘V’ , чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0 .

Шаг 4

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

13. Добавляем Слой с Заливкой Цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799 . Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

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

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

Как только мы создали текст и применили к нему стилизацию, мы дополнительно добавили свечение на задний фон и с помощью инструмента Перо (Pen Tool), создали контур для электрических проводов. Мы выполнили обводку контура и применили стили слоя, чтобы создать 3D вид.

В заключение, мы применили инструмент Прямоугольник (Rectangle Tool), чтобы создать крепления для электрических проводов, а затем, применили к ним стили слоя. И, наконец, мы добавили последний корректирующий слой, чтобы усилить цвета итогового результата.

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

Крутой эффект подойдет тем, кто хорошо владеет фотошопом! Удивить своих подписчиков или просто научиться делать светящуюся надпись довольно просто. Давайте посмотрим, как сделать неоновую надпись в фотошопе?

Подготовка фона

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

Вариант 1

Как подготовить фон для неоновой надписи:

1. Открыть картинку с изображением кирпичной стены (или любой вашей).
2. Справа в фотошопе есть панель со «Слоями». Именно там справа от маленького изображения нашей картинки нужно нажать на замочек и открепить слой, кликнув по нему два раза.
3. В появившимся окне можно задать абсолютно любое название своему слою (а можно и не задавать) и нажать ОК.
4. Далее открыть Изображения-Размер изображения . И выставляем параметры ширины и высоты на 1280*720.
5. Затем открыть Фильтр-Коррекция дисторсии .
6. Справа кликнуть на вкладку «Заказная» и поставить «Удалить искажение» на -1,00. Нажать ОК.
7. В правой менюшке, где показаны все слои, в самом низу навести курсор на маленький кружок. Кликнуть по нему и выбрать пункт «Цветовой тон/Насыщенность» .
8. Выставить параметры Яркости на -60 (минус 60), а Насыщенности на -90.
9. Скрепить слои между собой. На этой же вкладке, где до этого выставлялись параметры, внизу есть квадратик со стрелочкой вниз. Его и надо нажать.

Вариант 2

Как сделать неоновую надпись в фотошопе и фон:

1. Открыть изображение.
2. В пункте Слои нажать на маленький кружок и выбрать вкладку «Уровни».
3. Белый цвет убавить до значения 65-75 (любой диапозон).

Команда Control и «+» на Windows, команда Command и «+» на Mac увеличивают картинку. Подобный эффект можно настроить в настройках, чтобы фото увеличивалось по скроллингу колесика мыши.

Делаем магию

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

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

1. Написать текст и масштабировать надпись до нужного размера.
2. В панели Слои два раза кликнуть по слою и вызвать меню с настройками Стиль слоя.
3. Непрозрачность заливки поставить на 0%.
4. В пункте «Обводка» поставить Размер на 4 пикселя, а Положение выбрать «Из центра», выбрать Цвет обводки по желанию.
5. В пункте «Внешнее свечение» задать Режим наложения – «Нормальный». Выбрать любой цвет из палитры по желанию. Размер поставить на 12 пикселей.
6. В пункте «Внутреннее свечение» задать Режим наложения – «Нормальный». Выбрать любой цвет из палитры по желанию. Размер поставить на 12 пикселей.
7. В пункте «Тень» и «Внутренняя тень» поставить Размер на 7 пикселей, Смещение на 7 пикселей.
8. Создать дубликат слоя с помощью Ctrl + J.
9. На панели слоев выключить все настройки, кроме «Обводки» .
10. Настроить в «Обводке» следующие параметры: Размер на 2 пикселя, Цвет – белый.
11. Неоновая надпись готова! А вы великолепны!

Подсветка

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

Как сделать подсветку неоновой надписи:

1. На панели Слои, где находятся слои ваших надписей, в самом углу есть небольшая стрелочка, которая позволяет свернуть все настройки. Необходимо проделать эту процедуру с 2 слоями текста.
2. Зажать Ctrl и создать новый слой. Он должен находиться под слоями надписей.
3. Зажать Ctrl и нажать на пентаграмму текстового слоя (буква Т). Должен выделиться весь слой текста.
4. В верхнем меню выбрать вкладку Выделение – Уточнить край .
5. В появившемся окошке во вкладке «Вид» выбрать режим «Наложение» .
6. Растушевку поставить на 50, а Сместить край на 70.
7. Нажать Ctrl + Delete и залить надпись белым цветом.
8. В панели Слои выбрать Режим наложения – Перекрытие .
9. Далее кликнуть два раза на этот же слой, в «Наложение цвета» выбрать любой оттенок для надписи, а Режим наложения поставить «Цветность».

Лайфхак для телефонов

Разработчики пока не создали подобное приложение для телефонов. Но есть две программы, где можно сделать неоновую надпись онлайн. Называются приложения Рисуйте картинки и создавайте заметки и Kids Doodle . Единственный минус: в обоих редакторах нужно рисовать от руки.

Будьте самыми стильными! Используйте супер эффекты.

Как создать неоновый эффект в Adobe Illustrator

Что вы узнали: Как работать с панелью «Оформление» для наложения нескольких штрихов и заливок текста для достижения эффекта неонового текста

Работа с панелью Оформление

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

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

Добавить несколько штрихов

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

• Нажмите кнопку «Добавить новую заливку» в нижней части панели «Оформление», чтобы применить вторую заливку. Новая заливка появится поверх предыдущей.
• Чтобы изменить внешний вид существующей обводки, измените цвет, щелкнув цвет обводки, а затем измените толщину обводки.
• Чтобы добавить вторую обводку, нажмите кнопку «Добавить новую обводку» в нижней части панели «Оформление».
• Чтобы изменить внешний вид новой обводки так, чтобы она находилась под исходной обводкой, вы можете изменить порядок.Перетащите новую обводку ниже исходной, чтобы она находилась за новой заливкой и исходной обводкой.

Применение эффекта к одиночной обводке или заливке

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

• Щелкните строку внешнего вида (обводку), чтобы выбрать ее. Этот выбор нацелен на внешний вид, поэтому эффект будет применен только к нему.
• Нажмите кнопку «Добавить новый эффект» в нижней части панели «Оформление» или выберите эффект в меню «Эффект».
• Выберите «Размытие»> «Размытие по Гауссу».
• Измените радиус в диалоговом окне «Размытие по Гауссу» и нажмите «ОК».

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

Нарисуйте реалистичный неоновый текст с помощью Photoshop и Illustrator

Вы обратили внимание на те неоновые надписи, разбросанные по улице? Давайте узнаем, как сделать их с нуля с помощью Photoshop и Illustrator.Мы будем использовать базовые инструменты, такие как Перо и Кисть, комбинируя их со стилем слоя, чтобы получить реалистичный неоновый текст. Давай начнем!

Это руководство по Photoshop написано специально для PSD Vault индонезийским графическим дизайнером Мохаммадом Джепри.

PSD-файл этого руководства доступен в VIP-зоне для членов PSD Vault.

Предварительный просмотр

Вот неоновый текст, который мы сделаем в этом уроке.

PSD Vault VIP-членство

Вы можете скачать PSD-файл для этого руководства через VIP-зону всего за 6 долларов.95 / Месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 100 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

Активы, используемые в этом учебном пособии

Вот некоторые ресурсы, использованные в этом руководстве:

Шаг 1. Рисование персонажей в Illustrator

Начнем с рисования букв в Illustrator. Мы выбрали Illustrator, потому что он очень надежен в рисовании. Откройте Adobe Illustrator и создайте новый файл ( Ctrl + N ).

Шаг 2

Активировать Type Tool . Создайте текст, используя стандартный шрифт, например Helvetica.

Шаг 3

Мы хотим преобразовать текст в форму. Щелкните текст правой кнопкой мыши и выберите Create Outlines . Снова щелкните правой кнопкой мыши и выберите Разгруппировать .

Шаг 4

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

Шаг 5

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

Шаг 6

Создайте новый слой, щелкнув New Layer в нижней части панели Layers.

Шаг 7

Активируйте Pen Tool и нарисуйте линию, обводящую текст.

Шаг 8

Продолжайте добавлять еще одну строку для текста.

Шаг 9

Выделите текстовую строку, которую мы сделали ранее. Увеличьте его ходовой вес на .

Шаг 10

Выделите все линии и затем нажмите «Объект»> «Развернуть», чтобы преобразовать их в форму.Нажмите ОК в следующем диалоговом окне.

Шаг 11

Мы хотим объединить все эти формы в одну. Во-первых, давайте изменим цвет его обводки на черный, а цвет заливки — на «Нет».

Шаг 12

Выделите все формы и щелкните значок «Объединить» на панели «Обработка контуров». Если вы не можете найти панель «Обработка контуров», откройте ее в меню Windows.

Шаг 13

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

Шаг 14: Экспорт текста в Photoshop

Выделите все фигуры и скопируйте их в буфер обмена, нажав Ctrl + C . Откройте Photoshop и создайте новый файл ( Ctrl + N ).

Шаг 15

Возьмите красивую фотографию на стене для фона нашего неонового текста.

Шаг 16

В Photoshop нажмите Ctrl + V , чтобы вставить буквы, которые мы создали ранее в Illustrator. Вставьте их как фигуры слоя.

Шаг 17

Дважды щелкните миниатюру его формы слоя на панели «Слои» и измените его цвет на желтый.Если вы хотите использовать другой текст, сделайте это здесь.

Шаг 18: Добавление эффекта

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

Шаг 19

Нажмите Ctrl + J , чтобы дублировать текст. Перетащите значок fx на значок корзины, чтобы удалить прикрепленные позже стили.

Шаг 20

Дважды щелкните новую дублированную текстовую фигуру, примените Outer Glow и Drop Shadow .

Вот результат. Мы еще не видели неонового эффекта.

Шаг 21

Создайте новый групповой слой и измените его имя на , улучшение . Дублируйте текст и поместите его на этот групповой слой. Дважды щелкните его слой, чтобы открыть диалоговое окно «Стиль слоя». Установите Size в Outer Glow на больший размер. Добавьте также более крупный Drop Shadow .

Шаг 22

Удерживая нажатой клавишу Ctrl, щелкните текстовый слой, чтобы сделать новое выделение на основе его формы.Щелкните Select> Modify> Contract и введите 1 , чтобы уменьшить размер выделения на 1 пиксель.

Шаг 23

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

Шаг 24

Создайте новый слой и залейте выделение белым цветом. Щелкните Правка> Заливка.

Шаг 25

Снова продублируйте текстовый слой и поместите его внутри группового слоя. Дважды щелкните и добавьте еще одно Outer Glow и Drop Shadow со следующими настройками.

Шаг 26

Удерживая нажатой клавишу Ctrl, щелкните текст, чтобы сделать другой выбор в зависимости от его формы. Увеличьте его на 4 пикселя, щелкнув Select> Modify> Expand и установив единицу измерения 4 .

Шаг 27

Создайте новый слой над текстом и залейте выделение любым цветом.

Шаг 28

Примените Inner Shadow и Inner Glow , а затем Outer Glow . Затем установите для слоя Fill значение 0% .

Шаг 29

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

Шаг 30

Создайте новый слой сверху и залейте выделение более темным желтым цветом.

Шаг 31

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

Шаг 32

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

Шаг 33

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

Шаг 34

Установите черный цвет и поместите его под все текстовые слои.

Шаг 35

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

Шаг 36

Нажмите Ctrl + Enter , чтобы преобразовать всю форму в выделение. Создайте новый слой и затем закрасьте черным поверх фигуры.

Шаг 37

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

Шаг 38

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

Шаг 39

Создайте новый слой за текстом. Залейте выделение черным. Смягчите его, применив фильтр Gaussian Blur (Filter> Blur> Gaussian Blur).

Шаг 40: Добавление кабелей

Активируйте Pen Tool и нарисуйте конец кабеля, как показано на рисунке ниже. Установите его цвет на черный и поместите его за текстом.

Шаг 41

Дважды щелкните его слой и затем добавьте Bevel & Emboss с этими настройками.

Шаг 42

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

Шаг 43

Hit Object> Expand.

Шаг 44

Скопируйте путь, который мы создали в Illustrator, а затем вставьте в Photoshop.

Шаг 45

Возможно, вам придется повернуть слой-фигуру, пока он не совпадет со сценой.

Шаг 46

Дважды щелкните и измените цвет кабеля на темно-серый.

Шаг 47

Добавьте Bevel & Emboss, чтобы превратить его в трехмерную форму.

Шаг 48

Удерживая нажатой клавишу Ctrl, щелкните кабель, чтобы сделать новый выбор на основе его формы. Щелкните Выбрать> Изменить> Развернуть.

Шаг 49

Щелкните «Правка»> «Обводка». Примените обводку 2 пикселя и нажмите ОК.

Шаг 50

Удалите часть обводки мягким ластиком. Это добавит блеска на кабель.

Шаг 51

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

Шаг 52

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

Шаг 53

Нарисуйте еще один кабель в первом символе.

Шаг 54

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

Шаг 55: Добавление держателя

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

Шаг 56

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

Шаг 57

Добавьте стили слоя Bevel & Emboss, Inner Glow и Outer Glow в держатель.

Шаг 58

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

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

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

Создайте простой текстовый эффект неонового света в Photoshop — Medialoot

Выразите свои слова на улице

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

Шаг 1. Создайте тип

ПРОПУСТИТЬ ШАГ: Хотите пропустить этот шаг? Ознакомьтесь с нашим шрифтом Neon Light и начните с красивого шрифта, который идеально подходит для неоновой вывески.

Для начала создайте новый документ в Photoshop. Мой документ имеет размер 1400×525, но, очевидно, размер не имеет значения, поэтому создайте документ, соответствующий вашему тексту.Я залил фон темно-серым / синим цветом (# 2b3036). Я набрал свой текст с помощью Myriad Pro, но также подойдут Ariel или Helvetica. Затем я растянул и изменил размер текста, чтобы он поместился в документе.

Добавьте две направляющие вверху и внизу текста и убедитесь, что View | Привязать к | Руководства отмечены в вашем меню.

Нарисуйте все вертикальные линии на новом слое с названием «Вертикаль», используя кисть размером 10 пикселей. Удерживайте нажатой клавишу Shift, чтобы линия оставалась идеально прямой.

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

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

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

Шаг 2 — Добавьте горизонтальный световой эффект

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

Теперь у вас должно быть что-то похожее на то, что показано ниже.

Для дублирования горизонтального слоя используйте следующие стили слоя.

Теперь у вас должно получиться что-то вроде следующего.

Шаг 3 — Добавьте вертикальный световой эффект

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

Теперь ваш файл должен быть похож на мой.

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

Шаг 4. Добавьте больше освещения

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

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

Шаг 5 — Подключите источники света

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

Шаг 6 — Добавить текстуру

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

В качестве последнего штриха я добавил карту градиента с непрозрачностью 40% и режимом наложения «Overlay». Вот цвета, которые я использовал для карты.

А вот и готовый эффект!

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

Хотите быстрее получить результаты?

Оцените шрифт Medialoot Neon Sign и начните свой дизайн с красивой реалистичной основы:

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

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

Шаг 1. Нарисуйте дизайн

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

Шаг 2: Добавьте цвет

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

Больше после прыжка! Продолжайте читать ниже ↓
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Шаг 3: Добавьте внутреннее свечение

Перейдите в раздел Inner Glow и поставьте галочку напротив него. Установив кнопку «Источник» в положение «Центр», постепенно увеличивайте размер, пока не получите белое свечение в середине мазков кисти.Для маленьких кистей, таких как та, что здесь используется, подойдет размер от пяти до 10 пикселей.

Шаг 4: Добавьте внешнее свечение

Перейдите в раздел Outer Glow и поставьте галочку напротив него. Снова нажмите на образец цвета и выберите цвет, похожий на тот, который вы выбрали на шаге 2, возможно, немного ярче, и нажмите OK, чтобы закрыть палитру цветов.

Шаг 5: Установите яркость свечения

Теперь вам нужно установить Spread (толщину свечения) и Size (мягкость свечения).В этом примере я использовал Spread 7% и Size 14px, но это зависит от размера кисти, которую вы использовали, когда впервые нарисовали свой дизайн. Нажмите ОК, чтобы применить стиль к слою.

Шаг 6: Начало покраски

Теперь вы можете рисовать на своем слое, и рисунок, который вы рисуете, будет иметь свечение, которое вы сделали. Если вы увеличите размер кисти, как я сделал со словом «Paint», вы увидите гораздо более яркое внутреннее свечение — и мы скоро это исправим.

Шаг 7: Измените цвета

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

Шаг 8: Измените радиус внутреннего свечения

Я вырезал слово «Paint» на новом слое и изменил его цвет.Поскольку мазок кисти намного толще, Inner Glow необходимо изменить: дважды щелкните запись Inner Glow на панели слоев для нового слоя, чтобы открыть его диалоговое окно. Здесь я изменил значение Inner Glow с 7 пикселей на 14 пикселей в соответствии с более крупной обводкой.

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

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

Уроки по созданию неонового эффекта в Photoshop

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

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

Твитнуть

Учебное видео по Photoshop с эффектом неонового текста

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

Сияющий неоновый текст в Photoshop

Урок Photoshop с неоновым текстом

Создайте эффект неонового текста в Photoshop

Создаем неоновую вывеску в Photoshop

Создать неоновый текст в фотошопе

Текстовый эффект Neon Electric в Photoshop

Как создать эффект анимированной неоновой вывески в Photoshop

Учебное пособие по Photoshop с лампочкой в ​​виде текста в казино

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

Знак стиля текста казино в Photoshop

Неоновая вывеска Действия Photoshop

Marquee Letters Light Sign Действия Photoshop

Экшены Photoshop Marquee Lights и Showtime Sign

Экшен Photoshop со светодиодной подсветкой

Как добавить эффект неонового света к вашим фотографиям в Photoshop

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

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

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

Нажмите CMD (или CTRL в Windows) + T для преобразования, затем щелкните правой кнопкой мыши и выберите «Наклон». Перетащите маркер справа вверх на 10. градусов, чтобы придать тексту эффект подъема. Масштабируйте и размещайте текст, обращая внимание на окружающие элементы, которые могут перекрывать текст, чтобы придать ощущение глубины. Давайте добавим несколько стилей слоя для создания эффекта неонового свечения. Дважды щелкните текст. слой, чтобы открыть параметры стиля слоя

Начните с наложения цвета и выберите цвет вашей неоновой трубки Поскольку этот неоновый свет размещается на фоне листьев джунглей, яркий зеленый цвет — хороший выбор. Добавьте стиль слоя Inner Glow затем. Измените цвет на белый, затем проверьте параметр «Центр», чтобы свечение исходило от середины, а не от края. Увеличьте непрозрачность, чтобы увидеть эффект более четко, затем измените режим наложения на Linear Dodge

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

Увеличьте размер, чтобы убрать жесткие края трубок. Достаточно около 10 пикселей. Уменьшите непрозрачность примерно до 60%, чтобы точно настроить внешний вид. Добавьте Drop Shadow и измените режим наложения. для наложения Установите угол на 90 градусов, чтобы тень располагалась прямо под ним.

Увеличьте размер примерно до 30 пикселей, затем расстояние примерно до 10 пикселей, чтобы тень просто скользила из-под текста, который мы уже сделали. использовали опцию Outer Glow, и это эффект, который вы не можете дублировать. Вместо этого мы можем добавить дополнительную тень и преобразовать ее в эффект стиля свечения. Измените цвет на зеленый, чтобы он соответствовал трубам, затем установите режим наложения на Linear Dodge Reduce Расстояние до нуля, затем увеличьте размер примерно до 50 пикселей, чтобы наложить слой немного большего свечения.

Уменьшите непрозрачность примерно до 75%. Добавьте еще одну тень, на этот раз увеличьте размер примерно до 135 пикселей и установите непрозрачность на 50%. Подобное наложение свечения помогает сохранить яркость около трубок, при этом сохраняя большое окружающее свечение вокруг них. ОК, эти настройки стиля слоя, чтобы увидеть эффект неонового света. Добавьте маску слоя к текстовому слою и настройте инструмент кисти с круглым. наконечник и довольно высокая твердость

Убедитесь, что для параметра Flow установлено значение 100%. Начните рисовать черным цветом по тем областям, которые вы хотите стереть, чтобы создать впечатление, что они скрыты за листом. Перемещайтесь по холсту, удерживая клавишу пробела во время щелчка. g и перетаскивание. Стирание этих частей текста помогает сделать его частью сцены, а не наложением поверх изображения. Если вам когда-нибудь понадобится восстановить неоновый текст, переключите цвет переднего плана на белый и закрасьте маску снова.

Тщательно выберите области, которые вы хотите скрыть, вы не хотите переусердствовать и не сможете прочитать, что на самом деле говорит текст. Теперь давайте продолжим добавлять некоторые эффекты к фону, чтобы связать неоновое свечение со сценой. В меню «Слой» добавьте фотофильтр. Выберите «Охлаждающий фильтр 82» из списка предустановок, затем увеличьте плотность до 60%. В настоящее время этот корректирующий слой влияет на фон и неоновый текст, поэтому щелкните и перетащите слой между двумя слоями в слое. stack

Добавьте новый слой, который будет размещен над фотофильтром, но под текстом. Используйте сочетание клавиш ALT + Backspace, чтобы заполнить его черным цветом. Измените режим наложения на Мягкий свет, затем уменьшите непрозрачность до 20%.виньетка с использованием корректирующего слоя градиента. Используя профиль градиента от черного к прозрачному по умолчанию, измените стиль на радиальный, затем нажмите «Реверс», чтобы он проходил правильно

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

Измените режим наложения этого слоя на Color Dodge, который усилит цвета в светлых участках. Он может выдувать самые яркие части, поэтому уменьшите Заполните настройку на панели «Слои» примерно до 70%, чтобы смягчить его. Добавьте еще один слой, затем измените цвет переднего плана, выделив зеленый оттенок из сцены. Снова возьмите инструмент «Кисть» и установите кончик с нулевым значением h яркость Уменьшите количество потока, чтобы вы могли создать цвет несколькими щелчками мыши

Нанесите зеленые пятна вокруг неонового текста, чтобы добавить больше окружающего свечения к окружающим областям. Измените этот слой на Overlay с 50% непрозрачностью, чтобы он действовал как тонкий Цветовой оттенок Конечный результат — красочный эффект неоновой вывески, который сочетает в себе две визуальные темы, которые вы не ожидаете увидеть вместе. Используя стили слоев Photoshop, мы создали эффект яркого неонового свечения, который затем был связан с окружающей сценой, имитируя окружающее свечение и основные моменты Если вам понравился этот урок или вы узнали какие-либо новые приемы, мы будем очень благодарны за видео, которое поможет порекомендовать его другим.

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

Neon Text • IceflowStudios Обучение дизайну 90 001

Да, существуют десятки руководств по «Неоновому тексту», но вы, ребята, хотели еще одного! Вот мой метод.

Видео

[сырые] [/ сырые]

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

Шрифт, который я использовал: Neon 80s — размер 250 pt
Если вы решите изменить размер шрифта или использовать другой шрифт, вам нужно будет внести изменения в стили слоя!

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

Когда будете готовы, выберите шрифт и напечатайте нужное слово!

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

Наложение градиента

Фаска и тиснение

Фаска и тиснение: Контур

Bevel and Emboss: Texture — Добавляет тексту легкую текстуру типа «стекло».