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

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

Ресурсы урока:
Шрифт «Beon»

Кирпичная стена

Гранжевая текстура

1. Создание фона

Шаг 1
Создайте новый документ в Фотошопе размером 1500х950 пикселей с разрешением 300 пиксель/дюйм. Вставьте изображение кирпичной стены через меню Файл > Поместить (File > Place).

Шаг 2
Создайте корректирующий слой Уровни (Layer – Levels).

Шаг 3
Настройте его, как показано на скриншоте, и включите обтравочную маску.

Шаг 4
Создайте для стены корректирующий слой Цветовой тон/Насыщенность (Layer – Hue/Saturation).

2. Создание текста

Шаг 1
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и шрифтом «Beon Medium» напишите слово NEON. Цвет шрифта — #a33e88, размер – 103pt.

Шаг 2
Создайте копию текстового слоя и выключите оригинал. Кликните правой кнопкой мыши на копии и выберите пункт Растрировать текст (Rasterize Type). Нам нужно отделить горизонтальные элементы букв от вертикальных.

Шаг 3
Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), на верхней панели включите режим добавления к выделенной области и выделите горизонтальные элементы буквы E.

Шаг 4
Перейдите в меню Редактирование > Вырезать (Edit > Cut), а затем в меню Редактирование > Специальная вставка > Вставить вместо (Edit > Paste Special > Paste in Place). Назовите растрированные слои текста «Horizontal» и «Vertical».

Шаг 5
Уменьшите заливку обоих текстовых слоёв до 0%.

Шаг 6
Создайте копию слоёв «Horizontal» и «Vertical». Каждую связку поместите в отдельную группу.

Шаг 7
Опустите группу «Horizontal» под группу «Vertical».

3. Стилизация оригинального слоя «Horizontal»

Шаг 1
К оригинальному слою «Horizontal» примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Линейный свет, Режим тени – Умножение.

Контур:

Внутренняя тень: Режим – Осветление, Цвет — #e658d4.

Внутреннее свечение: Режим – Осветление, Цвет — #fe66f1, Метод – Мягкий.

Отбрасывание тени: Режим – Умножение.


4. Стилизация первой копии слоя «Horizontal»

К первой копии слоя «Horizontal» примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Яркий свет, Режим тени – Умножение.

Контур:


5. Стилизация второй копии слоя «Horizontal»

Стили для второй копии слоя «Horizontal»:

Тиснение:

Контур:

Внутреннее свечение: Режим – Линейный свет, Цвет — #ffdcfa.

Внешнее свечение: Режим – Осветление, Цвет — #7f2d65.


6. Стилизация оригинального слоя «Vertical»

Скопируйте стили слоя «Horizontal» на слой «Vertical» и измените их некоторые параметры:

Тиснение:

Внутреннее свечение:

Вертикальные и наклонные элементы начнут меняться:

7. Стилизация первой копии слоя «Vertical»

Скопируйте стили первой копии слоя «Horizontal» и вставьте их на первую копию слоя «Vertical». Измените некоторые значения:

Тиснение:


8. Стилизация второй копии слоя «Vertical»

Сделайте то же самое для второй копии слоя «Vertical».


9. Усиливаем свечение и рисуем кабель

Шаг 1
Создайте новый слой под оригинальным скрытым текстовым слоем. Назовите его «Background Light» и установите режим наложения Линейный свет (Blending Mode – Linear Light).

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

Шаг 2
Создайте новый слой под слоем «Background Light» и назовите его «Cable». Выберите инструмент Перо (Pen Tool) в режиме контуров. Вам нужно нарисовать контур кабеля, который будет подключен к буквам. Форму контура можно исправить инструментом Стрелка (Direct Selection Tool).

Шаг 3
Чтобы начать рисовать другой контур, зажмите клавишу Ctrl и кликните за пределами законченного.

Шаг 4
Кабель должно проходить через все буквы.

Шаг 5
Выберите инструмент Кисть (Brush Tool) и откройте панель кистей (F5). Выберите жёсткую кисть размером 7 пикселей.

Шаг 6
На панели инструментов задайте цвет #252525. Выберите инструмент Стрелка (Direct Selection Tool), кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path).

Шаг 7
Выберите для обводки Кисть (Brush) и нажмите ОК.

Шаг 8
Когда контур будет обведен, нажмите Enter, чтобы удалить его.

10. Стилизация кабеля

К слою кабеля примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Яркий свет, Цвет — #ec6ab7, Режим тени – Умножение.

Контур:

Наложение узора: Режим – Умножение.

Отбрасывание тени: Режим – Умножение.


11. Зажимы

Шаг 1
Инструментом Прямоугольник (Rectangle Tool) создайте фигуру размером 11х15 пикселей.

Шаг 2
Инструментом Добавить опорную точку (Add Anchor Point Tool) добавьте две якорные точки на боковые стороны прямоугольника.

Шаг 3
Инструментом Стрелка (Direct Selection Tool) выделите новые якорные точки и сдвиньте их влево на 1 пиксель.

Шаг 4
Создайте копию полученной фигуры и поверните её на 90 градусов (Transform – Rotate 90 CW). Назовите слои «H» и «V» в зависимости от положения.

12. Стилизация зажимов

К слою «H» примените следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Линейный, Градиент — #151515 — #6d6d6d — #161616.

Отбрасывание тени: Режим – Умножение.


Шаг 3
Скопируйте стили слоя «H» на слой «V» и измените угол градиента.

Шаг 4
Создайте несколько копий зажима и переместите их на другие участки кабеля.

13. Ещё один цветовой слой

Создайте слой-заливку Цвет (Fill Layer – Solid Color): #a34799. Расположите его под слоем «Cable» и смените режим наложения на Яркий свет (Blending Mode – Vivid Light). Этот слой улучшит свет, который буквы отбрасывают на кирпичную стену.

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

Ссылка на источник урока
Источник

Post Author: i-school

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.