Драматический черно-белый эффект в фотошопе

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

Вот оригинальное фото, которое я буду использовать:


Исходное изображение.  Изображение лицензировано Photoshop Essentials.com от iStockphoto.

Оригинальное полноцветное изображение.

Вот как бы выглядела черно-белая версия, если бы я ее просто обесцветил. Не совсем так интересно

Image © 2008 Photoshop Essentials.com.

Обесцвечивание изображения удаляет цвета, но обычно создает безжизненный черный и белый.

А вот более «драматичная» черно-белая версия, которую мы будем создавать в этом уроке, придавая гораздо больший акцент ее лицу и волосам:

Фотошоп драматический черно-белый эффект.  Изображение © 2009 Photoshop Essentials.com

Конечный результат.

Этот урок из нашей серии фотоэффектов . Давайте начнем!

Шаг 1: найдите канал с лучшим тональным диапазоном

Первое, что мы собираемся сделать, — это проверить наши три цветовых канала, чтобы увидеть, какой из них содержит изображение высочайшего качества с наибольшей контрастностью. Мы собираемся использовать его как нашу черно-белую версию. Для этого переключитесь на палитру каналов (она сгруппирована рядом с палитрой слоев). Вы увидите три канала с именами «Красный», «Зеленый» и «Синий» (вы также увидите четвертый канал, «RGB» вверху, но это всего лишь составная часть каналов Красный, Зеленый и Синий):

Панель каналов Photoshop.  Изображение © 2009 Photoshop Essentials.com

Палитра «Каналы» в Photoshop показывает красный, зеленый и синий каналы, а также композитный RGB вверху.

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

После того, как вы выбрали канал для использования, нажмите Ctrl + A (Win) / Command + A (Mac), чтобы выбрать его, затем нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать его.

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

Шаг 2: Вставить канал как новый слой

Вернитесь к палитре слоев и нажмите на значок « Новый слой» внизу:

Photoshop Новый значок слоя.  Изображение © 2009 Photoshop Essentials.com

Нажмите значок «Новый слой» в нижней части палитры слоев.

Это добавит новый пустой слой над фоновым слоем. Выбрав новый слой, нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить канал в новый слой:

Вставить канал в новый слой.  Изображение © 2009 Photoshop Essentials.com

Нажмите «Ctrl + V» (Победа) / «Command + V» (Mac), чтобы вставить канал в новый слой.

Шаг 3: отточить черно-белый слой

С новым слоем, выбранным в палитре Layers, перейдите в меню Filter в верхней части экрана, выберите Sharpen, а затем выберите Smart Sharpen . Это вызовет диалоговое окно Smart Sharpen:

Фильтр Smart Sharpen в фотошопе.  Изображение © 2009 Photoshop Essentials.com

Фильтр фотошопа «Умная резкость».

Введите Amount значение 75% и выбрать более точные опции в нижней части, затем нажмите кнопку OK.

Если вы используете Photoshop CS или старше, вы можете использовать Unsharp Mask фильтр вместо этого, в этом случае вы бы ввести 75% для суммы , установите Radius значение 1 пиксель , и установить порог для 0 уровня , а затем нажмите кнопку OK.

Шаг 4: добавь новый слой выше черно-белого слоя

Щелкните значок « Новый слой» в нижней части палитры «Слои» еще раз, чтобы добавить еще один новый слой, на этот раз над черно-белым слоем. Теперь у вас должно быть три слоя в палитре слоев, а новый вверху:

Палитра слоев Photoshop теперь показывает три слоя.  Изображение © 2009 Photoshop Essentials.com

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

Шаг 5: выбери черно-белый градиент

Выберите инструмент «Градиент» в палитре «Инструменты» или нажмите G на клавиатуре, чтобы быстро получить к нему доступ:

Градиентный инструмент в Photoshop.  Image © 2009 Photoshop Essentials.com.

Выберите инструмент Градиент.

Нажмите букву D на клавиатуре, чтобы сбросить цвет переднего плана на черный, а цвет фона на белый, если это не так. Затем перейдите на панель параметров в верхней части экрана и щелкните область предварительного просмотра градиента:

Нажав область предварительного просмотра градиента на панели параметров.  Изображение © 2009 Photoshop Essentials.com

Выбрав инструмент «Градиент», щелкните область предварительного просмотра градиента на панели параметров.

Это вызовет редактор градиентов в Photoshop . В «Предустановках» вверху щелкните градиент « Передний план-фон» в верхнем левом углу. Это установит ваши градиентные цвета на черный и белый:

Редактор градиентов в Photoshop.  Изображение © 2009 Photoshop Essentials.com

Фотошоп «Градиентный редактор». Нажмите на заданный градиент переднего плана на задний фон в левом верхнем углу, чтобы выбрать его.

Затем нажмите OK, чтобы выйти из редактора градиентов.

Шаг 6: перетащите градиент в верхний угол изображения

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

Перетаскивание изображения с помощью инструмента «Градиент».  Изображение © 2009 Photoshop Essentials.com

Перетащите инструмент Градиент от верха ее плеча до верхнего левого угла.

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

Изображение теперь заполнено градиентом.  Изображение © 2009 Photoshop Essentials.com

Изображение теперь скрыто из-за градиента.

Шаг 7: измени режим смешивания и уменьши непрозрачность слоя градиента

Выбрав слой градиента, перейдите к параметрам режима наложения в верхнем левом углу палитры «Слои», нажмите стрелку вниз справа от слова «Нормальный» и выберите « Наложение» из списка. Затем в параметре « Непрозрачность» справа от параметров режима наложения уменьшите непрозрачность до 60% .

Изменение режима наложения слоя градиента на «Наложение» и снижение непрозрачности до 60%.  Изображение © 2009 Photoshop Essentials.com

Измените режим смешивания слоя градиента на «Наложение» и уменьшите значение непрозрачности до 60%.

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

Изображение после изменения режима наложения и снижения непрозрачности слоя градиента.  Изображение © 2009 Photoshop Essentials.com

Изображение после изменения режима наложения и снижения непрозрачности слоя градиента.

Шаг 8: добавь еще один новый слой в верхнюю часть палитры слоев

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

Добавьте новый слой в палитре слоев над слоем градиента.  Изображение © 2009 Photoshop Essentials.com

Новый слой добавлен над слоем градиента в палитре слоев.

Шаг 9: перетащите наш выбор с помощью инструмента Lasso

Возьмите инструмент Лассо из палитры Инструменты или нажмите L на клавиатуре, чтобы выбрать его:

Выбор инструмента Лассо в Photoshop.  Изображение © 2009 Photoshop Essentials.com

Выберите инструмент Лассо в палитре Инструменты.

С моим выбранным инструментом Лассо я собираюсь растянуть выделение вокруг волос и верхних плеч женщины. Нет необходимости быть хирургически точным с выделением, поэтому инструмент Лассо будет работать нормально:

Перетаскивая выделение вокруг волос и плеч с помощью инструмента Lasso.  Изображение © 2009 Photoshop Essentials.com

Вытяните выделение с помощью инструмента Лассо.

Шаг 10: заполните выделение белым-прозрачным градиентом

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

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

Выбор предустановленного градиента «Передний план к прозрачному» в редакторе градиентов.  Изображение © 2009 Photoshop Essentials.com

Выберите заданный градиент «Передний план к прозрачному», второй слева, верхний ряд.

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

Перетаскивание градиента от белого к прозрачному через выбранную область.  Изображение © 2009 Photoshop Essentials.com

Перетащите с помощью инструмента «Градиент» из верхнего левого в нижний правый угол выбранной области.

Когда я отпускаю кнопку мыши, выделенная область становится белой в левом верхнем углу и постепенно становится прозрачной в правом нижнем углу. Я собираюсь отменить выбор, используя сочетание клавиш Ctrl + D (Win) / Command + D (Mac), и теперь вот мое изображение с примененным новым градиентом:

Градиент применяется к выбранной области.  Изображение © 2009 Photoshop Essentials.com

От прозрачного градиента к выбранной области.

Шаг 11: примени фильтр Gaussian Blur

Я собираюсь применить фильтр Gaussian Blur в этой точке, чтобы сгладить этот градиент, так что я зайду в меню Filter в верхней части экрана, затем я выберу Blur и затем Gaussian Blur . Когда появится диалоговое окно Gaussian Blur, я собираюсь установить значение радиуса около 8 пикселей :

Фильтр Gaussian Blur в Photoshop.  Изображение © 2009 Photoshop Essentials.com

Сгладьте края вокруг градиента, применив фильтр Gaussian Blur.

Нажмите OK, чтобы выйти из фильтра Gaussian Blur.

Шаг 12: понизьте «заполнение» до 0%

Если выбран слой от белого до прозрачного, перейдите к параметру « Заливка» в правом верхнем углу палитры «Слои», прямо под параметром «Непрозрачность», и опустите его до 0% . Это полностью скроет градиент из поля зрения, но не скроет стили слоя, которые мы собираемся применить далее:

Понижение значения Fill до 0% в палитре слоев.  Изображение © 2009 Photoshop Essentials.com

Понизьте значение «Заполнить» градиентного слоя от белого к прозрачному до 0%.

Шаг 13: добавь белый слой «Outer Glow»

Нажмите на иконку Layer Styles в нижней части палитры Layers и выберите Outer Glow из списка:

Выбор стиля слоя «Outer Glow».  Изображение © 2009 Photoshop Essentials.com

Нажмите на значок «Стили слоя» и выберите «Outer Glow» из списка.

Установите цвет Outer Glow на белый , нажав на образец цвета :

Нажав образец цвета Outer Glow.  Изображение © 2009 Photoshop Essentials.com

Нажмите образец цвета «Outer Glow», чтобы изменить его цвет.

Это поднимет палитру цветов Photoshop . Чтобы выбрать белый, введите 255 для параметров R , G и B в правой нижней части диалогового окна:

Выбор цвета в Photoshop.  Изображение © 2009 Photoshop Essentials.com

Ввод 255 для параметров R (красный), G (зеленый) и B (синий) создает белый цвет.

Нажмите OK, чтобы выйти из диалогового окна Color Picker. Теперь, когда в качестве цвета Outer Glow выбран белый, уменьшите значение непрозрачности примерно до 40% и увеличьте размер свечения примерно до 90 пикселей, как показано ниже:

Варианты Outer Glow.  Изображение © 2009 Photoshop Essentials.com

Уменьшите непрозрачность до 40% и увеличьте размер до 90 пикселей.

Нажмите OK, чтобы выйти из диалогового окна Layer Style, и все готово! Вот мой последний эффект «драматического черно-белого»:

Фотошоп драматический черно-белый эффект.

Конечный результат.

И там у нас это есть! Вот как создать потрясающий черно-белый эффект с помощью Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.