Футуристические буквы из металла с неоновыми вставками

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

1 Шаг

Создайте новый документ подходящего вам размера. Для своего проекта я выбрал размер 1920×1080px и разрешение 300ppi. Затем смените цвет фона на #272727.

2 Шаг

Для того чтобы добиться эффекта поцарапанного бетона, я использовал набор кистей с царапинами, которые можно скачать здесь. Для начала создайте новый слой и назовите его “Scratches 1”, либо как-нибудь по-своему и переключитесь на кисть с царапинами черного цвета. Далее единожды кликните этой кистью по холсту, убедившись в том, что этот мазок покрывает всю рабочую область. Затем дублируйте этот слой, нажав Ctrl + J, и назовите дубль “Scratches 2”. Инвертируйте его при помощи комбинации горячих клавиш Ctrl + I и смените значение Opacity на 50%. После этого слой “Scratches 2” необходимо сместить на 1px ниже и 1px правее, чтобы добиться эффекта объема.

3 Шаг

Теперь займемся текстом. Нанесите надпись по своему усмотрению и выровняйте ее по центру экрана. Я написал “TUTSPLUS +”, применив шрифт Acens кеглем 65pt.

4 Шаг

Задайте тексту следующие стили. Можете поиграть с цветами для достижения нужного вам эффекта и тона.

5 Шаг

Сейчас нужно будет царапины нанести и на металл. Для этого я использовал стандартные кисти Photoshop — главным образом Dune Grass и Grass.

Создайте новый слой под названием “Metal Scratches” и задайте для него значение Opacity на уровне 50%. Затем примените к слою следующие стили:

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

6 Шаг

После того как вы закончите с трещинами и будете удовлетворены общим результатом, можно перейти к удалению излишков царапин. Как видите, наличие полосок царапин как на освещенной, так и на затененной областях букв, делает картинку слишком нереалистичной. Продолжая находиться на слое с царапинами, переключитесь на инструмент Eraser Tool (E), сменив размеры его кисти на 10px и задав параметр Hardness равным 0%. Далее начните удалять трещинки в таких местах, как показаны на рисунке ниже.

7 Шаг

По завершению всех манипуляций перейдите к нанесению светодиодов на буквы. Переключитесь на Shape Tool (U) и выберите прямоугольник со скругленными углами (Rounded Rectangle). Задайте радиус углов равным 2px и растяните прямоугольник где-нибудь по прямой части буквы на половину ее ширины. От краев букв также стоит делать комфортные отступы.

Теперь к одной из своих фигур примените стили, показанные ниже. Далее просто скопируйте этот стиль и примените его ко всем остальным фигурам ваших светодиодов для экономии времени. Если вам захочется приглушить царапины за вашими лампочками — переключитесь на слой “Metal Scratches” и пройдитесь по лампам мягким ластиком (Eraser, E).

8 Шаг

Сейчас добавим тексту гранджа. Создайте новый слой поверх слоя с подсветкой и назовите его “Grunge”, задав режим наложения равным Overlay. Переключитесь на какую-нибудь гранджевую кисть. Я использовал кисти из стандартного набора Photoshop, главным образом акварельные, которые находятся в конце списка кистей по умолчанию. Выберите интересную вам кисть и выполните Ctrl + клик по слою с текстом для вызова выделения по нему. Затем просто начните выполнять мазки по слою.

После этого убедитесь, что вашим основным цветом выбран черный, а фоновым — оттенок серого и выполните Filter > Noise > Add Noise и примените 10% Gaussian шум с указанием опции Monochromatic.

9 Шаг

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

Затем слейте эти три фигуры в один слой и выполните по нему Ctrl + клик для загрузки выделения по его контуру. После этого выполните Edit > Define Brush Preset. Назовите новую кисть “Screw Head” и сохраните ее, после чего можно будет удалить слой, на котором вы создавали шляпку для винта — он больше не нужен.

10 Шаг

Создайте новый слой и назовите его “Screws”. Далее примените к слою такие стили:

Затем переключитесь на только что созданную вами кисть, задайте ей размер в 10px и на слое “Screws” нанесите винты по концам каждой из букв, либо в других местах, куда вы хотите их посадить.

Заключение

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

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

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

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

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

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

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