Неразрушительное осветление и затемнение в Photoshop. Как сделать затемнение (осветление) по краям

Не деструктивное затемнение и осветление обычно делается с помощью слоя с заливкой 50% серого. Хотя мне и подходил этот метод в прошлом, я считаю сложным предусмотреть результат, который достигну в итоге. Позже, чтобы сделать затемнение и осветление, я стал использовать корректирующие слои с маской, и обнаружил, что имею больше контроля над тоном и контрастом изображения.

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

От проявки до цифровых технологий

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

Эта техника легко применяется в Photoshop и поможет вам восстановить изображения. Бывали ли у вас снимки с пересвеченными бликами? Или пейзажи с потерянными деталями в тенях? Эта техника является спасением для подобных ситуаций и может быть использована во всех тональных коррекциях определенных участков изображений.

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

Сначала я осветлю темные участки.

Шаг №1 – Добавьте корректирующий слой Уровни

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

Шаг №2 – Сделайте тоновые настройки

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

Шаг №3 – Добавьте маску слоя

Создание корректирующего слоя автоматически добавит маску к этому слою. Вы увидите, что у вашего корректирующего слоя есть два маленьких окошка. Окошко справа – это ваша маска слоя. Проверьте, чтобы было выбрано окошко справа, нажмите на инструмент Выбор основного цвета и задайте черный. Разместите курсор в пределах изображение и щелкните на нем. Добавление черного цвета спрячет корректирующий слой. Теперь вам нужно использовать белый цвет, чтобы проявить его в тех местах, где это необходимо.

Шаг №4 – Проявление корректирующего слоя

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

Если осветление слишком сильное, дважды щелкните на корректирующем слое и переместите слайдер вправо, чтобы сделать эффект не таким интенсивным. Не достаточно светло? Перемещайте слайдер влево.

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

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

Как сделать изображение круглым?

Пожалуй, начнем с самого просто варианта с того, как сделать изображение круглым. Откройте картинку в редакторе, если вы уже этого не сделали. Создайте второй слой поверх основного, он должен быть пустым. Все последующие шаги выполняйте именно в этом слое. Нарисуйте круг с цветом фона. Затем с помощью заливки, заполните внешнюю область круга. Теперь, по желанию, вы можете сделать границы нечеткими, для этого используйте инструмент "размытие" слоя. И в конце объедините слои и сохраните полученное изображение. Вот поэтапный пример:

На составление этой картинки с примером ушло менее 5 минут, а на сам конечный результат около 1 минуты. Как видите сделать картинку круглой очень просто. Не сложно догадаться, что для получения прозрачной области для формата png, достаточно после склейки слоев, просто удалить сделанный фон с помощью "волшебной палочки".

Как сделать затемнение (осветление) по краям?

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

Примечание : Помните, что затемнение и осветление отличаются лишь переходом цвета. Способы используются одни и те же.

Первый, использование кругового градиента по краям . Если в вашем графическом редакторе есть возможность использовать различные варианты заливки градиентом (в нашем случае кругового), а так же поддерживается возможность установки прозрачности для цветов, то сделать затемнение или осветление, пусть даже и немного неровного, можно простым наложением градиента по углам и сторонам, двигаясь от границы к центру картинки. Учтите, что в зависимости от размеров картинки, количество таких наложений кругового градиента может быть разным. И вот, как это выглядит:

Такой способ особенно хорошо применять, когда вам нужно создать простое затемнение или осветление секунд за 20. Например, для создания затемнения, мне потребовалось порядка 20 движений мыши и времени около 10-15 секунд. Безусловно, видно, что границы не ровные, но в некоторых случаях это смотрится даже лучше абсолютно плавных переходов. Кроме того, при определенной сноровке, можно добиться и более гладких результатов.

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

Примечание : Учтите, что на картинке, на слое для затемнения использовался не белый цвет, а прозрачный. Просто изображение сохранено в jpg.

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

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

Третий, использование двух слоев и круговой заливки для создания прозрачных краев . Его стоит применять, когда по краям картинки находится только фон и необходимо, чтобы края были прозрачными. Суть метода проста. Вначале, вы используете трюк для создания кругового изображения (или если ваш редактор поддерживает круговой выбор, то выбираете только нужную область). Затем с помощью "волшебной палочки" удаляете внешнюю область и создаете еще один слой под текущим слоем. При этом, не бойтесь, если границы картинки будут резкими и выделяющимися, за счет следующего слоя эти дефекты исчезнут. Далее выбираете основной цвет круговой заливки цветом фона, а дополнительным цветом прозрачный. И накладываете градиент в созданный слой от центра к краю столько раз, сколько потребуется. Вот как это выглядит:

Примечание : В зависимости от цвета фона, может потребоваться наложение далеко не одного градиента. Так, например, в данном примере потребовалось порядка пяти раз использовать градиент в созданном нижнем слое.

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

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

Цифровые камеры и Photoshop перенесли редактирование фотографий из фотолаборатории в вашу гостиную (или где у вас стоит компьютер ), но многие из инструментов и функций Photoshop уходят корнями к традиционной проявке.

Два ярких примера этого — инструменты Photoshop «Осветлитель » и «Затемнитель », оба они располагаются в палитре инструментов. Термины «осветлить » и «затемнить » относится к методам, которые использовались, чтобы либо осветлить (Dodge ) или затемнить (Burn ) конкретные области фото, увеличивая или ограничивая воздействие реагентов на определенных участках.

Инструменты Photoshop «Осветлитель » и «Затемнитель » являются цифровыми версиями этих методов и часто используются, чтобы либо осветлить недостаточно выдержанные области фотографии или сделать темнее засвеченные.

Хотя эти два инструмента очень полезны, однако, оба имеют один очень серьезный недостаток: могут привести к необратимому искажению вашего изображения. Лучше всего, приступая к работе в Photoshop , сохранить копию, чтобы вы всегда имели возможность вернуть оригинальную фотографию. Это часто называют «неразрушающей» работой в Photoshop , и вы всегда должны применять ее, когда возможно.

К счастью, Adobe предоставил нам множество методов «неразрушающей » работы над изображениями, и в этой статье по редактированию фотографий, мы рассмотрим один из них. Мы рассмотрим отличную технику избирательного управления экспозицией фотографии, через осветление и затемнение конкретных областей.

Она дает результаты, очень похожие на то, чего мы могли бы достичь с помощью инструментов «Осветлитель » и «Затемнитель », но без ущерба для пикселей изображения.

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

Оригинальное фото

Используя только инструменты Photoshop «Осветлитель » и «Затемнитель » и режим наложения слоя, мы можем легко исправить недостатки этого изображения:

Фото после осветления и затемнения конкретных областей

Давайте приступим!

Шаг 1: Добавьте новый слой

Откройте изображение, затем нажмите и удерживайте клавишу Alt (Win ) / Option (Mac ) и кликните на иконке «Новый слой » в нижней части палитры слоев:

Таким образом мы добавляем новый слой поверх текущего. Но удерживая клавишу Alt (Win ) / Option (Mac ) при нажатии иконки «Новый слой », мы сообщаем Photoshop , чтобы нам нужно открыть диалоговое окно «Новый слой », прежде чем слой будет добавлен.

Это даст нам возможность дать имя слою, а также позволит изменить несколько важных параметров. Так как я буду использовать этот слой для осветления и затемнения некоторых областей, я назову его «Dodge and Burn «. Если вы не хотите, можете не называть отдельно слой, но назначение слоям имен — это очень полезная привычка:

Однако, для чего нам действительно понадобится окно «Новый слой », это для того чтобы изменить опцию в самом низу окна — Режим . «Режим » — это сокращение от «Режим смешивания слоя », и по умолчанию для него установлено значение – «Нормальный ». Измените «Режим смешивания » на «Перекрытие »:

Если коротко, то режим смешивания «Перекрытие » относится к группе режимов «Контрастность » и часто используется, чтобы увеличить контрастность изображения. Любые участки слоя, которые светлее, чем 50% серого (имеется в виду оттенок серого точно посередине между черным и белым ) используются, чтобы осветлить изображение.

В то время как участки темнее 50% серого, используются, чтобы их затемнить. Любые области, которые имеют точно 50% серого, полностью игнорируются Photoshop и становятся прозрачными. Как это работает на практике, мы сейчас увидим.

В режиме смешивания «Перекрытие » в диалоговом окне вы увидите новую опцию – «Выполнять заливку нейтральным цветом (50% серого) ». Установите флажок, чтобы включить эту опцию:

Это указывает Photoshop заполнить наш новый слой 50% серого. После того, как вы закончите, нажмите кнопку «ОК », чтобы выйти из диалогового окна. Если мы сейчас посмотрим на палитру слоев, то увидим новый слой под названием «Dodge and Burn «, расположенный над фоном.

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

Чуть раньше я отметил, что, когда для слоя установлен режим смешивания «Перекрытие », любые области слоя, которые имеют оттенок 50% серого, становятся прозрачными. И, если мы посмотрим на наше изображение, то увидим, что, несмотря на то, что слой «Dodge and Burn » заполнен сплошным серым, мы видим нашу исходную фотографию. Серый цвет слоя «Dodge and Burn » является полностью прозрачным:

Шаг 2: Выберите инструмент «Кисть»

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

Однако прежде, чем мы сможем что-то закрасить, мы должны выбрать инструмент «Кисть ». Для этого либо выберите «Кисть » из палитры инструментов, либо нажмите на клавиатуре клавишу «B »:

Шаг 3: Установите цвет переднего плана на белый

Я хочу начать с осветления нескольких участков. Это значит, мне нужно нарисовать на них белые области. Значит, мне нужно установить цвет переднего плана на белый, так как инструмент «Кисть » рисует тем цветом, который установлен в качестве цвета переднего плана. Нажмите на клавиатуре клавишу «D », которая сбрасывает цвета текста и фона на настройки по умолчанию. Черный устанавливается в качестве цвета переднего плана, белый — цветом фона.

Чтобы поменять их местами нажмите на клавиатуре клавишу «X ». Если мы посмотрим на образцы цветов переднего плана и фона рядом в нижней части палитры инструментов, то увидим, что теперь белый установлен в качестве цвета переднего плана:

Шаг 4: Уменьшите непрозрачность кисти до 10 — 20%

Лучше всего при работе с этой техникой постепенно наращивать количество осветлений и затемнений, которые мы применяем, потому что даже небольшого значения иногда может быть вполне достаточно. Поэтому мы должны работать с кистью низкой непрозрачности. Убедитесь, что у вас выбран инструмент «Кисть », затем перейдите в панель параметров в верхней части экрана и уменьшите непрозрачность до 10-20%. Я установил значение 10%.

Таким образом, каждый раз, когда я буду закрашивать ту же область, я буду увеличивать интенсивность освещения или затемнения на 10%, что дает мне больше возможностей для маневра:

Шаг 5: Закрасьте области, которые вы хотите осветлить

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

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

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

Лица на фото выглядят особенно темными, поэтому эту область, возможно, придется обработать дополнительно.

Закрасьте белым области фото, которые вы хотите сделать ярче

Шаг 6: Установите цвет переднего плана на черный

Когда вы закончите с осветляемыми областями, нажмите клавишу «X », чтобы поменять местами цвета переднего плана и фона.

Переферийное затемнение или «виньетка» применяется мастерами для концентрации внимания зрителя на центральной части изображения. Стоит заметить, что виньетки могут быть не только темными, но и светлыми, а также размытыми.

В этом уроке поговорим именно о темных виньетках и научимся их создавать разными способами.

Для урока было подобрано фото березовой рощи и сделана копия исходного слоя (CTRL+J ).

Способ 1: создание вручную

Как следует из названия, этот способ подразумевает ручное создание виньетки при помощи заливки и маски.

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

Способ 2: растушевка выделения

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

1. Выбираем инструмент «Овальная область» .

2. Создаем выделение в центре снимка.

3. Данное выделение необходимо инвертировать, так как мы должны будем залить черным цветом не центр картинки, а края. Делается это сочетанием клавиш CTRL+SHIFT+I .

4. Теперь нажимаем сочетание клавиш SHIFT+F6 , вызывая окно настройки растушевки. Значение радиуса подбирается индивидуально, можно только сказать, что оно должно быть большим.

5. Заливаем выделение черным цветом (SHIFT+F5 , черный цвет).

6. Снимаем выделение (CTRL+D ) и снижаем непрозрачность слоя с виньеткой.

Способ 3: размытие по Гауссу

Для начала повторим начальные пункты (новый слой, овальное выделение, инвертирование). Заливаем выделение черным цветом без растушевки и снимаем выделение (CTRL+D ).

1. Переходим в меню «Фильтр – Размытие – Размытие по Гауссу» .

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

3. Снижаем непрозрачность слоя.

Способ 4: фильтр Коррекция дисторсии

Данный способ можно назвать самым простым из всех вышеперечисленных. Вместе с тем, он не всегда применим.

Новый слой создавать не нужно, так как действия совершаются на копии фона.

1. Переходим в меню «Фильтр – Коррекция дисторсии» .

2. Переходим на вкладку «Заказная» и настраиваем виньетку в соответствующем блоке.

Данный фильтр применится только к активному слою.

Вы сегодня узнали четыре способа создания затемнения на краях (виньетки) в Фотошопе. Выбирайте наиболее удобный и подходящий к конкретной ситуации.