Создаем неоновый текст в фотошоп. DIY вывеска из LED ленты: как сделать неоновую вывеску своими руками

Создаем неоновый текст в фотошоп. DIY вывеска из LED ленты: как сделать неоновую вывеску своими руками

20.07.2019

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

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

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

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

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

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

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

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

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

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

Получилось даже лучше оригинала 🙂

Вычислил, что шнура нужно около 7 метров, поэтому я взял 8, на всякий случай.

Когда все нужные детали появились на руках, я приступил к сборке.

Сперва выпилил нужных размеров панели, заднюю и переднюю, из ДВП (оргалит) и перенес на него рисунок.

Повторю заголовок – все делалось кривыми руками, дома , на коленке и кровати.

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

Теперь нужно просверлить отверстия в нужных местах.

Идем в гараж и красим панели черной краской.

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

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

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

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

Пара часов и ноющая спина стоили того.

Время теста. Гасим свет и …

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

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

Спасибо всем за внимание, в комментариях постараюсь ответить на интересующие вас вопросы, если это вообще кому-то может быть интересно 🙂

Вам может понравиться:

  • Из всего этого, девушка создала невероятной красоты…
  • Рисунки на окнах к Новому году 2018 зубной пастой,…

What You"ll Be Creating

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

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

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

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

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 Перо и Кисть, а также различные стили слоя, чтобы получить реалистичный результат. Начнем!

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

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

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

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

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

Преимущества неоновых вывесок

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

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

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

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

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

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

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

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

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

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



© 2024 beasthackerz.ru - Браузеры. Аудио. Жесткий диск. Программы. Локальная сеть. Windows