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

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

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

Конечный результат представлен на скриншоте ниже.

Давайте приступим. Открываем фотографию и поверх создаем пустой слой.

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

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

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

Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем "Размер" на 25 пикселей (будет зависеть от вашей фотографии) и "Жесткость" на 0. "Прозрачность" и "Нажим" оставляем на 100%.

Если у вас отсутствует палитра "Настройки кисти", то их можно включить через верхнее меню "Окно -> Кисть" (Window -> Brush). Горячая клавиша F5.

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

В настройках выставляем "Кисть" и ставим галочку "Имитировать нажим".

Контур будет обведен. Для того, чтобы убрать направляющие, нажимаем клавишу Esc на клавиатуре.

Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в "Стили слоя". Здесь ставим галочку и переходим в настройку "Внешнее свечение" (Outer Glow). В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. "Размах" поставим на 2% и "Размер" увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%. Все остальные настройки должны быть установлены как на скриншоте ниже.

В этом уроке 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 дюйма. Цвет заливки делаем белым.

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

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

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

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

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

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

Делаем копию линии. Один из слоев нумеруем 1, а другой - 2. Для слоя № 1 заходим во вкладку «Фильтр» — «Размытие» — «Размытие по Гауссу».

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

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

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

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


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


Давайте начнем!

Откройте свое изображение. Для примера используется следующее:

Image ID: © Alexander Yakovlev:

Шаг 1.

Используйте свои любимые методы для отделения девушки от фона. Я рекомендую использовать для этого наиболее точный метод - инструмент (). Обведите им очертания девушки и с выбранным инструментом сделайте выделение из пути (правый клик на пути - Make Selection (Выделить область)). Настройте растушевку в один пиксель и включите функцию Anti-Aliased (Сглаживание):



Шаг 2.

Скопируйте выделение (Ctrl+C ) и вставьте (Ctrl+V ) в новый слой , название измените на «Dancer ».


Шаг 3.

Дублируйте слой «Dancer ». Настройте «Яркость и Контраст » () для слоя «Dancer copy »:


Шаг 4.

Выберите слой «Dancer » и примените фильтр (Фильтр - Размытие - Размытие в движении). Установите Angle (Угол) в 40 , Distance (Смещение) в 120 пикселей. Слейте оба слоя с девушкой (Ctrl+E ):


Шаг 5.

Создайте новый слой под «Dancer » и назовите его «Smoke ». Используя инструмент (), сделайте выделение вокруг девушки. Выставите параметр растушевка выделения на 150 px (Ctrl+Alt+D - с данным размером фотографии, значение должно быть меньше - около 50-75 рх , главное чтобы грань была мягко растворяющейся после применения шага №6 ):

Шаг 6.

Сбросьте цвета нажав на клавишу D , а потом поменяйте их местами - клавиша Х . Теперь примените фильтр (Фильтр - Рендеринг - Облака). Режим смешивания для слоя выберите (Перекрытие):


Шаг 7.

Создайте новый слой под «Smoke » и назовите его «Gradient ». Выберите инструмент () и щелкните на «Редактор Градиента » (Gradient Editor). Выберите цвет переднего плана #c6229e и заднего - #1dbdda . Примените Linear Gradient Style (Стиль линейного градиента) под углом в 45 градусов от верхнего левого угла до нижнего правого угла, с 60% opacity (Непрозрачность):

Шаг 8.

Установите режим этого слоя на (Перекрытие) также слейте вместе слои «Smoke » и «Gradient ». Вот что у вас должно получится:

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

Шаг 9.

Создайте новый слой под слоем «Gradient » и назовите его «Glows ». Круглой белой кистью с мягкими краями нарисуйте продолговатые лини вдоль контуров девушки. Это создаст позади ее эффект свечения :

Шаг 10.

С выбранным инструментом « » (кисть), зайдите в палитру кистей (F5) и введите следующие настройки:


Сохраните эту настройки для кисти, щелкнув на «Create New Brush » (Новая кисть) и назовите ее «Splash » (теперь вы можете выбрать эту кисть из списка ваших кистей и для последующего использования). Проведите этой кистью в любых направлениях, чтобы создать приемлемый для вас результат:

Шаг 11.

Создайте новый слой , назовите его «Streaks » (полосы). Название говорит само за себя. Мы собираемся сделать светящиеся полосы. Этот шаг потребует немного проб и ошибок для получение нужного эффекта. То, что Вы должны сделать, так это использовав инструмент () создать треугольник. Потом, используя мягкую белую (B), подбелите противоположную сторону основы треугольника.

Вы можете также экспериментировать с различными формами и размерами, чтобы создать эффекты, которые Вы хотите:


Шаг 12.

Теперь мы создадим некоторые световые блики на девушке. Создайте новый слой выше слоя с девушкой и измените режим смешивания слоя на (Осветление основы). Ctrl+Клик на пути вокруг девушки (который мы сделали ранее ), что в (Окно - Контуры). При активном выделении формы девушки, используйте инструмент (Инструмент «Пипетка» / Клавиша «I»), чтобы выбирать цвет света вокруг девушки. Мягкой окрасьте стороны этой девушки:


Шаг 13.

Теперь мы создадим несколько светящихся линий.

Создайте новый слой под названием «Trails », выше девушки.


Выберите белого цвета (B), затем зайдите в настройки кистей (

Вам понадобится

  • Чтобы добавить эффект свечения в фотошопе, прежде всего необходимо, чтоб объект, контуры которого будут светиться, находился на отдельном слое. Как отделить объект от фона много раз написано в других статьях, на этом сейчас в нашей инструкции останавливаться не будем.

Инструкция

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

Выбираем слой с объектом. Заходим в меню Layer>Layer Style>Outer Glow (Свечение вовне), или нажимаем на «эффект fx» на панели слоев.

Видим перед достаточно обширное поле для настроек:

– цвет свечения; оно может быть однотонным или же изменять свой цвет, в зависимости от расстояния до объекта.

– ширина ореола и интенсивность свечения

– также можно варьировать алгоритм наложения свечения – лучше всего подходят режимы Lighten и Screen
Таким образом настраиваем свечение контура объекта вовне. После этого переходим в следующую вкладку Inner Glow (Свечение внутрь). Настройки здесь подобны.
Чтобы картинка выглядела естественно, нужно помнить, что даже если по логике вещей объект светится лишь наружу, то любая оптическая система, в том числе и человеческий глаз, за счет неабсолютной прозрачности роговицы и хрусталика чуть размывает яркие блики, они выглядят выходящими за границы источника света, поэтому при интенсивном свечении вне контура Outer Glow, внутри его все равно нужно подыграть легкое свечение Inner Glow.

В нашей композиции может быть любое количество слоев с объектами, каждому из которых могут быть подобраны индивидуальные параметры – цвет свечения и его характер.
Кроме того, если мы хотим изобразить отдельный точечный источник света, можно воспользоваться фильтром Lens Flare (в меню Filer>Render>Lens Flare), который имитирует реакцию различных фотообъективов на появление в кадре яркого источника освещения. Таким образом мы можем добавить в композицию какое угодно количество светящихся лампочек, ламп и прожекторов.

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

Видео по теме

Источники:

  • светящиеся глаза фотошоп

Инструкция

Создайте новый документ размером 500х500 пикселей, а затем выберите на панели инструментов градиентную заливку. Установите радиального градиента и выберите подходящий переход (например, переход из черного цвета в красный). Растяните градиент на созданном изображении, а затем продублируйте слой (Duplicate layer) и измените режим смешивания на Color Dodge.

Теперь создайте новый слой и в разделе фильтров (Filter) выберите опцию Render>Clouds с исходными параметрами палитры – черным и белым . Прозрачность слоя установите на 30%, после чего откройте раздел фильтров Sketch и выберите фильтр Chrome. Установите значения фильтра 4 и 7, а затем верните прозрачность на значение 100%. Режим смешивания слоев установите на Hard Mix.

Для создания светящихся линий используйте инструмент Pen Tool. Нарисуйте с помощью этого инструмента произвольную плавную линию, изгибая ее по собственному желанию и редактируя изгиб с помощью узловых точек. Создайте новый слой и, выбрав кисть диаметром 3 пикселя нужного цвета, снова перейдите к инструменту Pen Tool.

Статьи по теме: