Как сделать неоновые полосы в фотошопе. Урок фотошопа: светящиеся линии. Приступаем к уроку Фотошопа

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

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

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

Создайте новый документ большого размера, залейте фон чёрным (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’)) по вкусу или просто пройдитесь по изображению цветной кистью.

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

Шаг 1. Для начала нужно определиться с тем самым объектом, вокруг которого мы будем делать наши линии. Я выбрала вот такую металлическую баночку из-под напитка. Думаю, будет смотреться достаточно оригинально. Вы же можете использовать любое другое, это не имеет большого значения.

Шаг 2. Теперь возьмите Инструмент Перо (Pen Tool) ,обведите свой объект и создайте выделение. После этого скопируйте объект в новый документ с черным фоном любого угодного вам размера. Далее Ctrl + щелчок по слою с баночкой, затем Выделение-Растушевка (Select- Feather) и ставите значение в 1px. Далее инвертируйте выделение, и нажмите Del .

Шаг 3. Продублируйте слой с объектом, режим наложения ему сделайте Умножение (Multiply) , а степень прозрачности снизьте по своему вкусу.

Шаг 4. Создайте новый слой. На нем при помощи Инструмента Эллиптическая Область Выделения (Elliptical Marquee Tool) создайте овальное выделение, и залейте его градиентом. Я взяла черно-зеленый. Вы же вместо зеленого можете выбрать любой другой понравившийся вам цвет. Далее трансформируйте градиент так, чтобы он как бы лег горизонтально (см. рисунок ниже). Этим вы добавите своей картинке немного перспективы.

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

Шаг 6. Измените слою с текстурой режим смешивания на Умножение (Multiply) . Теперь белые пятнышки станут немного светлее.

Шаг 7. Также добавим стиль слоя Внешнее Свечение (Outer Glow) , настройки вы видите на картинке ниже. Режим смешивания стиля - Осветление основы (Color Dodge ) . А для своей текстуры в настройках стиля слоя поставьте значения по своему вкусу. Обратите внимание, насколько интенсивнее и ярче стал свет, исходящий из-под баночки.

Шаг 8. А сейчас мы будем подготавливать кисть для рисования плавных светящихся линий. Мы должны так поработать с параметрами в настройках кисти, чтобы линии, проводимые ею, заканчивались тоненькой заостренной полосой. Итак, регулируем форму кисти во вкладке установки инструментов. Находится она в правом верхнем углу верхней панели программы. Открываем окно Кисти (Brushes) , там выбираем Динамику Формы (Shape Dynamics) . Поиграйте с настройками Минимального Диаметра (Minimum Diameter) , пока не добьетесь результата, как показано на картинке ниже.

Шаг 9. Возьмите Инструмент Перо (Pen Tool) и проведите им плавную, изогнутую линию. Далее, пока у вас все еще активен этот инструмент, щелкните правой кнопкой мыши и выберите в появившемся окне пункт Выполнить обводку (Stroke Path) . Затем во вновь появившемся окошке из общего списка выбираем Кисть (Brush) и ставим галочку рядом с окошком Имитировать Нажим (Simulate Pressure) .

Шаг 10. Теперь добавьте слою с линией стиль Внешнее Свечение (Outer Glow) . Режим смешивания стиля - Осветление основы (Color Dodge ) . Настройки поставьте, как показано ниже.

Шаг 11. Теперь таким же путем нарисуйте столько светящихся линий, сколько вам захочется. Старайтесь проводить их в разном направлении, изгибайте, поворачивайте, в общем, делайте все, чтобы результат был примерно похож на картинку ниже. Да, и не забывайте, что слой с линиями должен находиться под слоем с вашим основным объектом.

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

Шаг 13. Вы, наверное, успели заметить, что после увеличения градиента стали видны края текстуры. Нам это совсем не нужно. Избавимся от них с помощью Инструмента Ластик (Eraser Tool) большого диаметра и небольшой жесткостью. Но тут я могу сказать, что все зависит от вас. Если вы будете использовать другую текстуру, то вы просто можете растянуть ее под размер документа в самом начале, тем самым избавив себя от необходимости затирать ее сейчас.

Шаг 14. Сейчас добавим немного атмосферности нашему объекту. При помощи мягкой Кисти (Brush Tool) мы добавим несколько цветных зеленых пятен. Делаем это все на новом слое. Измените режим смешивания слоя на Мягкий Свет (Soft Light) . Обратите внимание, насколько реалистичнее смотрится теперь баночка!

Шаг 15. Выделите объект на слое с баночкой, инвертируйте и удалите ненужную область.

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

Шаг 17. Большинство линий, находящихся на баночке, мы вытираем. Здесь вы работайте на свой вкус. Старайтесь сделать так, чтобы казалось, что некоторые линии выходят прямо из объекта. Результат вы видите ниже.

Шаг 18. Еще одна вещь, которая добавит нашей картинки некую стильность-это россыпь светящихся точек разного диаметра. Для того чтобы выполнить это действие, мы должны вновь настроить кисть. Только теперь настройки будут совершенно другие. Поиграйте ими так, чтобы получить что-то вроде той кисти, которая показана на картинке ниже. Если не можете настроить, примените обычную круглую мягкую кисть, меняйте только диаметр и жесткость. Либо же вы можете использовать готовую кисть с россыпью звезд, например. В сети их предостаточно.

Шаг 19. Примените кисть на новом слое вокруг светящихся линий и вокруг самого объекта. Периодически меняйте ее размер и жесткость. Затем добавьте этому слою такой же стиль, с такими же настройками, как у слоя с линиями.

Шаг 20. Теперь сотрите некоторые точки. Мы должны добиться легкого, утонченного эффекта. Некоторые из них можно сделать полупрозрачными.

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

Не бойтесь экспериментировать. Удачи вам!

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

Шаг 1:

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

Шаг 2:

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

Шаг 3:

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

Шаг 4:

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

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

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

Шаг 5:

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

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

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

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

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

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

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

В заключение

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

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

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

В этом уроке Illustrator мы научимся рисовать красивые светящиеся линии. Результат выглядит очень эффектно.

	Шаг 1. Создаем новый документ (Ctrl+N ) размером 8 на 11 дюймов и, используя Инструмент Прямоугольник (Rectangle Tool (M)) , рисуем черный прямоугольник размером с наш документ.
	Шаг 2. Теперь, выбираем Инструмент Mesh Tool (Сетчатый Градиент (U)) и кликаем им, как на рисунке внизу. В точке пересечения меняем цвет на темно синий (C=100, M=40, Y=0, K=60 ). Для выделения конкретной точки используем Инструмент Direct Selection Tool (Стрелка (A)) .
	Шаг 3. С помощью все того же рисуем ещё одну горизонтальную линию и закрашиваем точку пересечения её с вертикальной линией в красный (C=0, M=100, Y=100, K=50 ) цвет.

Шаг 4. Последнюю точку этой сетки (добавляем ещё одну линию (см. рисунок)) закрасим темно оранжевым (C=0, M=80, Y=100, K=30 ) цветом.

Шаг 5. Создадим Кисть, которую мы будем использовать при рисовании Линий. Для этого выбираем Инструмент Rectangle Tool (M) и рисуем им прямоугольник длиной 4 дюйма и высотой 0,125 дюйма . Закрашиваем его 5% черным.

Шаг 6. Выделяем прямоугольник, нажимаем Ctrl+C (чтобы скопировать), Ctrl+F (чтобы вставить наверх) и изменяем высоту (на 0,03 дюйма) и заливку (на белую).

Шаг 7. Выделяем первый прямоугольник (который потолще) и меняем его Прозрачность (Transparency) на 0% . Если вам трудно работать с этим почти невидимыми прямоугольниками перенесите их на ранее нарисованную Сетку.

Шаг 8. Выделяем оба прямоугольника и идем Object>Blend>Make (объект>переход>Сделать) . Теперь, они должны выглядеть так:

Шаг 9. Перносим наш Blend на Панель Кисти (Brushes) . Для новой кисти задаем тип New Art Brush (Объектная) , все остальный учтановки оставляем как есть. Сам Blend нам больше не понадобиться, так что его можно удалить или убрать в сторонку.

Шаг 10. Начнем создавать вертикальные линии. Для этого можно использовать планшет или, если его нет, рисуем линию с помощью Пера (Pen Tool (P)) .

Шаг 11. На Панели Transparency меняем Режим Смешивания на Overlay (Перекрытие) .

Шаг 12. Рисуем таким же образом ещё несколько линии.

Шаг 13. Рисуем ещё несколько линий, Режимы Смешивания также ставим - Перекрытие , но толщину линии меняем на 0,5 пт .

Шаг 14. Опять рисуем 5-10 линий (Режим Смешивания - Перекрытие , толщина - 0,25 пт , Opacity (Непрозрачность) - 20% ).

Шаг 15. Ещё 3-5 линий рисуем с толщиной линии - 3 пт, Непрозрачностью - 35% и Режимом Смешивания - Перекрытие..

Шаг 16. С линиями мы закончили. Добавим немного свечения иллюстрации. Для этого рисуем круг (выбираем Инструмент Эллипс (Ellipse Tool) и при рисовании удерживаем Shift ) размером 0.5 на 0.5 дюймов . Заливаем его 5% желтым.

Шаг 17. Выделяем круг и нажимаем Ctrl+C (чтобы скопировать) и Ctrl+V (чтобы вставить копию на передний план). Размер копии уменьшаем до 0.25 на 0.2 дюйма. Цвет заливки делаем белым.

В этом уроке мы будем рисовать светом в 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 ).