L.A. Noire неоновый стиль в Photoshop | Урок

Несколько месяцев назад я увидел несколько красивых постирав в Сан Франциско про игру L.A. Noire. Мне очень понравился эффект текста с винтажной неоновой подсветкой. Я помню, что уже делал несколько туториалов по созданию подобных эффектов, но мне нужно было повторить его снова.

Итак, в этом туториале я покажу вам, как создать эффект как на обложке игры L.A. Noire. Выполнение туториала займет у вас около 1 часа. Урок немного сложный, но результат худеет великолепным.

Шаг 1

Во-первых нам нужно напечатать текст, который мы будем использовать как фон нашего неона. Для этого шага я использовал Illustrator, потому что в нем легче выбрать шрифт, а затем отредактировать его. В конце концов я выбрал шрифт Arial Black.

L.A Noire Neon Style in Photoshop

Шаг 2

Чтобы создать неон, используйте инструмент Rounded Rectangle. Нарисуйте один прямоугольник, затем дублируйте его и разместите его как на картинке ниже. Теперь с помощью инструмента Direct Selection (A) удалите округлые части прямоугольника.

L.A Noire Neon Style in Photoshop

Шаг 3

Создайте прямоугольники для остальных слоев. Обратите внимание на буквы B, D, и O.

L.A Noire Neon Style in Photoshop

Шаг 4

Откройте Фотошоп и создайте новый документ размера 2560×1440. Заполните фон черным цветом и затем скопируйте текст из Illustrator в Photoshop. Поменяйте цвет текста на желтый (#f0af17).

L.A Noire Neon Style in Photoshop

Шаг 5

Идите в Layer>Layer Styles>Inner Glow. Примените следующие настройки.

L.A Noire Neon Style in Photoshop

Шаг 6

Выберите Inner Shadow. Примените следующие настройки.

L.A Noire Neon Style in Photoshop

Шаг 7

Теперь давайте добавим немного текстуры, чтобы придать больше реализма. Я выбрал металлическую текстуру на сайте Shutterstock, вы можете скачать ее здесь: http://www.shutterstock.com/pic-20761540/stock-photo-metal-plate-background-texture.html

L.A Noire Neon Style in Photoshop

Шаг 8

Поменяйте режим смешивания текстуры на Overlay с прозрачностью 30%.

L.A Noire Neon Style in Photoshop

Шаг 9

Продублируйте текст и заполните его черным цветом, проделайте так несколько раз, перемещая новые слои вверх и влево на 2 пикселя. Теперь выберите все получившиеся слои и объедините их в один (Layer>Merge Layers).

Выберите слой и идите в Layer>Layer Styles>Stroke. Используйте 14 писклей для параметра Size, 40% Opacity и (#b47200) для цвета.

L.A Noire Neon Style in Photoshop

Шаг 10

Скопируйте неон из Illustrator в Photoshop. Идите в Layer>Layers Styles>Blending Options. Поменяйте параметр Fill Opacity на 0%.

L.A Noire Neon Style in Photoshop

Шаг 11

Выберите Drop Shadow. Примените следующие настройки.

L.A Noire Neon Style in Photoshop

Шаг 12

Выберите Inner Shadow. Примените следующие настройки.

L.A Noire Neon Style in Photoshop

Шаг 13

Выберите Outer Glow. Примените следующие настройки.

L.A Noire Neon Style in Photoshop

Шаг 14

Выберите Inner Glow. Примените следующие настройки.

L.A Noire Neon Style in Photoshop

Шаг 15

Неон получился симпатичным, но на нем некоторые части нужно сделать более светлыми. Сделать это очень просто. Создайте новую группу и поменяйте ее Color Dodge. Создайте новый слой внутри группы и с помощью инструмента Brush Tool (B), мягкой кисти белого цвета начинайте красить определенный зоны, чтобы сделать их светлее. Вот, что у меня получилось:

L.A Noire Neon Style in Photoshop

Шаг 16

Теперь нужно сделать темные пятна. Добавьте новую группу, но на этот раз поставьте режим смешивания Linear Burn с прозрачностью 80%. Добавьте слой внутри группы и с помощью Brush Tool (B), мягкой кисти черного цвета сделайте несколько темных зон.

L.A Noire Neon Style in Photoshop

Шаг 17

Выделите все слои и продублируйте их. Затем объедините их в один слой. Идите в Filter>Blur>Gaussian Blur. Поставьте Радиус 5 пикселей.

L.A Noire Neon Style in Photoshop

Заключение

Поменяйте режим смешивания на Screen и с помощью инструмента Eraser Tool (E) сотрите большую часть слоя, оставляя только те части, где имеются яркие пятна. Как вы видите, воссоздать подобный эффект довольно-таки просто, в основном тут используются стили слоев и режимы смешивания. Ну вот собственно и все 🙂

L.A Noire Neon Style in Photoshop

Оригинал туториала: http://abduzeedo.com/la-noire-neon-style-photoshop

Поделиться :
Предыдущая публикация Следующая публикация
Похожие публикации
Создаем дизайн и кодируем приложение на iPhone в стиле 80′ Часть 2 01.02.2011
Эффект Motion Blur с помощью SVG 09.04.2015
Создаем Макет Блистеровой Упаковки в Фотошопе | Урок 01.06.2011
Создаем Собственный Сочный Слайдер | Урок 27.02.2011