Эффект «свечения изнутри». Эффект изящного свечения
В этом уроке я покажу Вам, как создать интересное свечение и добавить настроение изображению. Для этого будем использовать режимы наложения
(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). Это придаст мазкам кисти интересный эффект.
Добро пожаловать в очередной мини-урок по Photoshop из серии уроков, которые мы специально посвятили новичкам - чтобы помочь им разобраться в различных аспектах применения фотошопа на маленьких, но, от этого ничуть не потерявших в качестве, примерах.
В этом уроке мы покажем, как за несколько шагов создать красивый светящийся флористический узор. Результат получится довольно эффектным, а вот процесс его создания - довольно прост, что еще нужно новичку?
Для работы вам понадобятся следующие файлы:
Что ж, поехали!
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, как это делают многие. В результате получается более качественный и прорисованный эффект - по моему мнению.
В этом уроке мы узнаем, как использовать изображение как маску слоя. Эта техника позволяет создавать интересные эффекты.
Мы создадим мягкий эффект свечения.
Вот наше исходное изображение:
А вот то, что получится в конце:
Давайте приступим.
Шаг 1 . Как всегда, начинаем с того, что дублируем фоновый слой. Чтобы сделать это быстро, нажимаем Ctrl+J . Назовем новый слой «Слой 1» .
Шаг 2. Нам необходимо добавить новый пустой слой между нашим Слоем 1 и фоновым . Можно сделать это несколькими способами, но проще всего, находясь на Слое 1 и удерживая Ctrl , щелкнуть по иконке создания нового слоя в палитре слоев. Удерживая Ctrl , вы сообщаете Photoshop, что хотите создать слой ниже выбранного.
Теперь у нас есть чистый слой между фоновым и Слоем 1.
Шаг 3. Нажмите D для восстановления цветов переднего плана - черного, фонового - белого. Затем, с выбранным чистым слоем, нажимаем Ctrl+Backspace . Эта команда заполнит чистый слой фоновым (белым) цветом. На самом изображении ничего не изменится, т.к. белый слой находится посередине, но в палитре слоев миниатюра чистого слоя заполнится фоновым цветом.
Шаг 4. Щелкаем на Слое 1 . Мы собираемся скопировать изображение в буфер обмена. Для этого сначала нажимаем Ctrl+A , чтобы выбрать целый слой. Вы увидите блок выбора вокруг краев изображения. Затем нажимаем Ctrl+С , чтобы скопировать изображение в буфер.
Шаг 5 . С выбранным Слоем 1 щелкаем по иконке добавления маски слоя в палитре слоев.
Шаг 6. Мы собираемся вклеить скопированное изображение в маску слоя. Удерживая Alt , щелкаем по миниатюре маски слоя в палитре слоев.
Наше изображение стало белым листом, т.к. мы видим не слои, а маску слоя. Теперь в маску слоя можно вклеивать изображение. Нажимаем Ctrl + V . У нас появится черно-белое изображение:
Изображение черно-белое потому, что мы все еще смотрим на маску слоя. В маске слоя могут быть видны только черный, белый и серый цвета. Это видно и на миниатюре маски слоя в палитре слоев:
Шаг 7. Если щелкнуть по миниатюре самого Слоя 1 , то мы увидим наше исходное изображение, которое «маскируется» своей копией и белым слоем (сквозь белые участки в изображении маски слоя «просвечивает» белый нижний слой). Выглядит это примерно так:
Инвертируем маску слоя для того, чтобы светлые области стали темными, а темные - светлыми. Для этого щелкаем по миниатюре маски слоя в палитре слоев (теперь клавишу Alt удерживать не обязательно) и инвертируем маску слоя. Можно использовать сокращение Ctrl + I . Теперь наше изображение должно смотреться значительно лучше:
Шаг 8. Для того, чтобы добавить нашему изображению мягкий эффект свечения применим к маске слоя фильтр размытия по Гауссу . С выбранной миниатюрой маски слоя в палитре слоев проходим в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).
Перетаскивая движок значения радиуса размытия, найдите необходимую величину размытия для вашего изображения. Для этого урока используется изображение с низким разрешением, поэтому здесь подойдет и малый радиус размытия (6 пикс .). Если ваше изображение имеет более высокое разрешение, то и радиус размытия должен быть больше (8 пикс. и выше ). Вообще, чем больше «размытость», тем более явно виден эффект «свечения изнутри».
Шаг 9. Объедините Слой 1 с белым слоем (нажимаем Ctrl + E ).
Шаг 10. Изображение выглядит слишком светлым и «замыленным». Попробуем устранить эти недостатки. Для начала продублируем наш новый объединенный слой:
Затем, изменим режим наложения нового слоя на Умножение (Multiply).
Наше изображение стало более контрастным. Если вам покажется изображение слишком темным, измените непрозрачность нового слоя. В нашем примере Непрозрачность (Opacity) установлена на 75% .
Вот что у нас получилось после изменения режима наложения слоя на Умножение и установки непрозрачности слоя на 75%:
Шаг 11. Изображение смотрится хорошо, за исключением того, что цвета выглядят немного тусклыми. Попробуем исправить это. В палитре слоев щелкаем по иконке создания нового корректирующего слоя:
Выбираем Цветовой тон/Насыщенность (Hue/Saturation)
В появившемся диалоговом окне Цветовой тон/Насыщенност ь меняем значение Насыщенности . Для нашего примера подойдет значение +25%.
Когда вы будете довольны величиной насыщенности, щелкайте ОК.
Теперь посмотрим, что же у нас получилось. Вот наше исходное изображение:
А вот - конечный результат:
Это всего лишь один пример использования изображения, как маски слоя. Поэкспериментировав с фильтрами, которые можно приложить к маске слоя или к изображению, изменив цвет среднего (белого) слоя, вклеивая изображение в маску слоя перевернутым, можно найти очень много интересных эффектов. Творческих вам успехов!
Здесь мы видим несколько новых параметров, отличных от тех, которые мы рассматривали ранее. Это "Метод" (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).
В этом уроке я объясню вам, как сделать эффект рельефного свечения при помощи стилей, кистей, режимов смешивания и кривых. Так же вы узнаете несколько полезных приемов.
§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