Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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



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


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


Шрифт «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). Этот слой улучшит свет, который буквы отбрасывают на кирпичную стену.

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


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



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



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

написал : Alex

Тут же нет шрифта Beon medium, а только Beon!! Он ведь не такой! Какого х..???

---------------


написал : positive11

Alex, со шрифтом всё в порядке. Что у Вас не получается?

---------------


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

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: