дуатон в фотошопе что такое

Эффект дуотон в Фотошопе

2 способа быстрого тонирования изображения

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

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

в любой момент можно увеличить или уменьшить количество определенного цвета, смещая маркер средних тонов в Редакторе градиента;

добавить дополнительный цвет;

заменить цвета Градиентом из готовых.

Если возникли вопросы — посмотрите видео:

А вы используете дуотон в работе? Пишите комментарии и выкладывайте свои варианты применения данного эффекта.

Если лень возиться, можно скачать набор готовых градиентов.

Источник

How to create a duotone effect in Adobe Photoshop

Graphic artist Erica Larson dreams up inspired designs every day as an associate creative director on the Adobe Studio team. In other words, she makes stuff that makes others want to make stuff.

This sample file has Adobe Stock images you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.

Woman standing against a solid background with various yellow and orange tones blended across the composition

Larson started by adding a Gradient Map Adjustment Layer (different from a regular Gradient). This allows her to map colors onto the grayscale values, while preserving the original image.

Add a splash of color

Click on different Presets in the Properties panel to see how each one affects your image. Larson selected the Violet, Orange gradient as her starting point.

Click on the gradient to open the Gradient Editor. This preset has two color stops by default. Larson double-clicked on each of the color stops, and then chose a new color using the Color Picker.

Enhance the spectrum

You can shift the color stops and the Color Midpoint (the center diamond) to add a bit more range to your image’s color spectrum. Larson went further, adding two more color stops by simply clicking just below the gradient, and again selecting from the Color Picker.

Create your own dynamic duos

See how this dramatic, colorful effect can give any high-contrast, black-and-white image a bold new look.

Note: Project files included with this tutorial are for practice purposes only.

Adobe Stock contributors: Anastasia, wstockstudio

Источник

Изящество, Энергия и Фантазия С Эффектом Дуплекс В Photoshop

Дуплекс (Duotone) позволяет веб-дизайнерам создавать красивые сайты, дизайн которых еще в течение ни одного года не устареет. Эти сайты встречаются нам очень часто во время веб-серфинга или изучения работ на Awwwards или Behance. Но как создать эффект дуплекс, как лучше использовать, как подобрать под него фотографии?

Впервые появившись еще в 2015 году в оформлении музыкального сервиса Spotify, красочный и яркий фотоэффект сейчас популярен, как никогда. Эффект, который использует всего два цвета (а иногда и больше) и, тем самым, преобразуя изображения, позволяет им выглядеть весело, энергично и красиво. И если в 2016 году он только начинал распространяться среди веб-дизайнерских «фишек», то теперь его использование считается проявлением вкуса веб-мастера, его чуткости к новым веяниям и безграничной творческой фантазии.

Да, речь идет именно об эффекте «Дуплекс» или Duotone. Впрочем, в Photoshop это, скорее, не эффект в привычном смысле, а режим отображения и печати, наряду с вариантом «градации серого», «CMYK» или «RGB». Так или иначе, но «Дуплекс» принято считать фотоэффектом. Почти с каждым месяцем можно увидеть все новые и новые сайты, которые изменяются или создаются с нуля с использованием этого эффекта. И такие сайты нам встречаются очень часто во время веб-серфинга или изучения работ на Awwwards или Behance.

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

Что такое Дуплекс?

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

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

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

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

Доминирующие изображения

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

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

Простота палитры цветов

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

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

Удобство чтения

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

Разумеется, что веб-дизайнеры стараются выбирать цвета для дуплекса в этом случае более приглушенные, не слишком яркие и ядовитые. Примеры Etremarin, Fcinq.com, Music Incubator яркие представители описанного выше. Более того, если страничку второго проекта прокрутить чуть ниже, то можно увидеть и ощутить, как не слишком удобно становится читать текст поверх полноцветного изображения. Буквы белого цвета будто бы теряются на изображении.

Привлекая внимание

Эффект дуплекса применяется и для небольших фотографий и элементов, размещенных в различных секциях страницы. Это могут быть плитки с разделами сайта, секции-разделители на Landing Page. Иными словами – речь идет о вторичном контенте.

При таком варианте эффект дуплекса подходит, если веб-дизайнер окончательно не уверен, действительно ли его проект привлечет внимание пользователей и акцентирует их внимание на главном. Но сам же эффект привлечет точно! Правда? Поэтому двухцветные полутона накладывают и на сами изображения, и на видео, на ссылки, иконки или схемы. Примеры Viens-la, Lois Jeans, Boomex Agency показывают тонирование и видео, и изображений.

Фон не забыт

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

Проект же Too Pop в качестве фона выбрал фотографию, но дуплексом практически полностью скрыл её сюжет. Получилось весьма необычно и даже загадочно. Отдельного внимания заслуживает и Nurture Digital

Три способа создания Дуплекса в Photoshop

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

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

Доступен режим в любой версии Photoshop, как в CC, так и в CS. Красный нами выбран для яркости и наглядности. Особо сложного ничего нет в создании эффекта, поэтому меньше слов и больше дела, некоторые особенности по тексту.

Способ 1

Открываем изображение (в нашем случае арт), создаем поверх слоя еще один и заливаем его нужным цветом. Выбираем стиль наложения нового слоя – «Цветовой тон». Эффект Дуплекса готов и картинка затонировалась в многоцветие оттенков красного и черного, то есть использовались два цвета.

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

Способ 2

Способ 3

Его рекомендуют сами Adobe и для этого варианта, уже без сомнения, подойдёт совершенно любое изображение. Но и тонирование оно предлагает более эффектное.

Контраст позволяет подчеркнуть детали изображения. Сравните варианты работ ниже «до» и «после» контраста.

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

Вывод

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

Кроме этого, эффект дуплекса позволяет веб-дизайнерам экспериментировать с цветами, потренировать свою фантазию. Да, не без этого, уж точно! Что уж говорить о том, что только в таком варианте вы сможете соединять такие безумные цвета, о которых и не думали раньше: ярко-зеленый и ярко-синий, розовый и ядрено-желтый. Такие вариации создадут эффект неожиданности, а если изображения небольшие (не фоновые), то и раздражать они не будут пользователя.

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

Источник

Двутоновые изображения или режим Дуплекс в фотошопе

Уроки уроками, но не забываем продолжать изучать азы фотошопа! Вернемся к учебнику и разделу по работе с обесцвеченными изображениями.

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

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

Применение корректирующего слоя черно-белое. Теперь изображение стало черно-белым:

Теперь сделаем его двутоновым. Я выбрал оттенок красного (PANTONE 485 CVC):

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

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

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

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

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

2. Измените цветовой режим изображения на Градации серого (выберите в меню пункт Изображение => Режим => Градации серого) и, когда в появившемся диалоговом окне вас спросят, сохранить или свести слои, щелкните мышью по кнопке Выполнить сведение (Flatten). В следующем диалоговом окне, спрашивающем, удалять ли данные цветов, щелкните мышью по кнопке Отменить (Discard).

3. Вернитесь в меню и выберите в нем пункт Изображение => Режим => Дуплекс. Теперь вы готовы к тому, чтобы выбрать одну из встроенных двутоновых комбинаций цветов, осталось только получить к ним доступ, переключившись в режим Дуплекс (Duotone).

4. В открывшемся диалоговом окне Параметры дуплекса (Duotone Options) выберите желаемую комбинацию цветов.

Раскрывающийся список Стиль (Preset) содержит сотни дву-, трех- и четырехтоновых комбинаций. (Можно потратить целый вечер на то, чтобы их только просмотреть.) Если вы выберете один из пунктов в этом раскрывающемся списке, фотошоп автоматически выберет соответствующий пункт в раскрывающемся списке Тип (Туре). Если же вы решите сами выбрать цвета, то выберите в раскрывающемся списке Тип пункт Дуплекс, Трехкрасочный (Tritone) или Четырехкрасочный (Quad-tone), а затем щелкайте мышью по маленьким индикаторам цветов ниже этого списка, чтобы выбрать чернила (не забывайте: в этом режиме фотошоп думает, что изображение пойдет на печатную машину, а там используются чернила).

Если вы захотите сохранить созданную вами комбинацию, щелкните мышью по кнопке, находящейся справа от раскрывающегося списка Стиль и задайте имя набора настроек. Когда завершите работу, щелкните мышью по кнопке ОК.

5. Переключитесь обратно в режим, в котором вы начали работу, выбрав в меню команду Изображение => Режим => RGB. Поскольку режим Дуплекс (Duotone) — специальный и предназначен для печати (не для редактирования документа), то делать в нем больше нечего. Переключившись в режим RGB, вы не заметите разницы — кроме потрясающего вида вашего изображения.

Отлично! Вы только что выбрали свою первую комбинацию цветов в режиме Дуплекс.

Источник

Сплит тон и дуотон в элементах Photoshop

Split tone и Duotone – очень похожие фотоэффекты. Duotone означает, что у вас есть белый (или черный) и еще один цвет. Белый на бликах и другой цвет в тенях ИЛИ черный в тенях и другой цвет для бликов. Тон разделения одинаков, за исключением того, что вы заменяете любой другой цвет на черный/белый. Например, у вас могут быть синие тени и желтые блики.

Этот учебник написан с использованием Photoshop Elements 10, но должен работать практически в любой версии (или другой программе), которая допускает слои.

Создать слой карты градиента

Установка градиента

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

Выбор тона

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

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

Очистить экспозицию

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

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

Окончательное изображение

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

Источник