дуатон в фотошопе что такое
Эффект дуотон в Фотошопе
2 способа быстрого тонирования изображения
Думаю, вам приходилось сталкиваться со множеством тонированных картинок, в которых используется ограниченное количество цветов. Очень часто такой эффект называют Дуотоном (или Дуплексом) и сделать его очень быстро.
Для его реализации рекомендуют перевести изображение в режим Grayscale, затем в Дуотон, и там уже подобрать нужные цвета. На самом деле, это не совсем верно, потому что такой последовательностью действий вы получите однотоновое изображение, цвет которого при печати складывается из сочетания 2-х выбранных вами:
в любой момент можно увеличить или уменьшить количество определенного цвета, смещая маркер средних тонов в Редакторе градиента;
добавить дополнительный цвет;
заменить цвета Градиентом из готовых.
Если возникли вопросы — посмотрите видео:
А вы используете дуотон в работе? Пишите комментарии и выкладывайте свои варианты применения данного эффекта.
Если лень возиться, можно скачать набор готовых градиентов.
Создание эффекта дуотона в Photoshop
Теперь попробуйте сами
1. Откройте файл duotone-effect.psd из набора материалов к уроку или используйте собственный файл.
2. На панели Слои нажмите на значок Создать новый корректирующий слой или слой-заливку и выберите Карта градиента.
3. На панели Свойства дважды нажмите на эскиз градиента, чтобы открыть Редактор градиентов.
4. Выберите градиент Фиолетовый и оранжевый, чтобы применить базовый дуотон.
5. Для изменения цветов градиента дважды щелкните на правой нижней контрольной точке цвета, чтобы открыть палитру цветов. Выберите цвет и нажмите ОК.
6. Настройте цветовой баланс, перемещая ползунок по точкам цвета в спектре.
7. Добавьте дополнительные точки цвета в спектр. Для этого нажмите прямо под градиентом. Настройте новые точки по своему вкусу.
8. По завершении нажмите ОК.
Вот и всё! Теперь ваша очередь. Создайте эффект дуотона в Photoshop за минуту. Скачайте наши материалы или используйте собственные. Опубликуйте готовую работу в Facebook, Twitter или Instagram с хештегом #MadewithPhotoshop. Получайте отзывы и общайтесь с другими творческими людьми.
Двутоновые изображения или режим Дуплекс в фотошопе
Уроки уроками, но не забываем продолжать изучать азы фотошопа! Вернемся к учебнику и разделу по работе с обесцвеченными изображениями.
Есть еще один элегантный эффект, используемый в черно-белых изображениях — эффект яркого тона (двутоновые изображения). При фотографировании создать такой эффект можно, осветив снимаемый объект огромным количеством света. При этом вы получите высококонтрастное изображение, на котором тени будут показаны оттенками серого, а все остальное будет почти белым.
Есть две серьезные причины, по которым вы, вероятно, захотите научиться создавать двутоновые изображения. Во-первых, такие изображения позволяют уменьшить стоимость при массовой печати. Во-вторых — это один из способов создать по-настоящему профессионально выглядящие черно-белые отпечатки (представьте себе, большинство черно-белых фотографий, выставленных в галереях, на самом деле содержат немного цвета!) Чтобы вы поняли, о чем вообще я говорю, разберем небольшой пример двутонового изображения и немного вспомним цветовые режимы.
Применение корректирующего слоя черно-белое. Теперь изображение стало черно-белым:
Теперь сделаем его двутоновым. Я выбрал оттенок красного (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, вы не заметите разницы — кроме потрясающего вида вашего изображения.
Отлично! Вы только что выбрали свою первую комбинацию цветов в режиме Дуплекс.
Тренд в дизайне — двухцветные изображения
Перевод статьи “Duotone Color: Tips & Examples for This Vibrant Trend” о зарождающемся тренде в веб-дизайне — двухцветных изображениях: как лучше всего их использовать и зачем.
Благодаря Spotify двухцветный дизайн с каждым днем набирает популярность. С таким эффектом фото сразу бросается в глаза!
Что такое дуотон?
Дуотон — использование двух цветов в изображении. Название и техника появились в полиграфии, где для печати использовали только 2 цвета.
Дуотон визуально интересен и делать его — элементарно. Эффект создается в Фотошопе или с помощью приложения по типу Colofilter.css.
Так полиграфическая техника нашла место в интернете. Возможно, вы уже заметили эту тенденцию в сети.
Заглавное фото
Используйте двухцветное фото на главной странице — как New Deal Design, которые выбрали смелые цвета и смешные образы. Не бойтесь выйти из зоны комфорта — используйте несочетаемые цвета. Главное — создать контрастное изображение, притягивающее внимание пользователей.
Чтобы достичь максимального эффекта:
● Выберите два контрастных цвета. Круто, если это будут цвета бренда;
● Возьмите фото с объектами, на которых можно сфокусироваться. Пейзажи сложнее использовать;
● Используйте качественные изображения. Размытые фотографии низкого качества — не вариант;
● Создайте контраст;
● Определите место для кнопок и текста;
● Выбирайте цвета, которые отражают настроение фотографии;
● Добавьте цветную рамку или параллакс-эффект.
Простая цветовая палитра
Дуотон — не обязательно что-то сложное. Иногда яркие примеры просты по своей природе.
Assurity Life Insurance используют два оттенка красного и простой шрифт. По скроллу появляется еще несколько полутонов. Красный привлекает внимание пользователей.
Хитрость в том, что сайт слишком прост, чтобы быть не эффектным. Пользователи не перегружены элементами и сосредоточены на тексте. Этот тип дуотона подходит для формальных сайтов.
Повышенная читабельность
С помощью дуотона можно создать приглушенное изображение для фона. Текст на нем можно поместить в любое место. Чтобы повысить читабельность, сделайте однотонную подложку для надписей.
Акцент
Двухцветные изображения работают и в небольшом пространстве. Используйте тренд для оформления навигации, дополнительных изображений или для отдельного типа контента.
Плюс использования техники в маленьком пространстве — здесь больше свободы. Можно экспериментировать, даже если вы не уверены, что дуотон будет работать.
Это идеальный способ использовать фирменные цвета. И еще дуотон поможет сделать сайт современнее без кардинальных изменений.
Join Radio использует чуть заметный градиент для фона. Цвета гармонируют с пользовательским интерфейсом. Простая анимация и переход от светлого цвета к темному побуждают скроллить страницу.
Дуотон — возможность экспериментировать, соединять несовместимые цвета. А результат всегда выглядит классно и работает.
Вывод
Оригинальное — не значит сложное. Особенно в эпоху минимализма. Берите фотошоп (или даже приложение для телефона) и креативьте трендовый дизайн.
Duotone
Есть небольшая особенность подготовки Grayscale изображений для последующей конвертации в режим Duotone: тоновый диапазон необходимо держать от 0% до 100% (для одно красочной печати минимальное значение зависит от минимально воспроизводимой точки при печати, а максимальное значение не превышает 98%). После обработки всех изображений начинаем «строить» параметры Duotone, для этого выбирается самое характерное в данном проекте изображение. У меня это фото крейсера «Аврора» на рубеже 19-20 веков.
Вызываем диалог конвертации в Duotone:
Из списка Tape выбираем Duotone:
В папке программы, preset, duotones находятся папки:
Если Ваша цель достигнута и результат Вас устраивает, можно нажать OK. Варианты пред’установок неплохи их строили для Adobe профессиональные фотографы и если опыта работы с дуотоном мало лучший выход использовать данные варианты.
А мы, всё-таки, «сами с усами» и будем настраивать параметры с нуля.
На Grayscale изображении пипеткой ставим пикеры в светах, в трети светов, полутонах и тенях. Значения нам нужны в цветовой модели Lab (что и надо настроить в палитре инфо):
В полутонах и тенях детали будет «рисовать» у нас черная краска. Открываем диалог кривых этой краски. Здесь у нас стоит задача выправить изменение тонового диапазона так, что бы он не сильно отличался от исходного (того, что имело изображение в режиме Grayscale). Для этого мы ориентируемся на значение светлоты (L*) наших пикеров, не очень обращая внимание на значения в светах и тенях, приводим значения светлоты в трети светов и полутонах приблизительно к исходным:
При этих кривых, формы для красок будут выглядеть так:
И так наше изображение готово, сохранить его можно только в форматах файла PSD (если верстка идет в индизайне) и Photoshop DCS 2,0 (EPS) (для верстки в любой программе), для последнего надо выставить такие параметры:
Вот таким будет это изображение в книге: