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

В этом уроке мы познакомимся с методами объединения сложных объектов в единую композицию, созданием интересных эффектов освещения и стилизацией готовой работы.
Все это будет сделано, используя возможности программы Photoshop.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


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

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

↓ Материалы использованные в уроке:


1. Открываем гранжевую текстуру в качестве фона будущей работы (File > Open (Файл > Открыть / Сочетание клавиш "Ctrl+O")). Дублируем слой с ней → Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J") (вообще это хорошая привычка дублировать слои, потому что дает больше возможности для редактирования в случае ошибки), стави режим наложения дубликата на Darken (Затемнение) и получаем такую картинку: ↓



Дублируем задний план еще раз (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")), поднимаем этот дубликат поверх всех слоев, добавляем к нему векторную маску слоя и на ней мягкой кистью черного цвета делаем примерно вот такие отпечатки. ↓



Меняем режим наложения этого слоя на Overlay (Перекрытие).



Регулируем изображение используя → Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые) со следующими установками: ↓



И по лучаем вот такой эффект. ↓



2. Фон готов, теперь можно добавлять наши архитектурные объекты. Открываем все фото в программе и начинаем их вырезать. Способ вырезания у каждого автора свой (Pen Tool (Инструмент Перо / Клавиша "P"), Magic Wand Tool (Инструмент "Волшебная палочка" / Клавиша "W"), Lasso Tool (Инструмент Лассо / Клавиша "L")), автор этого урока обычно пользуется Pen Tool (Инструмент Перо / Клавиша "P") в режиме Path (Контуры). Если вы тоже будете пользоваться им, то после того, как замкнете выделение вокруг объекта, нажмите на правую кнопку мыши, в выпавшем меню выберете “Make selection… ” (Образовать выделенную область) и установите там радиус 0рх . Затем нажмите ctrl+alt+R и в окошке установите следующие параметры: ↓



Сейчас ваше выделение объекта должно выглядеть вот так: ↓




3. Перетаскиваем объект на наш фон, нажимаем Ctrl+T и трансформируем до нужного размера, размещаем его в центре.



Называем этот слой “Temple 1 " (Храм 1), создаем поверх него 2 новых корректирующих слоя с параметрами как на рисунках ниже и на каждом из них добавляем Layer > Create clipping mask (Слой > Создать обтравочную маску / Сочетание клавиш "Ctrl+G") к слою “Temple 1 ".


Слой Curves (Кривые). ↓


Слой Black and white (Баланс черного и белого) ↓


Затем ставим на слое “Temple 1 " режим наложения Multiply (Умножение) и смотрим результат. ↓



4. Открываем второй объект. Вырезаем его как было описано выше (вместе с падающей тенью) и перетаскиваем в наш документ.



Трансформируем как надо и размещаем позади первого объекта следующим образом: ↓



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



Поверх слоя “Temple 2 " снова создаем 2 таких же корректирующих слоя со следующими параметрами и также на каждом из них добавляем Clipping Mask (Обтравочная маска) к слою “Temple 2 ": ↓


Слой Curves (Кривые).

Слой Black and white (Баланс черного и белого).


Режим наложения слоя “Temple 2 " тоже меняем на “Multiply ” (Умножение).



5. Открываем фото третьего храма, вырезаем его, перетаскиваем в документ, трансформируем и поворачиваем, размещаем как показано ниже.




Называем слой “Temple 3 " и с помощью маски (см.выше) убираем часть храма, которая уходит за первый храм.




Аналогично предыдущим шагам добавляем сверху 2 корректирующих слоя с Clipping Mask (Обтравочная маска) к слою “Temple 3 " и меняем режим наложения слоя.


Слой Curves (Кривые).


Слой Black and white (Баланс черного и белого).


Смотрим результат: ↓


6. Три храма собраны в композицию посередине работы, сейчас вокруг них можно добавить облака. Открываем фото облаков и перетаскиваем его на слой под “Temple 1 " и размещаем как показано на рисунке. ↓



Называем этот слой “cloud ” и добавляем к нему векторную маску. На ней рисуем примерно следующее: ↓



И смотрим результат.


Снова добавляем сверху слоя “cloud ” 2 корректирующих слоя с Clipping Mask (Обтравочная маска) к этому слою на каждом из них.


Слой Curves (Кривые).


Слой Black and white (Баланс черного и белого).


И режим слоя с облаками тоже меняем на “Multiply ” (Умножение).




7. Создайте новый слой и назовите его “Radial Blur ” (Радиальное размытие), залейте слой черным цветом и идите в меню → Filter > Render > Clouds (Фильтр > Рендеринг > Облака) (цвет переднего плана белый, заднего - черный).



Теперь примените к этому слою → Filter > Blur > Radial Blur (Фильтр > Размытие > Радиальное размытие).



Измените режим наложения слоя на “overlay ” (Перекрытие).




Дублируйте слой “cloud ” и поставьте на дубликате режим наложения слоя “soft light ” (Мягкий свет) и посмотрите на результат: ↓




Дублируйте слой “cloud ” еще раз, к этому дубликату добавьте векторную маску и нарисуйте на ней примерно следующее: ↓

Первое, что нам нужно для создания эффекта мягкого свечения - это сделать копию фонового слоя, и самый простой способ добиться этого - нажать комбинацию клавиш Ctrl+J. После применения данной комбинации, в панели слоёв должно быть два слоя - фоновый и его копия, у меня Photoshop автоматически именовал копию "Слой 1".

Шаг 2: Переименование нового слоя

Хорошим тоном считается давать слоям в панели слоёв осмысленные имена. Давайте дадим нашей копии описательное имя. Чтобы переименовать слой, просто дважды щелкните непосредственно по его имени в панели слоев, имя слоя выделится, после чего введите собственное название. Давайте переименуем этот слой в "Soft Glow". Нажмите Enter, чтобы принять изменение названия:

Слой "Слой 1" теперь переименован в "Soft Glow".

Шаг 3: Применение фильтра "Размытие по Гауссу" (Gaussian Blur Filter)

Для того, чтобы создать реальный эффект мягкого свечения, сначала следует несколько размыть слой "Soft Glow", для этого мы применим фильтр "Размытие по Гауссу" (Gaussian Blur Filter). Пройдите по вкладке главного меню Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur), после чего откроется диалоговое окно фильтра, где мы сможем задать степень размытия, перемещая ползунок "Радиус" (Radius). Чем дальше вы перетащите ползунок вправо, тем сильнее будет эффект размытия. Photoshop дает нам возможность предварительного просмотра действия фильтра в самом документе, так что, чтобы судить о результатах, отслеживайте изменение изображения во время перемещения ползунка.

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

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



Подп.под.рис.Эффект размытия с радиусом 3 пикселя.

Для получения еще более мягкого, как во сне, эффекта свечения, попробуйте увеличить значение радиуса до 20 пикселей:

Ниже я показал, как выглядит эффект размытия с радиусом 8 пикселей. Мы все еще ​​можем разглядеть детали на фото, но размытость, безусловно, на этот раз сильнее. Выбор нужного значения размытия - это ваш личный выбор, и будет зависеть от изображения. В моем случае, я думаю, что 8 - это слишком много, так что я остановлюсь на трёх пикселях. Когда вы будете удовлетворены результатом, нажмите кнопку OK , чтобы закрыть диалоговое окно фильтра:



Значение радиуса размытия 20 пикселей.

Шаг 4: Изменение режима наложения слоя на "Мягкий свет" (Soft Light)

Теперь, когда мы размыли слой "Soft Glow", давайте изменим метод его взаимодействия с исходным изображением в фоновом слое, расположенном под ним. Мы делаем это, изменив его режим наложения . По умолчанию, режим наложения любого слоя установлен на "Обычные" (Normal). В верхней части панели слоёв нажмите на кнопку со словом "Обычные" (Normal), это откроет меню других режимов наложения, где выберете из списка "Мягкий свет" (Soft Light) из списка.

Режим "Мягкий свет" (Soft Light) производит в Photoshop две вещи - повышает общий контраст в изображении и усиливает цвета, делая их более яркими. Вот как выглядит моё изображение после изменения режима наложения на "Мягкий свет" (Soft Light), создающего теплое, тонкое свечение:



Эффект лёгкого тёплого свечения, создаваемый режимом наложения "Мягкий свет" (Soft Light).

Для более сильного эффекта, вместо "Мягкого света" попробуйте применить режим "Перекрытие" (Overlay) . Действие "Перекрытия" очень похоже на "Мягкий свет", "Перекрытие" также повышает контрастность и цвет, но делает эффект более интенсивным. Вот как выглядит мой результат с режимом наложения "Перекрытие". "Перекрытие" может лучше работать с другими изображениями, но в моём случае эффект слишком сильный, так что я вернусь обратно на "Мягкий свет":



Эффект, полученный при изменении режима смешивания "Мягкий свет"на "Перекрытие".

Шаг 5: Настройка непрозрачности слоя

Для точной регулировки эффекта просто уменьшите непрозрачность слоя. Эта опция расположена в правом верхнем углу панели слоев, прямо напротив опции режима наложения. Значение непрозрачности по умолчанию составляет 100%. Чем сильнее вы понизите это значение, тем больше сквозь слой "Soft Glow" будет просматривается расположенный под ним слой с оригиналом фото. Другими словами, при понижении непрозрачности мы увидим больше исходного изображения и меньше размытого изображения.

Чтобы изменить значение непрозрачности, нажмите на маленькую стрелку справа от текущего значения, а затем перетащите ползунок. Я понизить своё значение до 75% , но опять таки, ваше значение зависит от вашего изображения и художественного вкуса.

Вот как выглядит окончательный результат:

После настройки непрозрачности эффект готов. Но теперь, когда я закончил работу, что делать, если мне очень нравится результат и я хочу его изменить? Я сделал лёгкое свечение, но, у примеру, теперь мне кажется, что более сильное, более "романтическое" свечение смотрелось бы лучше? Как я могу вернуться назад и изменить его? Чтобы изменить степень свечения, нужно изменить количество размытия, которое я сделал с помощью фильтра "Размытие по Гауссу" (Gaussian Blur) в шаге 3. Каким образом это можно сделать?
Ответ один - никаким. Как только мы нажали кнопку OK в диалоговом окне фильтра "Размытие по Гауссу", мы применили эффект размытия к слою. Другими словами, мы сделали постоянное изменение изображения, которое не может быть отменено.
Согласитесь, гораздо лучше создавать эффект (в том числе и с помощью "Размытия по Гауссу"), таким образом, чтобы он был полностью редактируемые даже после того, как вы полностью закончите работу.

И это совсем не трудно сделать, надо всего лишь воспользоваться смарт-объектами (Smart Objects) и смарт-фильтрами (Smart Filters). Начинающему пользователю они могут казаться пугающими, но на самом деле они очень просты в использовании. Смарт-объекты так же легко использовать в качестве обычных слоев и фильтров в 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).

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

Шаг 1. Начнем с создания приятного фона. Создаем новый Фотошоповский файл (Ctrl+N ) и закрашиваем его черным. Теперь, создаем новый слой (Ctrl+Shift+N ) и заливаем его белым. Идем Filters>Render>Lighting Effects (Фильтр>Рендеринг>Эффекты освещения) и задем параметры, как на рисунке внизу. Цвет можно задать любой темный, мы остановилиcь на темно розовом/пурпурном (второй цвет - черный).

Шаг 2. Пришло время создать яркий световой шар, основу будущего свечения. Начнем с создания нового слоя (Ctrl+Shift+N ) и установки для него Режима Смешивания (Blending Mode) - Screen (Экран) . Затем, используя Инструмент Овальная область (Elliptical Marquee Tool (M)) , рисуем круговое выделение и растушевываем его (Select>Modify>Feather (Выделение>Модификация>Растушевка (Alt+Ctrl+D)) ) с радиусом растушёвки около 20 пикселей , это создать мягкий ореол при будущей заливке круга. Заливаем наше выделение с помощью Радиального Градиента (Radial Gradient Fill tool) со следующими параметрами:

Шаг 3. Делаем копию слоя с шаром и работем далее с ней, а оригинал скрываем. Рисуем вспышки вокруг будущего свечения. Идем Edit>Transform>Scale (Редактирование>Трансформирование>Масштабирование) и делаем из шарика полоску (см. рисунок).

Шаг 4. Переходим к самому интересному.Применяем к нашей световой полосе два фильтра Wave (Filter>Distort>Wave (Фильтр>Искажение>Волна) ) и Twirl (Filter>Distort>Twirl (Фильтр>Искажение>Скручивание) ). Параметры фильтров можно установить любые, а можно воспользоваться нашими. Фильтры можно применять по несколько раз.


Осталось только сделать видимым слой с основным шаром и всё, наш потрясающий световой эффект готов!!!