Рисуем неоновый эффект (Фотошоп)

Автор Настя Манно

Недавно в одной своей работе мне нужно было изобразить эффект неона. Порывшись в ФШ туториалах, нашла нечто похожее. По-английски такая штука называется Glow Effect. Выглядит очень красиво и кажется сложным для повторения. Но на самом деле все очень просто и доступно. Основной принцип: вначале используется инструмент Перо (Pen Tool), а затем к нему применяется свойство выбранной заранее кисти (Paintbrush Tool). Но обо всем по-порядку.

Создадим новый документ и зальем его темным фоном, например #1C1C1C. Все светящиеся эффекты очень красиво и натурально выглядят на черном или слегка подсвеченном черном фоне.

Рисовать мы будем обычную кривую линию, но при этом светящуюся, словно след от пролетевшего сумасшедшего метеора. Включаем инструмент Перо (Pen Tool). При этом в свойствах инструмента должно быть включено Paths.

Рисовать пером не просто, а очень просто. Ставите в том месте, откуда начнется линия первую точку, затем на некотором расстоянии ставите вторую точку и, не отпуская левой клавиши мышки, “тянете линию” в какую-нибудь сторону. В этот момент вы можете, двигая мышкой в разные стороны, изменять кривизну получившегося отрезка. Когда добьетесь нужной кривизны, отпускаете кнопку мыши, ставите следующую точку и действуете точно так же. У меня на рисунке получилось четыре таких точки.

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

Теперь нужно снова переключиться на инструмент Перо (Pen Tool). Добавим новый слой. Затем кликаем правой клавишей мышки по нашей линии и в выпадающем меню выбираем пункт Stroke Path. Появится диалоговое окно с соответствующим названием. В окне уже будет по-умолчанию выбран инструмент Кисть. Обязательно ставим галочку у Simulate Pressure для того, чтобы края нашей линии истончались “из пустоты в пустоту”. А теперь снова кликаем правой клавишей мышки на любом участке линии и в выпадающем меню выбираем пункт Delete Path. Получаем вот такую симпатичную загогулину:

Яркий зигзаг на темном фоне уже кажется светящимся. Усилим этот эффект и добавим капельку гламура. Кликнем по иконке Add a layer style и последовательно добавим следующие эффекты:

Последний из примененных эффектов Color Overlay делает зигзаг “раскаленным” добела. Именно по этой причине мы при выборе кисточки использовали первый попавшийся цвет. На выходе получаем вот такой красивый эффект

Mannodesign

Популярность: 20%

Рубрика: Уроки | Ноябрь 21, 2008 в 11:51

Ответов (15) на “Рисуем неоновый эффект (Фотошоп)”

Комментарий от Павел — 21 Ноябрь 2008 #
Спасибо. Просто и понятно. Действительно линия как будто раскаленна. Очень красиво и самое главное просто делается.
Комментарий от Кирилл Erlang — 22 Ноябрь 2008 #
Действительно, полезно. Спасибо, Настюш.
Комментарий от Настя Манно — 22 Ноябрь 2008 #
Рада, что вам понравилось В следующем уроке перейдем от гламура к старым и потрепанным картинкам в стиле гранж :)))
Комментарий от Найкрис Кроули — 22 Ноябрь 2008 #
Люблю этот эффект, а вот приминить нигде не удается

“Настя Манно - веб-дизайнер, в узких кругах фигурирует под прозвищем “Гранж”, которое получила за любовь и частое использование данного стиля в своих работах”
Выдержка из засекреченых документов шпиёнов блогсферы.
Комментарий от Настя Манно — 22 Ноябрь 2008 #
:))) Настя Гранж - звучит неплохо!
Комментарий от Найкрис Кроули — 23 Ноябрь 2008 #
Я рад, что ты оценила
Комментарий от Fr34k — 24 Ноябрь 2008 #
Привет Настюша, спасибо за размещение банера. извени но оч. похоже http://psdtuts.com/tutorials/tutorials-effects/advanced-glow-effects/(Англ.)
Комментарий от Ildar — 24 Ноябрь 2008 #
Мне кажется что я никогде не освою все премудрости фотошопа, хотя итак знаю довольно таки мнего, но постоянно появляется что то новое
Комментарий от vteatre — 24 Ноябрь 2008 #
Отличный эффект! Люблю темные фоны.
Комментарий от Настя Манно — 24 Ноябрь 2008 #
Fr34k, привет! Конечно похоже! Я этот пример и брала за основу. Но так как это не дословный перевод, да и картинки использовала свои собственные, то и не стала давать ссылку на тот урок. Тем более, что он не единственный в своем роде
Комментарий от Fr34k — 26 Ноябрь 2008 #
Настюша, я ведь нечего и не гворю =). Ты не подумай я нечего нехотел сказать тем камментом. просто почемуто спомнилось. Я даже за чтобы люди переводили или осуществляли какиета туторы по своем и выкладывали. Так что не всдумай обижаться
Комментарий от art — 26 Ноябрь 2008 #
о круто. теперь знаю как мигающую неоновую вывеску в мультике сделать (:
Комментарий от Настя Манно — 27 Ноябрь 2008 #
Да я и не обижаюсь Лишнее это. Была бы польза от урока - вот что важно, а все остальное - суета :)))
Комментарий от drsof — 16 Декабрь 2008 #
Хороший урок для новичков, главное простой и интересный… молодец)
Комментарий от Игорь — 30 Декабрь 2008 #
Блин у всех фотошопы с англ переводом, а у меня русский. Что делать??? сам я новичек в нем, поэтому пока еще плохо разбираюсь…((((

новые сообщения

облачко тэгов

самое популярное

свежие комментарии

архив

рубрики

считалочки