Ростелеком

Создание простого эффекта свечения. Эффект мягкого свечения на фото с помощью Photoshop

В данной статье мы расскажем вам о том, как 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-исходник:

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


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

Здесь мы видим несколько новых параметров, отличных от тех, которые мы рассматривали ранее. Это "Метод" (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).

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

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

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

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

Инструкция

1. Выходит, у нас есть обособленный слой с объектом. Дабы комфортнее было настраивать параметры свечения, уместно подложить под объект еще один слой темного цвета, на фоне которого все нюансы будут видны.Выбираем слой с объектом. Заходим в меню Layer>Layer Style>Outer Glow (Свечение вовне), либо нажимаем на значок «результат fx» внизу на панели слоев.Видим перед собой довольно обширное поле для настроек:– цвет свечения; оно может быть однотонным либо же изменять свой цвет, в зависимости от расстояния до объекта.– ширина ореола и интенсивность свечения– также дозволено варьировать алгорифм наложения свечения – отличнее каждого подходят режимы Lighten и ScreenТаким образом настраиваем свечение силуэта объекта вовне. Позже этого переходим в следующую вкладку Inner Glow (Свечение вовнутрь). Настройки тут подобны. Дабы картинка выглядела безусловно, необходимо помнить, что даже если по логике пророческой объект светится лишь наружу, то любая оптическая система, в том числе и человеческий глаз, за счет неабсолютной прозрачности роговицы и хрусталика чуть размывает блестящие блики, они выглядят выходящими за границы источника света, следственно при насыщенном свечении вне силуэта Outer Glow, внутри его все равно необходимо подыграть легкое свечение Inner Glow.

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

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

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

Инструкция

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

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

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

4. Кликните правой клавишей мыши на сделанной изогнутой линии и выберите опцию Stroke Path>Brush с параметром Simulate Pressure. Нажмите ОК, позже чего удалите путь (Delete Path). Режим смешивания слоя измените на Multiply и установите параметр Drop Shadow в настройках жанра слоя.

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

Видео по теме

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

Инструкция

1. Откройте Photoshop. Включите палитру слоев нажатием кнопки F7. Выберите и откройте надобную фотографию. Желанно, но необязательно, дабы фотография была довольно большого размера. Сделайте копию фонового слоя. Нажмите на закрепленный слой Background («Задний план») правой кнопкой мыши и выберите в меню Duplicate Layer («Дублировать слой»).

2. Кликните на слой Background copy («Задний план (копия)»), дабы активировать его. Смените режим наложения Normal («Обыкновенный») на Screen («Осветление») в левом верхнем углу окошка. Кликните на вкладку Layer («Слои») верхнего меню и выберите вначале Layer Mask («Слой-маска»), после этого Hide All («Спрятать все»). Этим вы добавите на слой маску.

3. Выберите в панели инструментов кисть либо нажмите И на клавиатуре. Задайте кисти белый цвет. Увеличьте фотографию с поддержкой Navigator («Навигатор»). Закрасьте на маске глаза . Снизьте непрозрачность (Opacity) в панели слоев до значения, которое вас особенно удовлетворит. Впечатайте окошко со значением 100% нужное значение.

4. Сделайте радужку ярче по-иному. Откройте и увеличьте изображение. Нажмите на клавиатуре Щ. На панели слоев вы увидите, что применяемый инструмент как словно вдавлен. Нажмите на инструмент правой кнопкой мыши и выберите Dodge Tool («Осветлитель»).

5. Сделайте копию фонового слоя сочетанием Ctrl+J. Проведите несколько раз инструментом «Осветлитель» по радужке. Снизьте непрозрачность слоя, если это нужно, либо измените режим наложения на Overlay («Перекрытие») либо Soft Light («Мягкий свет»).

6. Используйте для совершенствования внешнего вида глаз инструмент «Магнитное лассо». Откройте фотографию. Выделите радужку инструментом Magnetic Lasso. Данный инструмент дозволено активировать, нажав кнопку L и на панели инструментов нажав на инструмент правой кнопкой мыши. Выберите «Магнитное лассо». Скопируйте выделенную область, нажав Ctrl+J. Измените режим наложения на Screen («Осветление») и отрегулируйте при необходимости непрозрачность.

7. Откройте требуемую фотографию. Сделайте новейший слой сочетанием Ctrl+Shift+N. Возьмите мягкую кисть белого цвета и поставьте на новом слое два пятнышка на радужке. Сотрите инструментом «Eraser» («Ластик») лишнее. Смените режим наложения на «Overlay» («Перекрытие»). Измените непрозрачность, дабы добиться желаемого итога.

8. Откройте изображение. Выделите глаза с подмогой инструмента Magnetic Lasso. Откройте вкладку верхнего меню Layer («Слои»), после этого группу New Adjustment Layer («Новейший корректирующий слой») и там кликните на Сurves («Кривые»). Отодвиньте открывшееся окно с кривыми так, дабы видеть глаза . Ставьте точки на прямую, искривляя ее. Перетаскивайте точки, удерживая левую кнопку мыши. Следите за итогом. Когда желаемый итог будет достигнут, нажмите Ок.

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

Полезный совет
Сберегайте промежуточные изображения в формате.psd (растровом формате, тот, что разрешает сберегать изображение без утраты слоев). Финальный вариант фотографии сбережете в формате.jpeg с качеством 12 либо.png.

Видео по теме

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

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

Для работы вам понадобятся следующие файлы:

  • Floral Brushset (выберите что-нибудь из списка)
    • Что ж, поехали!

      1 Шаг

      Создайте новый документ размерами 600?600px и сразу залейте фон черным цветом #000000 . Создайте новый слой под названием “Cloud” с порядка 40% Opacity и нарисуйте какое-нибудь облако при помощи одной из кистей, которые вы скачали.

      Создайте еще один слой с названием “background light”, переключитесь на большую мягкую кисть белого цвета и создайте световые пятна, как показано на рисунке ниже.

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

      2 Шаг

      Создайте новый слой под названием “floral pattern”. Используя флористическую кисть, которую вы скачали вначале урока, нанесите один узор на этот слой.

      Теперь к этому слою примените следующие стили (пункт Blending Options из контекстного меню, выпадающего при клике правой клавишей мыши на слое):

      Bevel and Emboss

      Как видите, здесь мы создали немного бликов и немного тени для нашего узора:

      3 Шаг

      Теперь можно добавлять эффект свечения к узору. Для этого просто дублируйте оригинальный слой с цветком и примените к нему размывку, выполнив Filter > Blur > Gaussian Blur:

      И вот, что вы получите, когда за узором образуются светящиеся края:

      4 Шаг

      Внесем в изображение немного цвета. В этом нам поможет корректирующий слой Color Balance Adjustment Layer. Лично я считаю, что это самый легкий способ добавить картинке цвета без использования инструментов Brush и Color Picker.

      Я выбрал смешение золотых оттенков (задавайте все, как указано ниже):

      Ну и вот наш результат:

      Заметьте, что нужды в использовании тех же цветов, что и у меня, на самом деле нет, и вы можете экспериментировать с оттенками, руководствуясь своими вкусами и предпочтениями.

      5 Шаг

      Сейчас сольем все слои (Image > Flatten Image), не забыв перед этим сохранить копию исходного документа со слоями в отдельном файле. Дублируйте фоновый слой и примените следующий фильтр к нему: Filter > Sharpen > Smart Sharpen.

      Как видите, мы получили более утемненную кромку узора, а также все изображение в целом стало более четким и детальным.

      Теперь займемся созданием эффекта боке. Это можно сделать, используя настройки Brush Dynamics (F5).

      Создайте новый слой с названием “bokeh” поверх других слоев. Переключитесь на круглую кисть с примерно 90% значением Hardness и примените такие параметры для этой кисти:

      Transfer (Other Dynamics)

      Также отметьте опции Airbrush и Smoothing

      Ну и вот, что получим на выходе:

      6 Шаг

      Дублируйте слой боке и примените к дублю фильтр Filter > Sharpen > Smart Sharpen:

      Снизьте Opacity дубля в район 80% и увидите, как вокруг боке возникнет подсвеченный край:

      На заметку: лично я предпочитаю использовать фильтр Smart Sharpen для добавления обвода, нежели работу со стилем Stroke, как это делают многие. В результате получается более качественный и прорисованный эффект - по моему мнению.

      Часто на фотографиях, где на сильно отражающий предмет под определенным углом направлен яркий луч света можно увидеть асимметричный белый контур — блик. Но можно ли создать подобный эффект когда фото уже снято? Да, при помощи программы Adobe Photoshop! Несколько достаточно несложных действий и вы получите изображение, выглядящее примерно так.


      Итак, приступим.

      Для начала необходимо вырезать предмет с фона. Я использую комбинацию инструментов Волшебная палочка и Магнитное лассо .

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

      Далее идет этап, на котором мы сделаем свечение асимметричным. Здесь важно соблюсти последовательность действий: сначала выделите все изображение (Ctrl+клик по пиктограмме слоя) , затем нажмите «Растрировать стиль слоя» , а после удалите все содержимое области при помощи клавиши Delete .
      Слой с оставшимся свечением переместите под слой с исходным изображением и трансформируйте его. Зажав Ctrl , потяните за угловые точки чтобы изображение изменило форму. При необходимости используйте ластик.

      Теперь мы можем добавить крупный блик в форме звезды, какой обычно появляется на фотографиях при очень ярком освещении. Для начала, создадим отдельный файл размером, к примеру, 100х100 пикселей. На этом файле, обязательно используя инструмент Перо , создаем контур, похожий на звезду с четырьмя лучами. Звезда не обязательно должна быть симметричной, при желании вы даже можете поменять форму блика на любую другую. Когда контур будет закончен, выберите инструмент и поменяйте цвет заливки на черный (обводку можно отключить) .

      Теперь необходимо заново выбрать инструмент Перо и нажать Редактирование->Определить произвольную фигуру…
      Получившуюся фигуру разместите на основном изображении, в зоне, где блик получился наиболее ярким, залив ее тем же цветом, что и его и растрировав.

      Остался последний шаг. Находясь на слое с фигурой, выберите Фильтр->Размытие->Размытие по фигуре… В открывшемся меню, как вы понимаете, нужно выбрать созданную нами ранее фигуру. Значение радиуса вы можете установить на свое усмотрение, в моем случае подошли 65 пикселей.

      Готово! Теперь осталось сменить прозрачность слоев с бликом и отредактировать фото. Итоговое изображение выгладит примерно так.

      Удачи в создании собственной работы!