В данной статье мы расскажем вам о том, как c использованием Photoshop создать полноценный светящийся wallpaper.
Мы будем использовать собственные кисти, несколько режимов смешивания, способы освещения и размытия.
Данная статья была написана с использованием бесплатных источников и вы без труда сможете воспроизвести весь процесс следуя от пункта к пункту. Для того, чтобы облегчения общей задачи, мы прикрепили PSD-исходник в самом низу статьи, который можно будет легко использовать для справки.

Вот превью готового изображения…

→ Этап 1
Создайте документ в Photoshop в режиме RGB с расширением 1400х900 пикселей. Закрасьте фон черным цветом. Создайте новый слов, переименуйте его в «BG» или что-то в этом роде и закрасьте его радиальным градированием (#55015F – #000000). Тяните от центра к любой границе документа, как показано на картинке снизу.

→ Этап 2
Выберите слой «GB», далее проделайте Filter > Distort > Twirl с установленным значением 250. Нажимайте ОК и посмотрите, что получилось.

→ Этап 3
Теперь вставляйте своё изображение. Я воспользовался с прыгающим роллером. Так как я очень креативный , я назвал этот слой «roller guy».

→ Этап 4
Теперь определите форму персонажа. Откройте меню Channels, скройте все, кроме голубого канала, после чего выделите белый фон волшебной палочкой (magic wand). Кликните на слой RGB, который находится в палитре каналов (Channels palette), после чего снова переключитесь на обзор слоев. Увеличьте ваше выделение (feather) на несколько пикселей и удалите его.

→ Этап 7
Соедините скопированный слой с новым чистым слоем. Далее открывайте меню Layer > Layer Mask , Reveal all, и используя мягкую черную кисточку, закрасьте лицо, руки и штаны персонажа на маске слоя. У вас должно получиться что-то похожее на нижнюю часть этого изображения.

→ Этап 8
Соедините оригинальный слой с персонажем и его копию, переименуйте полученный слой любым именем. (Если вы раскладываете эти слои по папкам, то скопируйте и соедините папку). Далее используйте инструменты осветления (Dodge) и выжигания (Burn) на некоторых областях полученного слоя.

→ Этап 9
Скопируйте полученный слой, и преобразуйте копию этого в умный объект (Smart Object). Далее выберите этот умный объект и идите в меню Filter > Blur > Radial Blur, установите режимы «Zoom» и лучшего качества, примените данный фильтр три раза подряд (для облегчения повторения, используйте сочетание клавиш Ctrl + F). И наконец, измените режим смешивания у копии слоя с персонажем на линейное осветление (Linear Dodge).

→ Этап 10
Дублируйте слой с персонажем еще раз, преобразуйте его в Smart Object и примените фильтр радиального размытия, но в этот раз сдвиньте немного влево центр размытия. Примените этот фильтр несколько раз, далее расположите вторую копию слоя с персонажем над всеми остальными слоями и измените ему режим смешивания на Linear Dodge.

→ Этап 11
Теперь скачайте данный набор кистей: (cкачиваний: 59) . Добавьте одну единственную фигуру в новый слой, назовите его как-нибудь типа Brush1. Используйте этот цвет #E700FF.

→ Этап 12
Добавьте в слой Brush1 покрытие градиентом, используя цвета, показанные ниже. Затем расположите этот слой над слоем «BG». И наконец, добавите фильтр внешнего свечения (Outer Glow).

→ Этап 13
Теперь добавьте новый источник света над персонажем, используйте кисточку, показанную ниже и цвет #E700FF. Также добавьте внешнее свечение и смените режим смешивания слоя на «Screen».

→ Этап 14
Добавьте еще две светящихся кисти с повторением эффекта предыдущего слоя.

→ Этап 15
Выделите слой с персонажем и обе его копии, поместите их в папку и дайте ей соответствующее название, смешайте папку (merge), дублируйте слой и разместите его за оригиналом. Выделите копию слоя и открывайте меню Edit > Free Transform. Далее уменьшите и немного покрутите персонаж. Вы можете это столько, сколько посчитаете нужным.

→ Этап 16
Теперь скройте все слои с персонажем, покажите самый маленький из них и примените маску слоя, заполните ее с радиальным градиентом от черного к белому. Затем повторите это с каждый отдельной копией персонажа.

→ Этап 17
Теперь мы добавим мы добавим комплекс рассеянного света для того, чтобы прибавить яркости изображению. Измените режим смешивания (Blending Mode) каждого слоя с персонажем на растворение (Dissolve). Затем понизьте уровень прозрачности копий до 75%, 70%, 65% и 60% в указанном порядке. Теперь соедините (merge) все копии в один слой, переименуйте его как копию основного слоя и разместите копию над оригиналом на панели слоев.

→ Этап 18
Далее примените маску слоя на копии слоя с персонажем Layer mask > Reveal all, после этого, используя мягкую черную кисточку, раскрасьте маску слоя так, чтобы спрятать некоторые области рассеянного свечения.

→ Этап 19
Ненадолго спрячьте рассеянный слой. Теперь быстренько настройте параметры «Hue/Saturation» фонового слоя Brush1, для улучшения освещения. Также добавьте белый свет за персонажем, используя одну из этих кисточек: (cкачиваний: 147) .

→ Этап 20
Для завершения эффекта рассеянного света, снова отобразите копию слоя с персонажем, добавьте эффект внешнего свечения (используя параметры, указанные ниже). Далее примените Filter > Blur > Gausian Blur с установкой радиуса в 7,2, затем жмите ОК.

Конечный результат

Вот и все! Легкий и быстры способ создания концептуальной светящейся обоины!

Скачать PSD-исходник:

Внимание! У вас нет прав для просмотра скрытого текста.

Нам было бы очень приятно, если бы вы, изучив данную статью, публиковали собственные работы в комментариях к данной статье. Добавляем разноцветное свечение в Фотошоп

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

До обработки.

После.

Давайте начнём. Откройте изображение , к которому вы хотите применить эффект. Автор выбрал это.

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

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

Шаг 3. Дублируйте слой «Девушка». Для копии этого слоя примените коррекцию Яркость/Контрастность в меню Изображение - Коррекция (Image > Adjustments > Brightness and Contrast).

Шаг 4. Выделите слой «Девушка». Идём в меню Фильтр - Размытие - Размытие в движении (Filter > Blur > Motion Blur). Ставим такие настройки Угол (Angle) - 40 градусов, Смещение (Distance) - 120. Слейте слои «Девушка» и её копию.

Шаг 5. с девушкой и назовите его «Дым». Используя инструмент Лассо (Lasso Tool), обведите область вокруг девушки. Поставьте растушевку 150 пикс.

Шаг 6. Убедитесь, что Ваш цвет переднего плана - белый, а фоновый цвет - черный. Теперь идём в меню Фильтр - Рендеринг - Облака (Filter > Render > Clouds). После этого поставьте режим наложения для этого слоя Перекрытие (Overlay).

Шаг 7. Создайте новый слой под слоем "Дым" и назовите его "Градиент". Выберите Инструмент Градиент (Gradient Tool) и щелкните, чтобы вызвать Редактор Градиента. Поставьте цвет переднего плана (foreground) #c6229e и цвет заднего (background) плана #1dbdda . В настройках инструмента поставьте Линейный . Проведите градиентом от левого верхнего угла до правого нижнего, поставьте непрозрачность этому слою 60%.

Шаг 8. Поставьте слою «Градиент» режим наложения Перекрытие (Overlay), затем слейте слои « Дым» и «Градиент».
У Вас должно получиться как на скриншоте ниже. Можно
экспериментировать с разными цветовыми сочетаниями градиента и другими
режимами наложения для слоя «Градиент».

Шаг 9. Создайте новый слой под слоем "Градиент" и назовите его "Свечение". Используя белую мягкую Кисть (Brush) , закрасьте кисточкой края девушки. Это создаст эффект жара позади девушки.

Шаг 10. Сделайте активным инструмент Кисть (Brush
tool), зайдите в палитру настроек кисти (F5) и введите следующие
настройки, как показано на скриншотах ниже. Сохраните эту кисточку,
нажав Сохранить новую кисть (Create New Brush) и назовите её "Splash".
Потом вы снова можете её выбрать в палитре кистей и использовать позже.
Проведите настроенной кистью по изображению как на рисунке ниже.
Добейтесь желаемого эффекта.

Шаг 11. Создайте новый слой, назовите это "Полосы". Название говорит само за себя. Мы собираемся сделать светящиеся полоски. Чтобы сделать их, выберите инструмент Полигональное лассо
(Polygonal Lasso Tool) и создайте треугольник. Затем, используя белую
мягкую кисть, подрисуйте противоположную сторону основы треугольника. Вы
можете также экспериментировать с различными формами и размерами, чтобы
создать эффекты, которые Вы хотите.

Шаг 12. Теперь сделаем освещение на самой девушке. Для этого, создайте новый слой, выше слоя «Девушка» и поставьте ему режим наложения на Осветление основы
(Color Dodge). Загрузите контур девушки, который вы сделали раньше в
палитре контуры или воспользуйтесь комбинацией клавиш Ctrl+ клик по
миниатюре слоя с девушкой. Загрузится выделение. Используя инструмент П ипетка (Eyedropper
Tool), выбирайте цвет свечения вокруг девушки, которое мы сделали
раньше и тем же цветом, мягкой кисточкой, проводим по внутреннему
контуру выделенной области.

Шаг 13. Теперь мы создадим световые линии. Создайте новый слой под названием "Линии" выше слоя с девушкой. Поставьте цвет переднего плана (foreground color) белым, выберите инструмент Кисть (Brush Tool) и откройте окно настроек кисти. Выбираем мягкую кисть, примерно 9 пикс. Во вкладке Динамика формы (Shape Dynamics) установите Колебание размера (size jitter control) на нажим пера (Pen Pressure). Это придаст мазкам кисти интересный эффект.

Шаг 14. Используя инструмент Перо (Pen tool), создайте несколько линий (смотрите скриншот). После этого нажмите ПКМ и выберите опцию - Выполнить обводку контура (Stroke Path). Откроется окно настроек. В нём необходимо поставить Кисть (Brush) и поставить галочку в окошке Имитировать нажим (Simulate Pressure). Жмём ОК. После этого, Ваши линии сделанные пером, обведутся кисточкой.

Шаг 15. Теперь дважды щёлкните по слою с линиями, чтобы вызвать Стили слоя (Blending Options). Применим Внешнее свечение (Outer Glow). Настройки используйте как на скриншоте ниже.

Шаг 16. С помощью маски слоя, по желанию, Вы можете
убрать некоторые части линий, которые попадают на девушку. А также
можете добавить больше элементов к изображению, чтобы заставить его
выглядеть еще более уникальным.

Вот финальное изображение.

Изучая этот урок, я сделала вот такую картинку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

§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

Здесь мы видим несколько новых параметров, отличных от тех, которые мы рассматривали ранее. Это "Метод" (Technique), "Диапазон" (Range) и "Колебание" (Jitter):

Режимы наложения (Blend Mode)

Режимы наложения позволяют установить режим смешивания "Внешнего свечения" со слоем. Если вы создаёте эффект свечения, то хорошо подойдут "Линейный осветлитель" (Linear Dodge) или "Экран" (Screen), если вы хотите создать эффект типа "внешняя тень", то лучше использовать "Линейный затемнитель" (Linear Burn) или "Умножение" (Multiply), если вы создаёте обводку, то подойдёт режим "Обычный" (Normal).

Непрозрачность (Opacity)

Этот параметр регулирует степень прозрачности "Внешнего свечения". Значение 0% делает его полностью прозрачным. т.е. невидимым, значение 100% - полностью непрозрачным.
Параметр полностью соответствует аналогичному в "Тени" и других стилях слоя.

Шум (Noise)

Этот параметр также аналогичен таким же в "Тени" и др. Увеличение значения "Шума" придаёт зернистость свечению, с помощью него можно получить эффекты типа "светящейся пыли".

На примере показан левый текст со значением шума 0%, правый - 62%

Цвет и Градиент (Color and Gradient)

"Цвет" позволяет менять цвет свечения.
Если радиокнопка включена у "Градиента", то ваши возможности не ограничиваются только одним цветом, с помощью нескольких градиентных цветов и переходов вы можете создать очень сложные и абстрактные светящиеся эффекты:

На примере показаны оранжевый цвет и радужный градиент:

Метод (Technique)

Выпадающий список "Метод" дает нам два различных варианта рендеринга (визуализации) свечения, мягкий и точный (Softer and Precise). "Мягкий" метод дает нам более органичное и естественное свечение с плавными переходами, размытием и скруглёнными углами, в то время как "Точный" заставляет свечение точнее соответствовать форме предмета, от которого оно исходит.

В следующем примере вы можете увидеть разницу между мягким органичным и точным методами:

Размах (Spread)

Опция "Размах" изменяет уменьшение интенсивности свечения линейно, или, другими словами, изменяет то, как постепенно оно исчезает при приближении к краю.

Обычно этот параметр оставляют равным 0%, но если вам понадобились резкие края света, вам надо увеличить его значение. Величина 100% даёт резкую границу.

На рисунке показаны значения "Размаха" в 0 и 60%

Размер (Size)

Название опции говорит само за себя. Эта регулировка позволяет изменять размер свечения с шагом в один пиксель.

Контур (Contour)

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

На рисунке показан, какой эффект может дать контур в виде синусоиды:

Диапазон (Range)

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

В следующем примере показано, как значение "Диапазона" влияет на мягкость света:

Колебание (Jitter)

В то время, как параметр "Диапазон" похож на "Размах", "Колебание" похоже на "Шум". Отличие в том, что "Шум" создает прозрачность соседних пикселей, используя обычный (Normal) режим смешивания, в то время как "Колебание" делает то же самое, на в режиме смешивания, похожем на "Наложение" (Overlay).

осуществляется точно так же, как и у стиля слоя