Как в фотошопе нарисовать свечение. Неоновое свечение в фотошопе. Приступаем к уроку Фотошопа

В этом уроке мы будем рисовать светом в Adobe Photoshop. У нас получится чудесная работа, реалистичная и сочная. Мы будем создавать контур при помощи инструмента Pen/Перо, затем обведем контуры при помощи кистей, добавим света, искр, боке, используем корректирующие слои.

1. Делаем набросок

Шаг 1

Откройте Photoshop и создайте новый документ. Создание работ с нуля хороши тем, что вы можете изначально выбрать любой размер документа, а не подстраиваться под качество и разрешение исходников. В нашем случае это будет документ для печати формата A2. То есть размер документа будет 42.5cm х 59.4cm, разрешение 300 dpi и цветовой режим - CMYK .

Теперь быстрыми движениями нарисуйте сердце.

Шаг 2

Нарисуйте ваш текст при помощи планшета. Если у вас лучше получается на бумаге — рисуйте на ней, а потом отсканируйте.

Шаг 3

Автор урока решил выполнить этот шаг в Illustrator. Это личное предпочтение, и если вы также пользуетесь этой программой, вы можете нарисовать текст в ней (это действительно может быть удобнее). Затем вставьте получившуюся работу в Photoshop.

2. Создаем множественные линии

Шаг 1

Если вы выбрали работу в Illustrator, тогда выполните следующие действия. Если нет, переходите к шагу 3. Вставьте ваш текст в документ фотошоп как Path/Контур .

Шаг 2

Выберите инструмент Brush/Кисть (B) укажите ей 100% soft edged (растушеванные края) , и диаметр в 10 px . Возьмите инструмент Pen/Перо (P) , кликните правой кнопкой по тексту и выберите Stroke Path/Обводка контура . Убедитесь что отключена опция Simulate Pressure/Симулировать нажим и нажмите OK .

Шаг 3

В меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении . Настройте параметры как показано ниже и нажмите OK .

Шаг 4

Снизьте Opacity/Непрозрачность слоя примерно до 50% и дублируйте слой. Укажите слою маску (Layer > Layer Mask > Reveal All/Слой>Маска слоя>Показать все ) и скройте некоторые части линий большой растушеванной круглой кистью черного цвета.

Шаг 5

Возьмите инструмент Pen/Перо и обведите (не слишком точно) текст в режиме Path/Контура .

Шаг 6

Укажите контуру обводку кистью (как в Шаге 1). Делайте это отдельно для каждой буквы. Подберите размер кисти между 5, 10 или 15 px , чтобы получить наиболее реалистичный результат, и поэкспериментируйте с параметром Opacity/Непрозрачность .

Шаг 7

После того как вы применили контур к букве, скройте при помощи маски слоя концы линий, чтобы линии истончались на концах.

Шаг 8

Используйте оригинальный слой только как ориентир, не пытайтесь точно повторить контур. Добавляйте линиям толщины посредине, но сохраняйте классическую типографическую форму, оставляя нижнюю часть и закругления тонкими.

Шаг 9

Продолжайте обводить слова. Старайтесь делать толще левую часть букв. Так вы сохраните расстояние между ними.

Шаг 10

Не забывайте стирать начало и конец линий, чтобы световые штрихи смотрелись реалистичнее.

Шаг 11

Создавайте несколько линий для каждой буквы, чтобы получить результат примерно такой как на картинке ниже.

3. Добавляем цвета

Шаг 1

Теперь давайте раскрасим нашу работу. Над всеми слоями создайте корректирующий слой Gradient Map/Карта градиента (Layer > New Adjustment Layer > Gradient Map/Слой>Корректирующий слой>Карта градиента ). Используйте цвета: #000000 ; #54000c ; #d69f0a ; #fffee9 .

Шаг 2

Корректирующий слой должен всегда оставаться поверх остальных слоев — на самом верху. Всю остальную работу мы будем вести в слоях ниже (в том числе новые слои создавайте под корректирующим). Теперь давайте добавим свечения. Повторите процесс обводки буквы, но на этот раз возьмите очень большую кисть (100–200 px ) и включите опцию . Используйте цвет #8c8c8c . Смените режим наложения этого слоя на Screen/Осветление .

Шаг 3

Покройте таким свечением все толстые части букв.

Шаг 4

Теперь добавим немного еще более толстых линий. Включите опцию Pressure Simulation/Симулировать нажим и выберите белый цвет. Рисуйте линии различной толщины (25–75 px ).

Шаг 5

Добавьте толстых белых линий поверх всех букв.

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

Шаг 1:

Для начала создайте новый документ, примерно 750х500 пикселей, залейте его темным цветом к примеру таким #171717.

Шаг 2:

Возьмите инструмент "Перо" (пен тоол "P") и нарисуйте линию, не важно какую нам главное понять смысл как сделать а красоту можно подкорректировать:

Шаг 3:

Сейчас внимание важные моменты последней подготовочной стадии:

Шаг 4:

Первым делом создайте новый слой (ctrl + n), затем установите основной цвет "Белый" или нажмите клавишу "D" для сброса цвета. Теперь снова воспользуйтесь инструментом Pen Tool (P) Перо, нажмите правой кнопкой мыши по контуру и выберите пункт "Выполнить обводку контура" -> Инструмент: Кисть + Имитировать режим (как на скрине ниже)

После нажатия "ОК" у вас должно получится нечто такое, как у меня:

Ну вот самую главную работу мы уже сделали, теперь дело осталось за малым. А собственно сейчас я и отвечу на главный вопрос как линии сделать светящимися, будь то оттенок неона или стиль Железного человека.

Шаг 5:

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

и еще для динамики можно добавить внутренних оттенков, типо этого

Ну вот и все, можете заценить свой результат!!! Более чем уверен что у Вас получилось лучше чем у меня |

Если вам не в падлу, то выкладывайте в комментариях свои свои скриншоты того что получилось!!! Необязательно создавать именно такой контур как у меня, можете даже нарисовать какую либо контурную фигурку, и проделать с ней вышеуказанные операции, представляю как круто получится ^_^

А я как нибудь так накручу наверчу, и вот такую фигню получу:

А ты считаешь, как можно креативно назвать вот это

Почему то у меня в голове крутится такое название "Светящаяся кегля", вам тоже показалось это странным? 0_о

В заключение

Если смог помочь, то очень рад! + если вы выполнили урок то очень благодарен! Писал как знал, пытался все рассказать как можно подробней и надеюсь у меня это получилось. Если у вас не получилось с первого раза, не бросайте, продолжайте дальше, перечитайте урок возможно что-то пропустили или наоборот сделали лишнее. На всякий случай давайте повторим:

Создать новый слой, взять перо и нарисовать произвольный контур
Взять в руки Кисть, зайти в настройки изменить значение
Создать новый слой, сбросить цвет установив в основу белый
Создать обводку контура
Настроить стиль слоя
И конечно же показать нам свой результат! :)

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

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

§1. Вначале я создал новый документ 600?600 пикселей и закрасил его радиальным градиентом (Radial Gradient) от светло-коричневого (#922f00) к черному (#000000).

§2. Нам нужно выделить центр окружности, для этого мы копируем слой с созданной окружностью и изменяем режим смешивания на «Color Dodge».

§3. Теперь нам нужно добавить светящийся эффект, для этого мы будем использовать слой с подходящим фоном. Создадим новый слой и применим на нем фильтр Filter > Render > Clouds.

§4. Изменим режим смешивания этого слоя на «Overlay» и уменьшим непрозрачность (Opacity) до 30%. Похоже мы добились предполагаемого эффекта, но нам надо добавить еще немного «дымки». Для этого примените фильтр Filter > Sketch > Chrome со свойствами по умолчанию, кончено вы можете поиграться со свойствами, но нам вполне подходят свойства по умолчанию. Результат вы можете увидеть на следующем скриншоте.

§5. Чтобы сделать несколько светящихся линий мы будем использовать инструмент «Pen tool».Будет лучше, если вы не станете злоупотреблять опорными точками, это поможет добиться гладкости линий. Мы можем добиться подходящей кривой, изменяя мышкой углы ее наклона. На скриншоте снизу стилизованная буква S опирается всего на три точки. Две точки в начале и конце, и одна точка по середине, чтобы придать кривой изогнутость.

§6. Как только вы добились подходящей кривой, создайте новый слой Потом нажмите на paintbrush tool (, и измените кисть на кисть диаметром 3 пикселей без сглаживания по краям.

§7. Теперь вернитесь к pen tool (P), и нажав правой кнопкой мыши на кривой, выберите свойство «Stroke Path». Перед вами появится диалоговое окно, в котором вам надо изменить инструмент на кисть (Tool: Brush), и убедиться в том, что у вас отмечено свойство «Simulate Pressure». Это очень важно, поскольку именно это свойство создает сужение по краям нарисованной линии. Теперь опять нажмите правой кнопкой мыши на кривой и удалите ее (Delete path).

§8. Вы должны получить похожую узкую кривую.

§9. Теперь надо добавить к кривой свечение Самый простой способ — это изменить свойства слоя (layer style). Во первых используем свойство Outer Glow со стандартными параметрами. Еще один способ который мы использовали чтобы добавить свечение — это свойство Drop Shadow. Ко всему прочему, я использовал свойство Color Overlay чтобы выделить белым цветом центр полученного свечения.

§10. Теперь у вас есть одна светящаяся линия, но будет здорово, если мы создадим еще несколько линий похожим методом. Прелесть layer style в том, что для того чтобы использовать одни свойства на нескольких слоях, нам достаточно скопировать стиль исходного слоя на новый. Для этого нажимаем правой кнопкой мыши на слое со стилем, выбираем пункт «Copy Layer Style», затем нажимаем правой кнопкой мыши на новом слое и присваиваем ему скопированный стиль, выбрав пункт «Paste layer style».

§11. Теперь, используя описанные методы, создайте еще несколько изогнутых линий. В примере я сделал одну линию толще других, использовав кисть большего диаметра, и добавил одну линию как бы соединяющую две фигуры.

§12. Теперь добавим текст с тем же layer style, что и в примерах с линиями. Очень важно будет уделить внимание оформлению текста. Вам надо будет подобрать подходящий шрифт, размер, расстояние между буквами. Здесь я оформил три слова, уменьшив размер и увеличив расстояние между буквами в словах «ADVANCED и FX».

§13. Сейчас, пожалуй, добавим на рисунок частицы. Для этого будем использовать кисть диаметром 3 пикселя без сглаживания по краям. Создайте новый слой и нарисуйте в нем точки. Эффект свечения будет нагляднее, если вы будете использовать в центре точек больше и делая их более жирными, используя двойной клик.

§14. Теперь мы можем разукрасить полученное свечение. Для этого создайте новый слой, закрасив его радиальным градиентом от голубого к прозрачному.

§15. Затем измените режим смешивания нового слоя на «Color» и уменьшите непрозрачность до 50%.Теперь вы видите как часть свечения стала синеватой. Добавим еще несколько разноцветных слоев с похожими свойствами, чтобы получить разноцветное свечение.

§16. И теперь вы получили результат которого ждали.: цветное свечение покрытое дымкой. Запомните этот урок, вы можете применять похожие приемы где-угодно, можете экспериментировать со свойствами, чтобы получить что-то по-настоящему превосходное! Удачи!

уроке фотошоп, уроки фотошопа, урок Photoshop

Финальный результат

В данном уроке Фотошопа мы рассмотрим процесс создания сердца из святящихся линий.

Приступаем к уроку Фотошопа

Создайте новый документ большого размера, залейте фон чёрным (Paint Bucket Tool (Инструмент Заливка / Клавиша ‘G’)). В меню слева выберите Custom Shape Tool (Инструмент ‘Произвольная фигура’ / Клавиша ‘U’) и нарисуйте фигуру, которую вы хотите изобразить. Не стоит делать её слишком большой, иначе могут возникнуть трудности в обработке. Итак, я выбрал сердце.

Выбрав и расположив фигуру, используя Pen Tool (Инструмент Перо / Клавиша ‘P’), щёлкните правой кнопкой мыши на фигуре и выберите Make Selection (Создать выделение). Залейте выделение цветом. (можно сразу выбрать цвет заливки контура)

Создайте новый слой (New Layer (Новый слой / Сочетание клавиш ‘Ctrl+Shift+N’)), на данном этапе нужно самостоятельно подобрать новые абстрактные кисти подобные тем что используются в данном уроке. Установите данные кисти. Выберите белый цвет и настройте размер кисти так, чтобы отпечаток был чуть крупнее, чем фигура.

Теперь вы должны придать отпечатку кисти нужную форму. Для сердца достаточно сделать только половину, так как оно симметричное. Нажмите Ctrl+T , и чуть-чуть поверните изображение.

Кликните правой кнопкой и выберите Warp (Деформация). Поиграйте с изображением пока вы не получите что-то вроде этого: ↓

Нажмите Enter и повторите эту процедуру ещё раз (Ctrl+T , правый клик, Warp (Деформация)): ↓

Ну и ещё разок, для пущей убедительности: ↓

Самая сложная часть работы позади.

Выделите слой (Ctrl+A ), скопируйте выделенное (Ctrl+C ) и нажмите (Ctrl+V ), чтобы скопированное оказалось на новом слое. Нажмите Ctrl+T и правым кликом выберите Flip Horizontal (Отразить по горизонтали). Сдвиньте изображение, как на картинке ниже и объедините с предыдущим слоем (Ctrl+E ).

Начальная фигура нам больше не понадобится, поэтому вы смело можете её удалить.

Теперь ваша картинка выглядит так: ↓

Почти готово! Осталось добавить немного цвета. Создайте новый слой (Shift+Ctrl+N ), и измените режим смешивания слоя на Overlay (Перекрытие). Залейте градиентом (Gradient Tool (Инструмент Градиент / Клавиша ‘G’)) по вкусу или просто пройдитесь по изображению цветной кистью.

Для создания коллажей часто требуются светящиеся линии. Сделать их легко при помощи инструмента «Перо». Рассмотрим на примере. Создаем новый файл размером 500*500 пикселей. Сделаем фон, чтобы линия смотрелась эффектней. Создаем новый слой. На панели инструментов в верхнем квадрате устанавливаем бардовый цвет, в нижнем – черный. Заливаем «Градиентом» тип «От основного к фоновому» фон.

Чтобы придать неоднородность фоновому слою создаем новый слой и заливаем его «Облаками».

Изменяем режим наложения на «Осветление основы».

Устанавливаем значение инструмента «Кисть».

Создаем новый слой.

Инструментом «Перо» ставим первую точку вверху и вторую внизу.

Инструментом «Перо» левой кнопкой мыши оттягиваем линию вбок.

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

После того, как будет выполнена обводка контура убираем контурную линию. Для этого необходимо правой кнопкой мыши нажать по контуру и выбрать из контекстного меню «Удалить контур».

Делаем копию линии. Один из слоев нумеруем 1, а другой – 2.

Для слоя № 1 заходим во вкладку «Фильтр» — «Размытие» — «Размытие по Гауссу».

Для слоя № 2 заходим во вкладку «Слои» — «Стиль слоя» — «Параметры наложения». В открывшемся окошке устанавливаем галочку возле параметра «Внутренняя тень» и задаем её цвет.

Создаем дубликат слоев № 1 и № 2 и объединяем их. Заходим во вкладку «Редактирование» — «Трансформация» — «Деформация». Искривляем линию.

К слоям с линиями добавляем слой-маску и в слое-маске кистью черного цвета прокрашиваем лишние участки линии к которой была добавлена внутренняя тень, чтобы скрыть блеск линии.

Поверх всех слоев создаем новые слои и ставим в них цветные пятна. Изменяем режим наложения этих слоев на «Перекрытие» и другие режимы.

Таким способом получаем светящиеся линии.