Как создать двухцветное изображение в Photoshop

Когда вы работаете над дизайном своего следующего сайта, вы, возможно, рассматриваете общий тип фона: фотографию. Хотя эта тенденция не обязательно уникальна, она, безусловно, эффективна для создания сцены и погружения пользователя в среду сайта. Если вы ищете способ использовать фотографию, но с немного большим изяществом, вы всегда можете попробовать двухцветное изображение — на них интересно смотреть и их легко создать!

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

Что такое двухцветное изображение?

По своей сути дуотон — это просто изображение, состоящее из двух цветов. Вы, наверное, видели их раньше в таких кампаниях, как «Обзор года» Spotify за 2015 год.

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

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

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

В оставшейся части урока мы рассмотрим два метода, которые вы можете использовать для ручного создания двухцветного изображения в Photoshop. Первый — это встроенный вариант Photoshop (отлично работает, но не мой любимый), а второй использует карту градиента (мой предпочтительный метод, если вы, конечно, не используете наш бесплатный экшен!).

Когда вы будете готовы, загрузите изображение в Photoshop и создайте дубликат слоя фотографии. Редактируя дубликат (вместо исходного нижнего слоя), у вас всегда будет неотредактированная версия фотографии, к которой можно вернуться.

Готовы создать двухцветное изображение в Photoshop? Давайте начнем.

Как использовать параметр Photoshop Duotone по умолчанию

1. Преобразуйте изображение в 8-битные оттенки серого.

Чтобы использовать встроенную в Photoshop опцию дуплекса, сначала вам нужно преобразовать изображение в 8-битные оттенки серого. Выберите копию своей фотографии и перейдите в «Изображение»> «Режим»> «Оттенки серого». Также убедитесь, что в том же меню режима выбрана опция 8 бит/канал.

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

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

2. Преобразуйте изображение в двухцветный

Как только ваш режим изображения находится в 8-битных оттенках серого, вы можете использовать параметр дуплекса по умолчанию в Photoshop. Выберите слой, а затем перейдите в «Изображение» > «Режим» > «Двухцветный».

3. Выберите цвета

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

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

Как использовать карту градиента для создания двухцветного изображения

1. Примените карту градиента

Для этого метода вам не нужно беспокоиться об изменении изображения или выборе определенного цветового режима. Конечно, если вы хотите что-то отредактировать, продолжайте, но фотография и так будет работать нормально. Когда будете готовы, выберите копию своего изображения и перейдите в Image > Adjustments > Gradient Map.

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

Совет: видите флажок рядом с реверсом? Нажав на нее, вы инвертируете цвета на фотографии. Для этого урока мы оставим его не отмеченным, но если мы хотим, чтобы фон был темнее, чем объект, эта опция может помочь вам изменить ситуацию.

2. Выберите цвета

Нажав на полосу градиента, вы откроете редактор градиентов в новом окне. Здесь вы можете выбрать цвета и настроить их отображение на изображении.

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

Как использовать дуотонер

Установить действие

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

Чтобы перейти в окно «Действия» , выберите «Окно» > «Действия» или удерживайте нажатой клавишу Shift + F9 .

Открыв окно «Действия», выберите слой изображения, к которому вы хотите применить эффект дуплекса.

Выберите и запустите действие

Щелкните раскрывающийся список в папке «Flywheel — Glitch-a-tron». Теперь выберите «Glitch-a-tron — Выберите и нажмите воспроизведение» и нажмите треугольную кнопку воспроизведения в нижней части окна.

Как только вы нажмете кнопку воспроизведения, вы увидите целую кучу слоев, каждый из которых имеет свою двухцветную цветовую схему! Чтобы переключиться, все, что вам нужно сделать, это сделать видимым слой, который вы хотите.

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

Бонус: сброс изображения в одно мгновение

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

Перейдите к окну «История» , выбрав «Окно» > «История» . Прокрутите вверх и нажмите «Снимок». Это сбрасывает все, так что все готово!

Что вы думаете о дуотонах? Считаете ли вы их сильной тенденцией в дизайне или предпочитаете полноцветные изображения?

Хотите узнать больше ресурсов для создания и дизайна невероятных сайтов с помощью WordPress? Посетите Ресурсный центр WP Engine, чтобы найти нашу обширную библиотеку образовательного и практического контента, созданного для пользователей WordPress с любым уровнем технических навыков!