Реалистичная неоновая вывеска

3 августа 2015 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

Шаг 1. Рисование в Adobe Illustrator

Запустите Adobe Illustrator и создайте новый документ (Ctrl + N) с такими параметрами:

Шаг 2

Активируйте инструмент Type Tool и напишите «NEON SIGN».

Шаг 3

Нужно преобразовать текст в фигуру. Кликните правой кнопкой мыши на холсте и выберите пункт Create Outlines.

Вызовите то же контекстное меню ещё раз и выберите пункт Ungroup.

Шаг 4

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

Шаг 5

Выделите оба слова и сделайте надпись шире.

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

Выделите все линии и перейдите в меню Object → Expand, чтобы преобразовать их в фигуру.

Нажмите ОК.

Шаг 11

Все фигуры нужно объединить в одну. Но для начала изменим цвет обводки и уберём заливку.

Шаг 12

Выделите все фигуры и кликните на иконке объединения Unite на панели Pathfinder. Эта панель доступна в главном меню Windows.

Шаг 13

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

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

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

Шаг 15

Вставьте изображение кирпичной стены в Фотошоп через меню File → Place.

Шаг 16

Вставьте скопированные слова как фигуры (Ctrl + V).

Шаг 17

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

Шаг 18. Эффекты

Кликните дважды на слое, чтобы открыть стили. Примените стиль свечения Outer Glow.

Шаг 19

Создайте копию текста (Ctrl + J). Перенесите иконку fx в корзину, чтобы удалить стили.

Шаг 20

Примените к верхнему слою другие стили:

Шаг 21

Создайте новую группу «improvement». Создайте копию текстового слоя (Ctrl + J) и поместите её в эту группу. Откройте стили и измените настройки.

Шаг 22

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Сожмите выделение на 1 пиксель (Select → Modify → Contract).

Шаг 23

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

Шаг 24

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

Шаг 25

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

Шаг 26

Снова выделите текст и расширьте выделение на 4 пикселя (Select → Modify → Expand).

Шаг 27

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

Шаг 28

Уменьшите заливку (Fill) слоя до 0% и примените следующие стили:

Шаг 29

Чтобы создать иллюзию объёмности и глубины букв, мы добавим темноту внутрь букв. Выделите текст и сожмите выделение на 1 пиксель.

Шаг 30

Залейте выделение тёмно-жёлтым цветом на новом слое.

Шаг 31

Добавьте маску и чёрной кистью уберите некоторые тёмные участки внутри букв.

Шаг 32

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

Шаг 33

Добавьте скругленный прямоугольник инструментом Rounded Rectangle Tool (U) и немного наклоните его в режиме Free Transform (Ctrl + T).

Шаг 34

Сделайте наклонный элемент чёрным и расположите под всеми слоями текста.

Шаг 35

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

Шаг 36

Преобразуйте все соединительные элементы в выделение (Ctrl + Enter). Создайте новый слой и закрасьте их всех чёрным цветом.

Шаг 37

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

Шаг 38

Выделите текст и соединительные элементы. Немного сдвиньте выделение вниз.

Шаг 39

Создайте новый слой под лампами и залейте выделение чёрным цветом. Примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur).

Шаг 40. Кабели

Инструментом Pen Tool (P) нарисуйте конец кабеля на букве. Сделайте его чёрным и расположите позади лампы.

Шаг 41

Примените стиль Bevel & Emboss.

Шаг 42

Снова возвращаемся в Illustrator. Нарисуйте кабель инструментом Pen Tool.

Шаг 43

Перейдите в меню Object → Expand.

Шаг 44

Скопируйте линию в Фотошоп.

Шаг 45

Поверните кабель и расположите его так:

Шаг 46

Сделайте кабель тёмно-серым.

Шаг 47

Примените стиль тиснения, чтобы сделать кабель объёмным.

Шаг 48

Выделите кабель и расширьте выделение (Select → Modify → Expand).

Шаг 49

Перейдите в меню Edit → Stroke и настройте обводку так:

Шаг 50

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

Шаг 51

Добавьте ещё одну обводку на кабель. Используйте более светлый цвет и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur).

Шаг 52

При помощи кисти добавьте больше света на часть кабель рядом с лампой

Шаг 53

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

Шаг 54

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

Шаг 55. Крепления

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

Шаг 56

Создайте несколько копий и расположите их на других буквах.

Шаг 57

Примените следующие стили к креплениям:

Шаг 58

На отдельном слое небольшой кистью нарисуйте тени от крепления на лампах. Они должны быть очень слабыми.

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта www.psdvault.com, автор перевода указан в начале урока.