Фотоэффект затемнения в Фотошоп. Урок Фотошоп

22.07.2019 Мониторы

Фотоэффект затемнения в Фотошоп.

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

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

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

В этом уроке я покажу вам как затемнить фотографию и получить фотоэффект с менее яркими цветами. Также можно заметить, что идея этого фотоэффекта состоит в затемнении заднего фона и высветления нужных объектов. Этот фотоэффект добавит идей фотографу при работе с портретами или обычными фотографиями. Я попытался показать эффект, который использует Brooke Shaden в своих фотографиях, из серии «Frozen in Water», которые вы можете увидеть, пройдя по ссылке. Смесь между темными и светлыми цветами придает изображению таинственность.

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

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

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

Создаем новый корректирующий слой (Кнопка снизу палитры слоев). Выбираем Цветовой баланс со следующими настройками:

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

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

Самый важный слой Яркость/Контрастность. Добавим этот слой в этом шаге. Мы просто затемняем изображение, уменьшая яркость, и в то же время увеличиваем контрастность изображения.

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

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

Я выбрал следующий.

Создайте поверх слоя «Оригинальное изображение» и назовите его «Затемнение». Выберите инструмент Кисть (Мягкая, размер 70 пикс, непрозрачность 100%) и просто закрасьте светлую область. Цвет для этого выберите какой-нибудь темный, здесь наиболее подходит #4c3e31.

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

Создайте новый слой поверх всех слоев. Залейте его белым цветом и измените Заливку до 0%. Добавьте к этому слою наложение Градиента. Я использовал градиенты непрозрачностью от черного (100%) до 0%. Выберите радиальный градиент, непрозрачность 60%, режим наложения – Жесткий свет.

Вы можете перетащить градиент с помощью инструмента Перемещение, чтобы увидеть разницу.

Итак, финальный штрих.

Создайте новый слой и назовите его «Светлые области». Измените режим смешивание на Перекрытие, выберите инструмент Кисть (Мягкая, размер 40 пикс, непрозрачность 50%) и просто закрасьте девушку и её отражение в воде этой кистью. Меняйте размер кисти и непрозрачность в определенных местах, чтобы эффект был более реалистичным. Вы должны получить похожий результат.

Если вы хотите, то можете добавить фотофильтр Violet filter (20%), чтобы сделать результат походим на оригинальное изображение.

Итак, за несколько шагов в Фотошоп, мы изменили наше изображение. Добавляйте различные цвета, другие эффекты. Все зависит от вашей фантазии. Я надеюсь вам понравился урок.

Ссылка на оригинал урока.

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

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

Для урока было подобрано фото березовой рощи и сделана копия исходного слоя (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. Переходим на вкладку «Заказная» и настраиваем виньетку в соответствующем блоке.

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

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

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

Перед тем, как затемнить края фото, необходимо открыть в программе выбранный для затемнения, кадр. Для этого нужно в верхнем меню выбрать команды «Файл» – «File» и «Открыть» – «Open». Затем следует выбрать файл с необходимой вам фотографией, после чего вновь нажать команду «Открыть» – «Open».

Редактирование фото

Теперь начинается работа непосредственно с самой фотографией. Вы не знаете, как в Фотошопе затемнить края, не переживайте, это очень просто! Для того, чтобы затемнить края, необходимо создать новый слой. Сделать это можно при помощи команд «Слой» – «Layer», а затем «Новый Слой» - «New Layer». Теперь следует залить данный слой черным цветом, для этого следует воспользоваться командой «Инструмент Заливки Краской» - «Paint Backet Tool». Кроме этого, можно залить фон любым другим цветом. Все зависит от ваших предпочтений и задумки стиля фотографии. Например, если вы хотите придать фотографии эффект старины, то для этого лучше всего использовать теплые оттенки темно-коричневого цвета.

После выбора необходимого цвета, следует выбрать область фотографии, которая не будет затемняться, она останется светлой. Для этого необходимо использовать инструмент «Настройка Прямоугольного Выделения» - «Rectangular Marquee Tool». На верхней панели инструментов необходимо будет задать для него значение 50 рх. Следует учесть, что если ваше изображение слишком большое, то ему следует задать более высокое значение данного параметра. Теперь необходимо на черном слое нарисовать прямоугольник. В этот прямоугольник должна быть заключена именно та часть фотографии, которая не будет затемненной.

После выделения данной части, следует нажать команду «Удалить» – «Delete». После этого затемнение фотографии будет выполнено. Такое затемнение можно легко сделать более насыщенным или наоборот. Для этого нужно просто передвигать рычажок слоя.

Заключительным этапом в данном процессе является объединение двух изображений: затемненной и светлой частей. Сделать это можно при помощи сочетания клавиш Ctrl+E. Затем следует сохранить полученное изображение при помощи команды «Файл» –«File» и «Сохранить как» – «Save as».

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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