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


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

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

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

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

Вариант 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. Единственный минус: в обоих редакторах нужно рисовать от руки.

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

  1. Надпись в круге на фото.
  2. Блёстки и мерцание на фото.
  3. Сердечки над головой.
  4. Эффект падающего снега.
  5. Как изменить шрифт в инстаграме в информации о себе.
  6. Акварельные мазки на фото.
  7. Розовый профиль в инстаграме.
  8. Отбелить фон на фото.
  9. Размытые рамки по бокам на фото.
  10. Эффект старой пленки с датой.
  11. Топ-20 лучших фильтров VSCO.
  12. Изменить цвет предмета.
  13. Блёстки на веках.
  14. Двойная экспозиция.
  15. Живое фото.
  16. Наложить красивый текст на фото.
  17. Flat Lay фото: правильная раскладка предметов на снимке.

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

Спасибо за ваше потраченное время⚜

kikimoraki.ru

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

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

Скачать архив с материалами к уроку

Примечание: поскольку автор при создании урока использовал Illustrator, переводчик полностью адаптировал выполнение урока под 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 (Добавить слой-маску) внизу панели слоев. Затем черной кистью проводим по маске, чтобы скрыть часть темно-желтой заливки.

Шаг 15

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

Шаг 16

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

Шаг 17

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

Шаг 18

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

Шаг 19

Жмем Ctrl+Enter, чтобы выделить все прямоугольники. Создаем новый слой и закрашиваем выделения черным цветом.

Шаг 20

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

Шаг 21

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

Шаг 22

Создаем новый слой под текстом. Заливаем выделение черным. С помощью фильтра сглаживаем тень Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу).

3. Рисуем кабель

Шаг 1

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

Шаг 2

Дважды кликаем по этому слою и добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками.

Шаг 3

Снова берем Pen Tool (P) (Перо) и рисуем длинный кабель.

Примечание: Настройки для пера используем как в Часть 1 Шаге 3 данного урока.

Шаг 4

При необходимости, измените угол наклона кабеля (Ctrl+T).

Шаг 5

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

Шаг 6

Добавляем стиль слоя Bevel and Emboss (Тиснение), чтобы придать шнуру объемность.

Шаг 7

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

Шаг 8

Переходим Edit – Stroke (Редактирование – Обводка). Применяем обводку шириной 2 пикселя.

Шаг 9

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

Шаг 10

Добавляем еще одну обводку для кабеля. В этот раз используем более светлый оттенок, затем размываем его с помощью фильтра Gaussian Blur (Размытие по Гауссу).

Шаг 11

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

Шаг 12

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

Шаг 13

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

4. Рисуем держатели

Шаг 1

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

Шаг 2

Дублируем прямоугольники и распределяем по всем буквам.

Шаг 3

Применяем к держателям стили слоя Bevel and Emboss (Тиснение), Inner Glow (Внутреннее свечение) и Outer Glow (Внешнее свечение).

Шаг 4

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

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

Автор: Mohammad Jeprie

photoshop-master.ru

Уроки по фотошоп - Неоновая надпись

Уроки по фотошоп - Неоновая надпись

Делаем неоновую надпись

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

Запускаем программу. Создаем новый документ File / New… Заливаем его черным цветом, выбрав инструмент Paint Bucket или делаем плавный переход от черного к серому при помощи инструмента Gradient.

Заливаем фон

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

Делаем надпись

    Теперь поработаем с о стилями слоя. Кликаем дважды по слою с текстом в панели Layers. В окне стилей слоя выполняем настройки, как на фото.Цвет надписи.Цвета можно выбрать любые. Для наглядности я приведу пример конкретного цвета - я взяла за основу красный. Кликаем на прямоугольник выбора цвета, и в палитре цветов прописываем цвет #fbcdcd

Цвет букв

   Контур. Цвет контура #fd0202

Контур букв

   Свечение. Цвет #f90c49

Свечение букв

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

Создаем новый слой

Далее создаем новый слой Layer / New / Layer… . Данный слой должен быть активен (выделен синим в панели Layers)Берем инструмент Brush (белую, круглую, мягкую кисть).

Берем мягкую круглую кисть

Проводим в нескольких местах по надписи - ставим кистью несколько бликов на новом слое.

Добавляем блики

Снова вызываем окно стилей слоя, настраиваем.

Стиль слоя

Теперь отключаем глазок фонового слоя и выполняем команды Ctrl+Shift+E – склеиваем слои. Снова включаем глазок. Готово.Неоновая надпись располагается на отдельном слое, так что ее можно свободно перемещать и трансформировать.Примечание: если Вы в дальнейшем планируете ее изменять, то слои лучше не склеивать, а всю неоновую надпись сохранить в формате PSD.И теперь короткий ролик к уроку по фотошоп - Неоновая надпись.

TEXT.RU - 100.00%

  Copyright © Внимание! Сайт idei-photoshop.com защищен законом об авторском праве. Копирование материала может быть использовано только с разрешения администратора сайта и указанием активной ссылки на сайт.Все права защищены.  

idei-photoshop.com

Как сделать неоновый текст в photoshop. Неоновая надпись в Фотошопе Спорт видео

Неоновый текст в Фотошопе | Уроки Фотошопа #8

...

1 г. назад

БЕСПЛАТНЫЙ ВИДЕОКУРС ПО ФОТОШОПУ. ТЕОРИЯ+ПРАКТИКА - https://vk.com/app5728966_-58262822#96833 +10000 К КАРМЕ за подписон в ...

🔴 Простой Эффект в Фотошопе с Текстом - Neon

...

2 г. назад

Уроки фотошопа - Урок #19: Эффект в фотошопе Neon (cc) - Добавление эффекта в photoshop в CS6; Всем привет, сегодня я вам...

Как сделать неоновый текст в Photoshop. Neon Text Effect Photoshop

...

4 мес. назад

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

Как сделать неоновый текст в Photoshop. Неоновая надпись в Фотошопе

...

1 г. назад

Как сделать неоновый текст в Photoshop. Неоновая надпись в Фотошопе Иногда нужно сделать текст в виде неоновой...

Неоновый текст в Phototoshop 3D

...

5 г. назад

Более подробно на: http://www.basmanov.photoshopsecrets.ru/neonovyjj-tekst-v-phototoshop-3d/ Подписаться в группе в контакте: ...

КАК СДЕЛАТЬ НЕОНОВЫЙ ТЕКСТ В ФОТОШОПЕ! // НЕОНОВЫЙ ТЕКСТ В ADOBE PHOTOSHOP?! | Туториал

...

1 г. назад

Как сделать КАК СДЕЛАТЬ НЕОНОВЫЙ ТЕКСТ В ФОТОШОПЕ! // НЕОНОВЫЙ ТЕКСТ В ADOBE PHOTOSHOP?! Урок туториал и оформление...

КАК СДЕЛАТЬ НЕОНОВЫЙ ТЕКСТ В PHOTOSHOP ЗА 3 МИНУТЫ.

...

7 мес. назад

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

| КАК СДЕЛАТЬ НЕОНОВЫЙ ТЕКСТ В PHOTOSHOP | TUTORIALS | ТУТОР | NEON TEXT |

...

10 мес. назад

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

Урок! Обработка в стиле неон / neon в Photoshop!

...

4 мес. назад

Название : " Урок! Обработка в стиле неон / neon в Photoshop! " Как я научился фотошопу? Видео на данную тему : https://www.yo...

Неоновый текст в фотошопе

...

5 г. назад

http://prosnys.ru/neon-text/ Как создать реалистичный неоновый текст с подсветкой на стене. Используем всего две пары...

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

...

2 г. назад

Шрифт Hero:http://ru.ffonts.net/Hero.font.download Подписывайся на мой канал и научись другим текстам и фотошопам! ◓http://www.youtube.co...

Как сделать неоновый текст в Adobe Photoshop cs

...

2 г. назад

Music: Lensko - Circles [NCS Release] $ Хотите зарабатывать деньги с своих видео на ютубе?Тогда вам сюда: https://goo.gl/KGHJm5 ______...

Уроки Photoshop. Как сделать свечение

...

1 г. назад

Уроки по Adobe Photoshop. Как сделать свечение у объекта. Картинка из видео: https://cloud.mail.ru/public/DLwg/iQSXcsnzE.

[ Photoshop CS6 ] | Анимация текста в фотошопе.

...

3 г. назад

Приложив фантазию у вас получится отличный результат. Приятного просмотра:) Группа "ВКонтакте" | https://vk.com/sidd...

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

...

4 г. назад

В данном уроке показано как создать неоновый текст в Photoshop cs6. Файлы проекта: на сайте Источник: http://vk.com/3d_graph...

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

...

5 г. назад

В этом видео показывается как сделать неоновый текст Adobe Photoshop cs5. Подписывайтесь на канал и ставьте пальцы...

Неоновое свечение в фотошопе

...

2 г. назад

Наш магазин: http://allcourses.lpmotortest.ru/ Группа в контакте: https://vk.com/club29368376 Инстаграм: https://www.instagram.com/_kyzmichev/ Если понр...

Туториал:как сделать Неоновый текст в Adobe Photoshop

...

4 г. назад

музыка:Atomic Tom -- I'm Coming After You Оцените видео,подпишитесь на канал и поставьте лайк!

КАК СДЕЛАТЬ ЭФФЕКТ НЕОНА В PHOTOSHOP❓

...

1 г. назад

Лайкайте,это действительно приятно ^__^ Извините за долгое отсутствие, просто сейчас всего отдаю себя учёбе....

Светящийся текст в Photoshop [Glowing Text]

...

2 г. назад

Еще больше уроков в моем блоге: http://psd-lessons.blogspot.ru/ Скачать набор кистей и шрифт: http://www.mediafire.com/download/r9k043hqrvn0bq2/Brus ...

sports-video.ru

Создаем в Фотошоп яркий текст в неоновом цвете

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

Скачать архив с материалами к уроку

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

1. Создаем узор

Шаг 1

Открываем Photoshop (я использую Photoshop CS6), переходим File – New (Файл – Новый) и создаем новый документ размером 6 х 6 пикселей (Background Content (Содержимое фона) устанавливаем на Transparent (Прозрачный)).

Шаг 2

Берем Pencil Tool (B) (Карандаш), устанавливаем диаметр на 1 пиксель и рисуем три диагональные линии.

Шаг 3

Жмем Ctrl+A, чтобы выделить весь документ, и переходим Edit – Define Pattern (Редактирование – Определить узор). В поле с названием вводим «Диагональный узор» и жмем ОК.

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

2. Создаем фон

Шаг 1

Создаем новый документ размером 4000 х 1420 пикселей с разрешением 300 точек/дюйм. Background Content (Содержимое фона) устанавливаем на Transparent (Прозрачный).

Шаг 2

Переходим Layer – New Fill Layer – Gradient (Слой – Новый слой-заливка – Градиент) и в поле с названием пишем «Фон».

Шаг 3

В результате программа откроет диалоговое окно. Кликаем по градиентной полосе, чтобы создать новый градиент, используя цвета #535353 (слева) и #373737 (справа). Закончив, жмем ОК.

Шаг 4

Выбираем слой Background (Фон) и переходим Layer – Group Layers (Слой – Сгруппировать слои) (или жмем комбинацию клавиш Ctrl+G). Называем группу «Фон».

3. Создаем текстовый смарт-объект

Благодаря смарт-объекту, вы сможете быстро и легко настроить текст.

Шаг 1

Берем Type Tool (T) (Текст) и выбираем шрифт Intro. Размер устанавливаем на 230 pt, затем заглавными буквами пишем слово ACID. Цвет текста не важен.

Шаг 2

Выбираем текстовый слой и жмем сочетание клавиш Ctrl+A. Затем берем Move Tool (V) (Перемещение) и на верхней панели нажимаем на кнопки Align vertical center (Выравнивание центров по вертикали) и Align horizontal center (Выравнивание центров по горизонтали). Благодаря этому, мы выровняем текст по центру документа.

Шаг 3

Проверяем, чтобы текстовый слой был выделен. Дважды кликаем левой кнопкой мышки по его названию и пишем «Текстовый слой». Закончив, нажимаем Enter.

Шаг 4

Переходим Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект) (или кликаем правой кнопкой по слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект)).

Шаг 5

Выбираем смарт-объект и дублируем (Ctrl+J) его несколько раз. В результате у нас получится пять копий текста ACID. Переименовываем каждый слой сверху-вниз, используя шаблон «Текст_[цифра]». Удерживая клавишу Ctrl, выделяем все смарт-объекты и группируем их (Ctrl+G). Называем группу «Текст».

4. Стилизуем слой «Текст_1»

Начнем с самого верхнего слоя.

Шаг 1

Для начала уменьшаем Fill Opacity (Непрозрачность заливки) до 0%.

Шаг 2

Дважды кликаем по слою «Текст_1», чтобы применить стиль слоя Pattern Overlay (Наложение узора) со следующими настройками:

  • Blend Mode (Режим смешивания): Overlay (Перекрытие)
  • Opacity (Непрозрачность): 100%
  • Кликаем на кнопку Pattern (Узор) и выбираем узор, который мы создали в начале урока
  • Scale (Масштаб): 100%

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

5. Стилизуем слой «Текст_2»

Кликаем правой кнопкой по текстовому слою и выбираем Blending Options (Параметры наложения), чтобы применить стили слоя.

Шаг 1

Устанавливаем Fill Opacity (Непрозрачность заливки) на 0%.

Шаг 2

Добавляем стиль слоя Stroke (Обводка) со следующими параметрами:

  • Size (Размер): 20 px
  • Position (Положение): Outside (Снаружи)
  • Blend Mode (Режим наложения): Normal (Нормальный)
  • Opacity (Непрозрачность): 100%
  • Fill Type (Тип обводки): Gradient (Градиент)
  • Gradient (Градиент): #001100 (слева) и #00450b (справа)
  • Style (Стиль): Linear (Линейный)
  • Angle (Угол): 90°
  • Scale (Масштаб): 100%
  • Снимаем галочки напротив Reverse (Инверсия) и Dither (Дизеринг)

Шаг 3

Применяем стиль слоя Inner Glow (Внутреннее свечение):

  • Blend Mode (Режим смешивания): Normal (Нормальный)
  • Opacity (Непрозрачность): 100%
  • Noise (Шум): 0%
  • Color (Цвет): #ffa81f
  • Technique (Метод): Softer (Мягкий)
  • Source (Источник): Edge (На краях)
  • Choke (Стягивание): 100%
  • Size (Размер): 10 px
  • Снимаем галочку напротив Anti-aliased (Сглаживание)
  • Range (Диапазон): 100 %
  • Jitter (Колебание): 0%

Шаг 4

Добавляем Gradient Overlay (Наложение градиента):

  • Blend Mode (Режим смешивания): Normal (Нормальный)
  • Снимаем галочки напротив Reverse (Инверсия) и Dither (Дизеринг)
  • Opacity (Непрозрачность): 100%
  • Кликаем по кнопке Gradient (Градиент) и настраиваем цвета: #aede00 на 0%, #759b00 на 50%, #cdfc00 на 51% и #cdfc00 на 100%
  • Style (Стиль): Linear (Линейный)
  • Angle (Угол): 90°
  • Scale (Масштаб): 100 px

Получаем вот такой результат:

6. Стилизуем слой «Текст_3»

Дважды кликаем по слою «Текст_3» и применяем стиль Stroke (Обводка) со следующими параметрами:

  • Size (Размер): 30 px
  • Position (Положение): Outside (Снаружи)
  • Blend Mode (Режим наложения): Normal (Нормальный)
  • Opacity (Непрозрачность): 100%
  • Fill Type (Тип обводки): Color (Цвет)
  • Color (Цвет): #00450b

Результат должен выглядеть вот так:

7. Стилизуем слой «Текст_4»

Кликаем правой кнопкой по текстовому слою и выбираем Blending Options (Параметры наложения), чтобы применить стили слоя.

Шаг 1

Добавляем стиль слоя Stroke (Обводка):

  • Size (Размер): 50 px
  • Position (Положение): Outside (Снаружи)
  • Blend Mode (Режим смешивания): Normal (Нормальный)
  • Opacity (Непрозрачность): 100%
  • Fill Type (Тип обводки): Gradient (Градиент)
  • Gradient (Градиент): #ad036d (слева) и #e4024d (справа)
  • Style (Стиль): Linear (Линейный)
  • Angle (Угол): 90°
  • Scale (Масштаб): 100%
  • Снимаем галочки напротив Reverse (Инверсия) и Dither (Дизеринг)

Шаг 2

Теперь добавляем стиль слоя Drop Shadow (Тень):

  • Blending Mode (Режим смешивания): Normal (Нормальный)
  • Выбираем цвет #000000
  • Opacity (Непрозрачность): 13%
  • Снимаем галочку напротив Use Global Light (Глобальное освещение), затем устанавливаем Angle (Угол) на 135°
  • Distance (Смещение): 20 px
  • Spread (Размах): 100%
  • Size (Размер): 60

Результат:

8. Стилизуем слой «Текст_5»

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

Шаг 1

Добавляем стиль Stroke (Обводка) со следующими параметрами:

  • Size (Размер): 70 px
  • Position (Положение): Outside (Снаружи)
  • Blend Mode (Режим смешивания): Normal (Нормальный)
  • Opacity (Непрозрачность): 100%
  • Fill Type (Тип обводки): Gradient (Градиент)
  • Gradient (Градиент): #75064b (слева) и #991641 (справа)
  • Style (Стиль): Linear (Линейный)
  • Angle (Угол): 90°
  • Scale (Масштаб): 100%
  • Снимаем галочки напротив Reverse (Инверсия) и Dither (Дизеринг)

Шаг 2

Добавляем стиль слоя Drop Shadow (Тень):

  • Blending Mode (Режим смешивания): Normal (Нормальный)
  • Выбираем цвет #000000
  • Opacity (Непрозрачность): 40%
  • Снимаем галочку напротив Use Global Light (Глобальное освещение), затем устанавливаем Angle (Угол) на 135°
  • Distance (Смещение): 60 px
  • Spread (Размах): 100%
  • Size (Размер): 45

Поздравляю, мы закончили!

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

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

Кстати, если вы хотите изменить надпись, дважды кликаем по смарт-объекту с текстом. В результате Photoshop откроет PSB-файл. Меняем текст, сохраняем его File – Save (Файл – Сохранить), затем закрываем File – Close (Файл – Закрыть). После этого на рабочем документе текст обновится автоматически.

Вы можете купить этот текстовый эффект вместе с моим набором текстовых стилей на сайте GraphicRiver .

Автор: Pavlo Manachyn

photoshop-master.ru


Смотрите также