Как создать неоновый текст за 5 шагов в Adobe Photoshop

Учебник по пошаговому созданию неонового текста в Photoshop

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

Неоновые огни - это классика рекламы восьмидесятых, поэтому я хотел восстановить их для этого поста. Так, Я покажу вам, как создать неоновый текст в Adobe Photoshop за 5 простых шагов.

Выберите подходящий фон

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

Выбор шрифта и размера текста

Чтобы создать свой неоновый текст Рекомендую выбирать толстый шрифттяжелые и немного вытянутые, уже не только потому, что при применении эффектов он подойдет вам лучше, но потому, что толстые шрифты были очень модны в 80-х. размер, это будет во многом зависеть от потребностей вашего дизайна и выбранный вами шрифт. Однако предупреждаю, что этот эффект предназначен не для небольших текстов, а для большие привлекательные тексты. Другое дело, что вы должны учитывать это расстояние между символамиЕсли вы выберете шрифт, в котором это пространство по умолчанию очень мало, вам придется его увеличить. Не волнуйтесь! Теперь посмотрим, как это сделать.

В моем случае, Я выбрал шрифт «Impact» и я дал ему 100 пунктов. Поскольку расстояние между символами было тесным, я поставил значение 10 при слежении. Изменяя это значение, мы изменяем расстояние между каждым символом.

Неоновый учебник выберите отслеживание и размер шрифта

Чтобы выровнять текст, просто Я изменил вариант выравнивания в "текстовом меню", которое обычно появляется в верхней части экрана. Тебе придется выберите «центральный текст». Чтобы разместить его в центре страницы, нажмите Ctrl + T (если вы работаете в Windows) или command + T (если вы работаете на Mac), и вы можете свободно перемещать его.

Неоновое руководство по выравниванию и центрированию текста

Изменить стиль текстового слоя

После того, как вы создали свой текст, вы собираетесь делать уменьшите заливку до 0%. Текст исчезнет, ​​но не паникуйте, вы не сделали ничего плохого, это просто то, что должно произойти.

Neon Tutorial Изменить заливку текстового слоя на 0%

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

Неоновый учебник, как отобразить меню параметров наложения

Neon Tutorial Измените стиль текстового слоя, выбрав штрих

Прежде чем продолжить, создадим группу с текстом и эффектами (эффект следа). Чтобы создать группу, просто выбрать текстовый слой и нажмите command + G. С этого момента мы будем применять эффекты к этой группе.

Неоновый учебник как создать группу

Примените неоновый эффект

А теперь будьте готовы уделить много внимания, ведь начинается самое интересное. Выбрав «групповой текст + эффекты» мы будем снова открыть меню стиля слоя (Помните, что вы также можете открыть его, выбрав символ «fx»). Затем проверьте эффект "внешнего свечения". Еще раз, значения, которые мы дадим этому эффекту, будут зависеть от потребностей дизайна, активируйте опцию «предварительный просмотр », чтобы одновременно увидеть, как настроены. В моем случае я выбрал яркий розовый цвет и выбрал один. 85% непрозрачность. Вам также нужно будет выбрать технику, я рекомендую вам выбрать вариант «более гладкий» и настроить значения «удлинить» и «размер». Я оставляю тебя ниже Скриншот со значениями которые послужили мне для моего дизайна.

Neon Tutorial Примените к тексту эффект внешнего свечения

Получите больше реализма

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

Выберите и настройте инструмент кисти

Первое, что вам нужно сделать, это создать новый слой. потом выберите инструмент кисти и выберите "диффузный круговой" наконечник. Вам нужно будет настроить характеристики вашей кисти. Начнем с изменения размера, в идеале толщина кончика немного больше, чем занимает ваше текстовое поле (Мне нужно было установить значение 2390 пикселей). Вам также придется немного изменить форму кисти, для этого переместите белые точки, присутствующие на графике в меню кисти, немного сгладьте круг, чтобы он лучше адаптировался к форме вашего текста. Уменьшим непрозрачность, это немного зависит от личного вкуса каждого из них, мне нравится, что эффекты мягкие, поэтому я уменьшил 21% непрозрачность. Наконец, выберите цвет кисти, заливка должна быть того же цвета, что и внешнее свечение (в данном случае розовый). Чтобы сделать цвет одинаковым, у вас есть два варианта: вы можете скопировать данный цветовой код или добавить этот цвет в качестве образца в свою библиотеку.

Neon Tutorial Настройка кисти для создания светового эффекта

Неоновый учебник, как скопировать цветовой код

Получите эффект мягкого света

Когда у вас есть набор кистей, просто вам нужно будет щелкнуть в центре вашего текста нарисовать точку. Эта точка уже будет имитировать свет, но для достижения более точного результата Я рекомендую вам разместить слой под группой «текст + эффекты». Я надеюсь, что этот урок о том, как создать неоновый текст за 5 шагов с помощью Adobe Photoshop, сослужил вам хорошую службу. Вы готовы создать свой собственный дизайн!

Neon Tutorial мы рисуем точку на нашем новом слое с помощью специальной кисти.

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


Оставьте свой комментарий

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

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.