Простой и красивый неоновый эффект в Adobe Photoshop

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

 

Результат

Начнем с фотографии. Лучше всего для создания эффекта подойдут пейзажи. Также неплохо подойдут изображения дорог, улиц, и т. д. В нашем случае это фото Scenic Route Yosemite.

Есть несколько способов создать эффект. Вы можете использовать смарт-объекты Neon Type (для этого нужно зарегистрироваться на сайте и подписаться) или использовать шрифт, который вам нравится, ну или просто нарисовать буквы собственноручно.

Если вы выбрали создавать неоновые буквы собственноручно, вот урок, который вам в этом поможет. Если вы используете смарт-объекты Neon Type:

Выберите группу Neon On Group. Кликните правой кнопкой по слою и выберите Rasterize/Растрировать а затем примените Layer Mask/Маску слоя. Используйте инструмент Rectangular Marquee/Прямоугольная область (M) чтобы выделять буквы, Copy/Копируйте их  и Paste/Вставляйте в документ с фотографией.

Из букв составьте текст, затем Merge/Объедините все слои с буквами в один и настройте размер в режиме Free Transform/Свободное трансформирование (Control-T).

В меню выберите Image > Adjustments > Hue and Saturation/Изображение>Коррекция>Цветовой тон и насыщенность

. Смените цвет на тот, что лучше подходит для вашей фотографии. В нашем случае настройки таковы:

• Hue/Цветовой тон: 26
• Saturation/Насыщенность: 87
  
• Lightness/Яркость: 64

Чтобы нарисовать свечение, создайте новый слой и укажите ему режим наложения Vivid Light/Яркий свет. Используйте оранжевый цвет  #ffa369 чтобы нарисовать свечение вокруг текста растушеванной кистью (0% Hardness/Жесткости и 20-60% Opacity/Непрозрачности).

Затемните иллюстрацию при помощи корректирующего слоя Color Lookup/Поиск цвета. В нашем случае это настройки 

LateSunset.3DL. При необходимости подкорректируйте непрозрачность слоя.

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

Результат

Автор урока Melody Nieves

Перевод — Дежурка

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

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

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

Всем привет!

Сегодня в уроке «

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

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

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

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

 

 

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  

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

 

 

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

 

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

 

 

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

Форма для подписки находится ниже.

 

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

Facebook

Twitter

Вконтакте

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

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

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

Привет народ! Продолжаем изучать наш любимый Фотошопчик. Я уже показывал несколько вариантов надписей, сделанных в разных стилях. В этом уроке мы создадим неоновый эффект для текста, используя 3D слои. Будет круто, так что погнали!

Шаг 1

Используя сочетание клавиш Ctrl + N, создайте новый документ с размерами 1400 на 700 пикселей, режим RGB, фон белый.

Шаг 2

Подготовьте фон для рабочей среды. Для этого создайте профиль в виде перевёрнутой буквы L. Используя комбинацию клавиш Ctrl + Shift + N, создайте новый слой и переименуйте его в Wall and Floor. Выберите инструмент Rectangular Marquee tool (M) (Прямоугольная область). Создайте прямоугольное выделение по периметру документа. Залейте выделение чёрным цветом.

Шаг 3

При помощи стрелок на клавиатуре переместите выделение на 3 рх вверх и влево и нажмите delete. Снимите выделение (Ctrl + D). Вот что должно получиться.

Шаг 4

Преобразуем наш L – образный профиль в 3D – экструзию. Для этого перейдите в меню 3D > New 3D Extrusion from Selected Layer (3D – Новая 3D экструзия из выделенного слоя).

Шаг 5

Начальной 3D – экструзии нужно добавить больше глубины. Перейдите в меню Window >Properties (Окно – Свойства). На панели Свойств выберите вкладку Mesh (Сетка). Установите Extrusion Depth (Глубина Экструзии) 30 см.

Шаг 6

Теперь добавим текст для ещё одного 3D – слоя. Выберите инструмент Type Tool (T) (Текст) и, кликнув на документе, создайте текстовый слой. В настройках для текста выставите цвет и размер. В нашем случае мы будем использовать шрифт Chalet Tokyo, размер 200 рх, цвет чёрный. Напишите буквы ОК и нажмите Ctrl + Enter, чтобы сохранить изменения на текстовом слое.

Шаг 7

Перейдите в меню 3D > New 3D Extrusion from Selected Layer (3D – Новая экструзия из выделенного слоя). На панели Свойств для Extrusion Depth (Глубина Экструзии) введите значение 1,5 см.

Перейдите во вкладку Сар (Капитель). В выпадающем списке Sides (Стороны) выберите Front and Back (Спереди и Сзади), Bevel Width (Ширина Фаски) 10%, Angle (Угол) – 60 градусов. Во вкладке Inflate (Раздувание) Angle (Угол) 25 градусов, Strength (Интенсивность) 12%.

Шаг 8

Для того, чтобы на плоскости наш текст отбрасывал тень, нам необходимо объединить 3D – слои в одну сцену. На панели слоёв выделите оба слоя и перейдите в меню 3D > Merge 3D Layers (3D – Слияние 3D – слоев).

Шаг 9

Выберите инструмент Move Тool (V) (Перемещение) и щёлкните по сетке текста в окне документа. При помощи 3D – осей передвиньте текст ближе к стене и опустите на платформу оси Х так, как на изображении ниже.

Шаг 10

Далее нам нужно переместить камеры. Для этого инструментом Move Тool (М)(Перемещение) щёлкните в любом месте документа за пределами сетки с текстом. Вокруг документа появится жёлтая рамка, это значит, что элементы управления положением камер теперь активны.

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

Шаг 11

Далее займёмся освещением сцены. На 3D –панели выберите Environment (Среда). На панели Свойств снимите галку с опции IBL (ИСБИ), чтобы отключить источник света, исходящего от сцены. Затем на 3D – панели выберите Infinite Light (Бесконечный свет). В окне документа отрегулируйте угол освещения так, чтобы свет падал сверху.

На панели Свойств установите следующие значения: цвет – R – 0, G – 128, B – 200, Intensity (Интенсивность) 30%, Softness (Сглаживание) 100%.

Шаг 12

Со сценой закончили. Теперь займёмся корректировкой материала, чтобы создать светящийся эффект. На 3D – панели во вкладке Wall and Floor выберите Extrusion Material (Материал экструзии). На панели Свойств измените настройки: цвет Diffuse (Рассеивание) R – 255, G – 255, B – 255, Shine (Блеск) 20%, Roughness (Плавность) 100%.

Шаг 13

На 3D – панели выберите Back Inflation Material (Материал задней выпуклости). На панели Свойств рядом с функцией Illumination (Свечение) щёлкните по цветовому квадратику. Откроется Окно выбора цвета, в котором вы можете изменить цвет и интенсивность подсветки. Введите значения цвета подсветки R – 0, G – 128, B – 200, Intensity (Интенсивность) 3,5 контрольных точек.

Шаг 14

В рабочем документе ничего не произошло. Увидеть результат вы сможете только после рендеринга, перейдя в меню 3D > Render (3D – Рендеринг).

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

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

Шаг 15

Теперь добавим подсветку на переднюю часть текста, регулируя другие материалы. На 3D – панели выберите Front Bevel Material (Материал переднего скоса). На панели Свойств возле Illumination (Свечение) кликните по иконке выбора цвета и введите следующие значения: цвет R – 0, G – 105, B – 190, Intensity (Интенсивность) 1,2 контрольные точки.

Шаг 16

На 3D – панели выберите Front Inflation Material ( Материал передней выпуклости) и на панели Свойств введите следующие значения: Specular (Цвет блика) R – 255, G – 255, B – 255, Shine (Блеск) 0%, Reflection (Отражение) 10%, Roughness ( Плавность) 100%.

Чтобы увидеть предварительный результат, примените рендеринг, как вы делали ранее.

Шаг 17

И наконец, на 3D – панели выберите Extrusion Material (Материал экструзии), перейдите на панель Свойств и внесите изменения: Specular (Цвет блика) R – 0, G – 150, B – 200, Shine (Блеск) 10%, Reflection (Отражение) 10%, Roughness (Плавность) 100%.

Шаг 18

После того, как вы применили все настройки, пришло время для окончательного рендеринга. Сохраните файл и перейдите в меню 3D > Render (3D – Рендеринг). Освещение сцены, отражение, использование повышенных значений плавности – потребуют большего времени окончательного рендеринга для достижения хорошего качества изображения. В данном уроке на рендеринг ушло 58 минут.

Финальный результат

На этом у меня все. Покеда!

Подписывайтесь на канал @phtgr, чтоб не пропускать новые интересные уроки.

Создаем неоновый текст в фотошоп. Неоновая вывеска в виде надписи своими руками

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

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

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

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

Изготовление неоновых вывесок

Работа с неоновыми трубками — достаточно сложный и кропотливый процесс. Изготовление неоновой вывески начинается с разработки эскиза в векторном графическом редакторе. После утверждения заказчиком чертеж будущей рекламной вывески поступает в производство.

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

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

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

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

В идео:

Заметили ошибку? Выделите ее и нажмите Ctrl+Enter , чтобы сообщить нам.

Неоновые цвета — большой тренд не только в интерьерах, но и в дизайне в целом. Так почему бы не попробовать привнести в свой дом немного современных тенденций и не заполнить его мягким свечением неоновых лент? Предлагаем DIY инструкцию и ответ на вопрос: как сделать неоновую вывеску своими руками?

Определитесь с текстом или рисунком

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

Сделайте эскиз

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

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

Купите LED ленту

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

Приступайте к изготовлению

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

Срезы затем закрываются заглушками, а сама конструкция переносится на стену, начиная с левого верхнего края. Крепления-скрепки прикручиваются к стене с помощью шуруповерта. Закрепив первый символ, остальную часть лучше временно зафиксировать малярным скотчем.

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

Вы замечали неоновые вывески, разбросанные по улицам города? В этом уроке вы узнаете, как с нуля создать неоновый эффект, используя базовые инструменты 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

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

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

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

1. Качество конструкции должно быть высоким.
2. Дизайн должен выделяться из серой массы.
3. Подсветка делается из ярких, красочных светодиодов.

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

1. Односторонние.
2. Двусторонние.

1. Внутренняя реклама.
2. Наружная реклама.

Порядок работ

Передняя часть короба

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

Самый часто используемый материал – молочный акрил. Его главное свойство – это рассеивание света, тем самым визуально он делает подсветку ровной.

Вывеска с подсветкой, сделанная своими руками

Альтернатива акрилу – полистирол. Его используют из-за дешевизны, но он более хрупок и подвержен воздействию окружающей среды.

Нанесение изображения на короб

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

Боковая поверхность короба

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

Задняя часть короба

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

Подсветка короба

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

Для освещения фигурных вывесок используют .

Изготовление короба

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

1. На компьютере нужно сделать макет будущего изделия 1:1. Есть специальная программа – Corel Draw.
2. После вырезаем полученное изображение при помощи плоттера.
3. Теперь нужно нанести монтажную пленку от центра к краям и обрезать лишнее.
4. Затем нужно вырезать алюминиевый профиль и не забыть учесть длину ламп.
5. Монтируем третью часть короба (только профиль и уголки).
6. Теперь нужно изготовить заднюю крышку и вставить ее в короб.
7. Пришло время приготовить нужный инструмент для монтажа.
8. Изготавливаем держатели для ламп. Крепятся они на заднике короба с помощью саморезов.
9. Далее монтируем лампы к держателям и подключаем проводку. После чего ее нужно изолировать.

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

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

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

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

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), чтобы создать крепления для электрических проводов, а затем, применили к ним стили слоя. И, наконец, мы добавили последний корректирующий слой, чтобы усилить цвета итогового результата.

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

Создать светящийся неоновый текстовый эффект

Статьи по дизайну

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

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

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

Содержание статьи

01. Начать создание шрифта

Используйте инструмент PenShop для рисования вашей первой буквы

Создайте новый документ 550x550px в Photoshop и поднимите сетку, нажав cmd / ctrl + ‘. Создайте новый слой и с помощью инструмента «Перо» нарисуйте свою первую букву. Оставьте пробелы в характер, так как это будет шрифт неонового стиля. Как только вы счастливы, нажмите «Обводка» внутри вкладку «Пути», чтобы нарисовать букву.

02. Работа через алфавит

03. Перемещение в FontCreator [1 9459005]

Там есть бесплатная пробная версия FontCreator, если вам это нужно

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

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

04. Kern ваш текст

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

Как только он будет завершен, экспортируйте шрифт и установите его на свой компьютер. Это автоматически добавит его в Photoshop CC.

05. Настроить документ Photoshop

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

Type в некотором тексте и растеризовать его

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

Доброго всем времени! Сегодня мы займемся созданием текста в графическом редакторе фотошоп.

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

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

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

Теперь получившуюся область выделения необходимо несколько уменьшить. Выбираем в меню «выделение«-«модификация«-«сжать«.

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

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

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

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

Он будет несколько уже оригинала.

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

Мы должны увидеть вот  такой текст:

На следующем шаге создаем новый слой, заливаем его белым цветом, а затем уменьшаем заливку до 0%.

После этого применяем к слою градиентную заливку со следующими параметрами:

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

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

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

Неоновый текст | Уроки Фотошопа (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 (Осветлитель) и пройдитесь по слою со стеной в тех местах, где она должна быть светлее. А вот и финальный результат урока по созданию неонового текста:

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

Эффект сияющего неонового текста в Photoshop

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

Шаг 1

Создайте новый документ, используйте нужный размер, это не имеет значения.Затем залейте фон темно-серым цветом , # 111111.

Шаг 2

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

Шаг 3

Теперь с видимым слоем, давайте применим Layer Style . Перейдите в Layer> Layer Style> Gradient Overlay. Затем используйте Normal для Blend Mode и 60% Opacity .Для цвета используйте градиент с красным, желтым, зеленым и синим.

Шаг 4

Теперь давайте добавим немного размытия, перейдите в Filter> Blur> Gaussiam Blur. Используйте 4,0 пикселя для радиуса.

Шаг 5

Сделайте дублированный слой видимым и перейдите в Filter> Blur> Gaussian Blur . Используйте это время 1 пиксель для радиуса .

Шаг 6

Перейдите в Layer> Layer Style> Blending Options .Измените непрозрачность заливки на 0% на Advanced Blending . Затем перейдите к Outer Glow . Используйте Color Dodge для Blend Mode, 50% Opacity, White для Color и 18 пикселей для Size . После этого, если ваш логотип не белый, вы можете перейти к Color Overlay и использовать белый цвет.

Шаг 7

Теперь сгруппируйте этот единственный слой и переименуйте группу в «Over» , затем измените режим наложения на Color Dodge .После этого вы можете снова сгруппировать все и переименовать в «Logo».

Заключение

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

Загрузите файл Photoshop

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

Создайте простой текстовый эффект неонового света в 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 и начните свой дизайн с красивой реалистичной основы:

Easy Neon Text Effect в Photoshop Tutorial -DesignBump

Создайте свой собственный Neon Text Effect в Photoshop с помощью этого простого 8-шагового руководства. Neon Text — один из самых модных эффектов для изучения. Сегодня в Интернете есть много уроков по Neon Text Effect . Я решил добавить этот простой урок.

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

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

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

2. Затем скопируйте и вставьте текстуру кирпича на холст и уменьшите его, нажав CTRL + T и перетащив верхний угол вниз, удерживая нажатой клавишу Shift. Установите режим наложения слоя на Мягкий свет.

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

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

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

6. Теперь, чтобы сделать реалистичный кабель питания, выберите Pen Tool, выберите слой Paths и нарисуйте линию кабеля.

7. Затем щелкните значок кисти и выберите кисть с предустановками ниже. Затем снова нажмите Pen Tool, щелкните правой кнопкой мыши по кабельной линии и выберите Stroke path. Когда появится поле Stroke Path, выберите инструмент Brush Tool, Simulate Pressure и нажмите OK.

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

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

Эффект неонового текста менее чем за 5 минут

У кого есть время для длинных уроков по типографике? Или деньги, которые можно потратить на экшены Photoshop?

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

---

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

---

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

Step 1

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

Разверните панель Layers (Window> Layers) и переименуйте Layer 1 в Background . Используйте инструмент Rectangle Tool (M) , чтобы создать форму, которая простирается на всю страницу.

Чтобы текстовый эффект оказал влияние, вам нужно сделать прямоугольник темной заливкой. Выберите [Черный] на панели Swatches (Window> Color> Swatches) , или, чтобы воссоздать используемый здесь цвет, нажмите New Color Swatch в раскрывающемся меню панели.Дважды щелкните новый образец, чтобы отредактировать его, установив значения CMYK на C = 85 M = 76 Y = 61 K = 93 .

Шаг 2

На панели Swatches создайте еще два новых образца:

Dark Pink — C = 10 M = 100 Y = 0 K = 0

Pale Pink — C = 5 M = 12 Y = 0 K = 0

Мы будем использовать их, чтобы наложить слои темных и светлых тонов неонового эффекта. Если вы хотите, чтобы неоновый эффект был другого цвета, например синего, создайте два образца таким же образом: один темно-синий и один бледно-голубой.

Шаг 3

Вернитесь к панели Layers и заблокируйте слой Background . Создайте новый слой выше и назовите его Typography .

Возьмите инструмент Type Tool (T) и создайте большой текстовый фрейм в центре страницы. Введите текст и на панели Controls в верхней части рабочей области или на панели Character (Window> Type & Tables> Character) выберите предпочитаемый шрифт Font .Чтобы создать более аутентичный эффект неоновой вывески, я выбрал скриптовый шрифт Burtons Script.

На панели Swatches установите Font Color на Dark Pink . Когда вы будете довольны размером, положением, шрифтом и цветом текста, вы готовы его обвести. Обратите внимание, что это означает, что вы не сможете настроить форматирование текста, поэтому Правка> Копировать, Правка> Вставить текстовый фрейм, перемещая копию на монтажный стол, чтобы сохранить копию текста, если хотите.

Шаг 4

Выберите исходный текстовый фрейм и перейдите к Type> Create Outlines , чтобы векторизовать текст.

Правка> Копировать, Правка> Вставить вектор, перемещая копию на монтажный стол. Мы воспользуемся этим чуть позже.

Выделив вектор, перейдите в Object> Effects> Outer Glow. Установите режим от до Экран , Непрозрачность примерно до 20%, шум от до 3% и Распространение от до 70% .Щелкните цветной квадрат справа от меню Mode , чтобы открыть окно Effect Color . Выберите Dark Pink из списка Swatches .

Щелкните OK , чтобы закрыть окно Effects .

Шаг 5

Выберите вектор и Edit> Copy, Edit> Paste in Place , наложив его непосредственно на первый вектор.

Перейдите в Object> Effects> Outer Glow и увеличьте непрозрачность до 80% и уменьшите Spread примерно до 40% .

Step 6

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

Перейдите к монтажному столу и выберите векторизованную версию текста, который вы вставили туда еще на этапе 4 . Выделите его и Edit> Copy it, переместив копию на страницу и расположив ее прямо над другими текстовыми векторами.

Измените Заливку этого нового вектора на Бледно-розовый.

Затем перейдите к Object> Effects> Transparency .Установите Mode на Screen и уменьшите Opacity до 70% .

Щелкните Outer Glow в левом меню окна и установите Mode на Screen и Opacity примерно на 65% . Выберите Pale Pink для Effect Color .

Щелкните Drop Shadow в верхней части меню окна и установите Mode на Multiply , Opacity примерно на 40% и Effect Color от до Dark Pink .

Добавьте финальный эффект к этому вектору, нажав на Gradient Feather в нижней части меню окна. Выберите Radial для Type , а затем нажмите OK , чтобы закрыть окно Effects .

Шаг 7

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

Для этого перейдите в Правка> Вставить , чтобы перетащить еще одну копию векторизованного текста на страницу.Расположите его прямо над другими векторами и отрегулируйте Fill до Pale Pink .

Перейдите в Object> Effects> Transparency и установите Mode на Screen и Opacity на 50% .

Щелкните Outer Glow и выберите Screen для Mode и Pale Pink для Effect Color. Уменьшите непрозрачность примерно до 50% и увеличьте Spread до 40% .Щелкните OK , чтобы закрыть окно.

Готово! Этот крутой эффект неонового текста действительно сделает ваш дизайн популярным — почему бы не попробовать использовать его на концерте или клубном флаере для дополнительного эффекта?

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

Учебное пособие по созданию текстовых эффектов неоновых вывесок в Photoshop — Pixellogo

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

Вот последнее изображение, которое мы собираемся создать:

Шаг 1. Настройка

Откройте новый документ Photoshop размером 1024 x 300 пикселей.Залейте фон черным цветом, перейдя в Edit -> Fill … -> Use: Black. Добавьте текст, к которому вы хотите добавить эффект неонового света. Я использовал текст «Pixellogo» в Arial Black с разрешением 140 пикселей и красноватым цветом # bb4263.

Шаг 2. Добавление стилей слоя

Перейдите в Layer -> Layer Style -> Drop Shadow … и добавьте значения ниже. Когда вы закончите с Drop Shadow, добавьте значения, указанные ниже для Inner Shadow, Bevel & Emboss и Stroke.

Шаг 3. Лампа

Благодаря Mykl Roventine на Flickr я смог найти изображение ниже, которое находится под лицензией Creative Commons Attribution 2.0 Общий. Такая фотография понадобится вам, чтобы добавить лампочки на нашу неоновую вывеску. Если вы хотите использовать это изображение, щелкните здесь, чтобы загрузить изображение со страницы Mykl Roventine на Flickr.

Откройте изображение в Photoshop. Скопируйте одно из световых пятен и добавьте его на свой знак. Преобразуйте его в смарт-объект, перейдя в Слой -> Смарт-объект -> Преобразовать в смарт-объект. Щелкните лампочку смарт-объекта на палитре слоев, чтобы отредактировать изображение лампочки. Перейдите в Image -> Adjust -> Hue / Saturation.. и измените значения оттенка и насыщенности на указанные ниже, чтобы ваша лампочка была ярко-желтого цвета.

Повторно сохраните изображение лампочки и вернитесь к тексту. Теперь вы заметите, что ваша лампочка изменила цвет из-за изменений, которые вы внесли в ее смарт-объект. Измените размер лампочки так, чтобы она поместилась внутри вашего текста, используя инструмент Transform (Edit -> Free Transform).

Скопируйте изображение лампочки и заполните буквы на вывеске. После того, как вы разместили все лампочки, выберите все лампочки и перейдите в Layer -> Group Layers.Затем вы хотите объединить группу лампочек в один слой, перейдя в Layer -> Merge Group.

У вас должно получиться что-то вроде этого:

Шаг 3: Последние штрихи

Выберите слой с лампочками и перейдите в Слой -> Стиль слоя -> Тень. Добавьте значения ниже для Drop Shadow и Outer Glow.

Дублируйте этот слой с лампочкой. Перейдите в Фильтр -> Размытие -> Размытие по Гауссу и добавьте Радиус 20 пикселей. Поместите этот слой в папку, перейдя в Layer -> Group Layer.Наконец, измените режим наложения слоев на Color Dodge. Вот и все … все готово.

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

Вот видеоруководство из 2 частей, которое проведет вас через шаги, указанные выше:

Создание неонового 3D-знака ночного клуба в Photoshop CS6 Extended

Изучение 3D-возможностей Photoshop может быть непростым процессом. Однако вы можете сказать то же самое, когда впервые изучите маскировку или панель настроек.

Освоение работы с 3D может добавить совершенно новую глубину (извините за каламбур!) В вашу дизайнерскую работу. В частности, 3D-типографика может стать отличным завершающим штрихом для чего угодно, от веб-дизайна до полиграфического дизайна или работы с фотографиями.

В общем, пора закатать рукава и освоить новый навык!

Сегодняшнее руководство познакомит вас с 3D-возможностями Photoshop CS6 Extended.

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

Что вы будете создавать:

Вот результат, который вы сможете получить к концу этого урока:

Готовы начать? Отлично, приступим!

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

Шаг 1

Начните с создания нового документа, ширина: 1440 пикселей, высота: 900 пикселей, разрешение: 72.Назовите его 3D Neon .

Шаг 2

Залейте фоновый слой сплошным цветом # 15243b. Назовите это Background. Теперь загрузите шрифт «You’re Gone» и введите PARTY! с белым цветом. Размер 250 пт. Выделив текст, откройте окно Character и установите значение отслеживания 60.

Шаг 3

Выделив текстовый слой, перейдите в меню «Тип» и нажмите « Преобразовать в форму ».Теперь выберите инструмент «Перо » и, не снимая выделения с слоя, внесем некоторые изменения, потому что нас интересует только форма обводки. Установите для заливки значение «Нет цвета» и для обводки используйте цвет # 488dc6. Размер 10 пт. Нажмите кнопку типа обводки формы , затем нажмите кнопку Дополнительные параметры… , и откроется диалоговое окно «Обводка».

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

• Выровнять: по центру
• Заглушки: круглые
• Углы: круглые
• Пунктирная линия: проверено
• Штрих: 38
• Разрыв: 3

Остальные поля оставьте пустыми.

Ваш должен выглядеть так:

Шаг 4

Дублируйте слой и назовите его Party! Черный . На этот раз мы просто изменим форму обводки на непрерывную линию, установим выравнивание по центру, а Заглавные и углы — на Скругленные. См. Изображение ниже.

Шаг 5

Дублируйте черный слой и назовите его support . На этот раз мы просто изменим форму штриха на точечную. Следуя пути, указанному на шаге 3, откройте диалоговое окно Stroke.Измените эти значения:

• Preset: выберите пунктирную линию
• Выровнять: внутри
• Заглушки: круглые
• Углы: круглые
• Пунктирная линия: проверено
• прочерк: 0
• Разрыв: 18

Шаг 6

Этому знаку нужно электричество, давайте создадим кабель. Используя инструмент «Перо » без заливки цветом и почти черным цветом для обводки (# 081a2b) и размером 5 pt, проведите кабель сквозь буквы. Помните, что вы можете добавить точку привязки, чтобы изменить ход вашего пути.

Вот как должны выглядеть ваши слои:

Шаг 7

Начни работать с 3D!

Теперь мы собираемся преобразовать все эти слои в 3D-экструзию. Мы не можем делать все одновременно, должно быть по одному; поэтому повторите этот шаг для всех слоев , кроме для фонового слоя. Выберите слой и перейдите в Меню 3D> Новая 3D-экструзия из выбранного слоя. Совет: вы можете сделать то же самое, просто щелкнув правой кнопкой мыши по слою, который вы хотите преобразовать, и выберите опцию New 3D Extrusion from Selected Layer из контекстного меню.

Шаг 8

Для фона перейдите в меню 3D> Новая сетка из слоя> Открытка или щелкните правой кнопкой мыши на слое и выберите Открытка. Ваш текст должен выглядеть так, ничего особенного… пока.

Шаг 9

Выделите все слои и перейдите в меню 3D> Объединить 3D-слои.

Шаг 10

С этого момента мы изменим глубину всех наших 3D-экструзий. Сначала выберите слой веревку на панели 3D , и панель свойств автоматически изменится.Идите туда и установите глубину выдавливания на 0. Затем нажмите на Shape Preset и выберите Pillow Inflate .

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

Шаг 11

На панели свойств с Party! Выбран синий слой , установите глубину выдавливания на 0; щелкните на предустановке формы и выберите Pillow Inflate . Теперь щелкните значок Cap вверху этой панели.Установите Угол на 90º и Силу на 20%, ниже вы можете видеть панели.

Повторите этот шаг для Party! Черный слой .

Шаг 12

Измените глубину выдавливания слоя support на 35.

Шаг 13

Теперь мы собираемся выровнять слои, чтобы все выглядело хорошо. На панели 3D выберите Scene и на панели свойств измените значения Presets на Hidden Wireframe .Щелкните правой кнопкой мыши по осям в нижнем левом углу сцены и выберите левый. Затем с помощью элементов управления перемещайте каждый элемент по z exe, пока не получите желаемое положение.

Шаг 14

Измените угол. Используя инструмент перемещения с , поверните опцию 3d Object , активированную захватом в сцену, пока не получите желаемое положение объекта. Это мои координаты просмотра:

Сохраните текущий вид для дальнейшего использования.Совет. Выбрав текущий вид на панели 3D, нажмите «Просмотр»> «Сохранить»; назовите его final , вы можете перемещать 3D-объект каждый раз, когда вам нужно, и вернуться в это меню и выбрать его, чтобы вернуться в точное положение.

Шаг 15

Добавление материалов.

Выберите все слои материала из Party! Синий слой . На панели свойств удалите текстуру, щелкнув значок рядом с цветом Diffuse.

Установите следующие значения:

• диффузный: # a0d6ff
• Зеркальное отражение: # 348bcd
• Подсветка: # 3ba6f8
• Окружающий: # 454545
• Блеск: 80%
• Отражение: 17%
• Шероховатость: 0%
• Удар: 0%

Шаг 16

Выберите все слои материала из Party! Черный слой . Установите следующие значения:

• диффузный: # 7f7f7f
• Зеркальное отражение: # 333333
• Подсветка: # 000000
• Окружающий: # 000000
• Блеск: 20%
• Отражение: 20%
• Шероховатость: 7%
• Удар: 10%

Шаг 17

Выберите все слои материала из слоя support .Установите следующие значения:

• диффузный: # 7f7f7f
• Зеркальное отражение: # 333333
• Подсветка: # 000000
• Окружающий: # 0167a1
• Блеск: 20%
• Отражение: 10%
• Шероховатость: 5%
• Удар: 10%

Шаг 18

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

• Блеск: 20%
• Отражение: 43%
• Шероховатость: 9%
• Удар: 10%

Шаг 19

Давайте внесем некоторые изменения в окружающую среду.Щелкните слой Environment . На панели «Свойства» снимите флажок « IBL». Снятие отметки с этого параметра поможет, когда мы будем работать над фоновым слоем на следующем этапе. В разделе Reflections установите Opacity на 60% и Roughness на 20%.

На данный момент ваш должен выглядеть так:

Шаг 20

Добавим холодного света. На панели 3D перейдите в нижнюю часть и щелкните значок файла Добавить новый источник света в сцену .Выберите New Infinite Light . Измените цвет на # b4f2ff, установите Интенсивность на 60% и Мягкость тени на 11%.

Шаг 21

Теперь сделаем фоновый слой более правдоподобным. Идите и выберите его. На панели Properties установите следующие значения:

• диффузный: # 023963
• Зеркальное отражение: # 333333
• Подсветка: # 000000
• Окружающий: # 0167a1
• Блеск: 23%
• Отражение: 89%
• Шероховатость: 47%
• Удар: 10%

Шаг 22

Давайте добавим текстуру стены.Выбрав слой Background , перейдите на панель «Свойства» и щелкните значок файла рядом с Diffuse color. Выберите Редактировать текстуру . Откроется сообщение с предупреждением о том, что каждое изменение, внесенное в эту текстуру, будет отображаться повсюду. Нажмите ОК, и новый документ будет открыт только с исходным фоновым слоем.

Шаг 23

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

Шаг 24

Удалите фоновый слой, который нам больше не нужен. Откройте диалоговое окно Hue / Saturation , нажав Ctrl + U или выбрав из меню Image> Adjustment> Hue / Saturation . Установите флажок Colorize , установите Hue на 213; Насыщенность до 54 и Светлота до -67.

Также откройте диалоговое окно Уровни , нажав Ctrl + L или выбрав из меню Изображение> Регулировка> Уровни… .Просто установите средние тона на 0,93, а выделение в поле «Уровни вывода» на 197, как я покажу вам ниже.

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

Шаг 25

Давайте добавим немного света. Вернитесь к фоновому документу с текстурой стены, покажите дублированный слой.Снова откройте диалоговое окно Hue / Saturation . Установите флажок Colorize , установите Hue на 213; Насыщенность до 25 и яркость до -40

Добавьте маску, открывающую только ее середину. Установите Непрозрачность на 82% и Заливку на 70%. Вот так должна выглядеть ваша маска:

Шаг 26

Снова выберите более темный слой и давайте еще немного темнее. Откройте диалоговое окно Levels и просто измените в разделе Output Levels параметр выделения на 191.Сохраните изменения и закройте его.

На данный момент у вас должно быть это:

Шаг 27

Окончательная корректировка.

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

Когда вы его заполните, ОТРЕДАКТИРУЙТЕ файл, щелкнув значок рендеринга в нижней части панели свойств, нажав Alt + Shift + Ctrl + R или перейдите в Меню 3D> Рендеринг.

Шаг 28

Как видите, свечение букв оставляет желать лучшего. Итак, давайте добавим сияния буквам. Вернитесь на панель Layer и создайте новый слой, назовите его Glow . Используя мягкую кисть размером 28 и используя цвет # 00ccff, проведите по буквам. Измените режим наложения на Screen и непрозрачность на 85%.

И все готово!

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

Поздравляем, все готово!

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

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

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

Исходные файлы для этого руководства доступны нашему сообществу участников FanExtra. Если вы хотите получить доступ к исходным файлам этого руководства (и всех наших руководств и тысяч других ресурсов), тогда зарегистрируйтесь здесь .

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

Об авторе:

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

Похожие сообщения

Freebie Анимированный Неоновый Шрифт | Скачать бесплатно PSD Mockup для Adobe Photoshop от rebrandy

капитал, шрифт, шрифт, неон, гарнитура, светящийся, типографика, рисунок, черный, типографский, персонаж, 3d, алфавит, знак, письмо, надписи, искусство, украшение, начальный, свет , стиль, реклама, яркий, символ, заглавная буква, электрический, электричество, свечение, с подсветкой, освещение, лампа, трубка, изолированный, каллиграфический, эмблема, концепция, текст, декоративный, char, ecor, наборный, творчество, темный, форма, идея, прописные буквы, буква, тип печати, название, литера, свинец, большой, источник, элемент, слово, макет, кодировка, белый, вес, язык, высокая печать, строчные буквы, сценарий, заголовок, креатив, макет, флуоресцентный, ночная жизнь, синий, розовый, красный, фиолетовый, зеленый, реклама, казино, кино, блестящий, ночь, ретро, ​​бар, блеск, ультрафиолетовый свет, ультрафиолет, развлечения, шоу, клуб, светодиод, новый, буквы, символы, алфавитный, неоновая вывеска, светящийся, мерцание, свет, яркий, ксенон, вывески, диод, вывеска, подсветка, баннер, лицевая панель, гелий, освещение, люч nt, арифметика, арифметика, плюс, минус, форма, математика, вычисления, вычисление, умножение, x, числа, создатель, создать, сцена, генератор, числовой, числовой, анимация, анимированный, 4k, gif, live, видео, декоративные элементы , встроенный, наброски, текстура, задний план, фон, провода, машины для нанесения покрытий на стекло, трансформаторы, звук, кисти, 80-е годы, майами, флорида, калифорния, 1980, движение, порождать, эффект, стили слоя, винтаж, кисть, дискотека, вегас, паб , темнота, цветной, цвет, город, энергия, развлечения, вспышка, пресеты, улыбки, мрамор, камень, луч, кирпич, дерево, количество, расчет, светящийся, модель, форма, бургер, хот-дог, музыка, голографический, кафе, хот-дог, ресторан, фастфуд, бесконечность, фастфуд, еда, закусочная, круглосуточно, гамбургер, доставка, чизбургер, забрать, лазер, стрелка, кейтеринг, яркий, кофе, мартини, мороженое, сливки, коктейль, лед- сливки, кофе, кофейня, бар, алкоголь, кофе, кофе, десерт, авторское право, зарегистрированный, товарный знак, сломанный, цитата, регистрация, круглый, бренд, марка, мар k, литературная собственность, круг, ромб, треугольник, квадрат, маленький, магазин, магазин, значок, Фигурка, означающее, Погода, солнце, снег, облачный, буря, инструмент, Молния, Метеорология, Прогноз, климат, Температура, небо, прогноз , давление, включение, выключение, зацикленный, мигание, мерцание, циклический, мерцание, эффект, звук, научная фантастика, постоянно, переключатель, действия, atn, набор, связка, упаковка, 3d, спереди, сбоку, изометрический, смарт-объект , etsy, zazzle, Society6, redbubble, скачать, psd, youtube, photoshop, free, freebie

.

No related posts.