Неоновая надпись

Доброго времени суток всем.
Когда вы ночью выходите в город, что задаёт ваше настроение? Конечно это огни! И вот совсем недавно я столкнулся с задачей отрисовки яркой неоновой лампы. Прошерстив интернет в поисках хорошего урока, я был разочарован. Но не отчаялся и подумал: "Если чего-то нужного нет, сделай это сам!". И собственно придумал свой способ изображения этого яркого, светящегося предмета. Им то я и хочу поделиться!
Не будем медлить, а пожалуй сразу начнём.

Шаг 1.

Первым делом стоит создать новый файл, для чего тиснем Ctrl + N. Размер может быть любым, в зависимости от ваших целей:
neon_1.png

Шаг 2.

Создаём удобоваримый фон. Для этого я просто использовал инструмент Tradient tool (Градиент) и применил его прямо к фону. Цвета могут быть абсолютно любыми, однако если мы хотим создать неоновую вывеску, то логично, что лучше выбрать что-нибудь потемнее.
neon_2.png

Шаг 3.

При помощи инструмента Horizontal Type Tool (T) выбираем шрифт, которым будем писать, его размер и пишем текст. Его цвет нам не важен, а вот контур пригодится.
neon_3.png

Шаг 4.

Выбираем Pen Tool (Перо) на панели инструментов, для него активируем режим рисования контура (кнопка сверху, отмечена на скриншоте), и начинаем ставить контрольные точки по нашему шрифту. Не пугайтесь, что не создался новый слой или фигура. Просто в данном режиме мы рисуем Path (Путь).
Примечание: если вы выбрали жирный шрифт, то разумнее будет не весть путь по середине шрифта, а обвести его по контуру.

neon_4.png

Затем, с помощью инструмента Convert Point Tool (он показан на скриншоте) начинаем гнуть кривые, чтобы они стали более плавными и походили на реальные изгибы лампы.

neon_5.png

Шаг 5.

Теперь нам необходимо создать новый слой (Shift + Ctrl + N) и выбрать его, а так же нужно выбрать толщину нашей лампы, то есть кисть, которой будет обведён наш путь. Для этого просто выберите Brush Tool (Кисть) установите необходимые параметры. После того, как с выбором покончено отправляйтесь во вкладку Paths (Пути) и ,клацнув правой кнопкой мыши по пути Work Path (там он должен быть один, если вы конечно ничего там предварительно не создавали), выбираем пункт Stroke Path (Обвести путь). В появившемся окне есть галочка Simulate Pressure - этот пункт отвечает за утоньшение линий по концам, то есть создаётся эффект, словно вы плавно отпускали ручку во время рисования. Используйте его на своё усмотрение.

neon_6.jpg

Шаг 6.

Идём обратно во вкладку Layers (Слои) и видим, что путь обведён как раз на нашем единственном слое. Далее применяем к нему все те эффекты, что описаны ниже.

neon_7.jpg
neon_8.jpg
neon_9.jpg

И получаем что-то, похожее на это

neon_10.jpg

Шаг 7.

Дублируем наш слой путём перетаскивания его на иконку нового слоя или же просто кликаем по нему правой клавишей и выбираем пункт Duplicate Layer (Дублировать Слой). Полученную копию во вкладке Layers (Слои) опускаем ниже нашего оригинала, чтобы он находился позади и применяем следующий стиль.

neon_11.jpg

То есть просто закрашиваем его в цвет #00deff.
Далее идём в Filter -> Blur -> Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и применяем этот фильтр к нашему слою-подложке со следующими значениями:

neon_12.jpg

Шаг 8.

Снова дублируем наш основной слой и перемещаем копию между подложкой и основой. Уменьшаем Opacity (Непрозрачность) до 20% и смещаем слой на десяток пикселей влево и вниз. Вот так собственно мы и получили наше отражение. а значит и закончили урок.

neon_13.jpg

Спасибо за внимание.

Комментарии
Пользователь: Гость 14.01.2012 13:52
Аватар пользователя Гость

стою на 5 шаге.НЕ МОГУ ОТЫСКАТЬ ВКЛАДКУ ПУТИ(русская версия SC4)

Пользователь: mrkaktooz 16.01.2012 09:22
Аватар пользователя mrkaktooz

Она еще может называться Контуры

Пользователь: Гость 29.01.2012 23:36
Аватар пользователя Гость

не чего подобого не получилось

Пользователь: mrkaktooz 30.01.2012 09:26
Аватар пользователя mrkaktooz

Попробуйте еще раз)

Пользователь: Гость 18.02.2012 01:18
Аватар пользователя Гость

Очень красиво получилось!Вопрос, а почему мы в уроке ставим 16 bit? И у меня , думаю из-за этого, не сохраняется в jpeg, а только в tif...помогите.

Пользователь: Гость 06.05.2012 20:32
Аватар пользователя Гость

смотри, я обычно сохраняю в png . заходишь в редактирование --> созранить как --> дальше сама

Пользователь: Гошаня 08.05.2012 15:31
Аватар пользователя Гошаня

застрял на 3 шаге. >_<.у меня не видно то, что я пишу,и я вообще не имею понятия, правильно ли я сделал. вроде как всё правильно, всё пишется, но почему я не вижу того, что пишу??7 помогите пожалуйста

Пользователь: mrkaktooz 10.05.2012 10:08
Аватар пользователя mrkaktooz

возможно у вас цвет шрифта совпадает с цветом фона

Пользователь: джу 09.05.2012 14:57
Аватар пользователя джу

а у меня шифт+ контрл+ н не работает. что делать?

Пользователь: mrkaktooz 10.05.2012 10:09
Аватар пользователя mrkaktooz

Если фотошоп русский, попробуйте изменить раскладку клавиатуры на английский. иногда помагает

Пользователь: Гость 02.07.2012 18:12
Аватар пользователя Гость

не могу найти вклатку путь ее нет просто. у меня cs4 русская версия. контуров тоже нет...

Пользователь: Гость 11.07.2012 17:18
Аватар пользователя Гость

как открыть окно в шаге 6?

Пользователь: mrkaktooz 19.07.2012 11:22
Аватар пользователя mrkaktooz

дважды кликнуть по слою

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