Что такое Duotone и как его использовать? — Дизайн на vc.ru

Что такое duotone, какие особенности в использовании и как его применяют бренды.

3690 просмотров

Ognjen Divljak

Что такое Duotone?

Представьте себе монохромное изображение, только с добавленным поверх цветом или ярким градиентом — это и есть Duotone. С помощью этого эффекта можно сделать любое изображение сочнее и ярче. Естественно этот приём приехал к нам из печати.

Где и как его использовать?

В 2017 году мы наблюдали использование цветовой схемы у Spotify, SoundCloud, Uber и других. Чаще всего duotone берут вместе с другими фишками. А сейчас я покажу на примерах особенности использования эффекта:

— Два контрастных цвета — можно цвета бренда, а можно и контрастные оттенки одного цвета. Используйте даже несовместимые цвета, градиенты и ступенчатые переходы — результат может быть позитивно непредсказуемым.

http://ubersignlanguage.

com/about/

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

Благодаря синему оттенку мы будто заглядываем в офис компании. Если уберём насыщенный синий, согласитесь, уже не будет такого настроения. moddit.nl

Как оживить офисный снимок? Просто берём приём Duotone. wonderfour.se

— Качество снимков тоже очень важно — размытые и низкого качества не подходят. Хотяяяяяя, если добавить шумов, то можно получить неплохой результат, как мне кажется 🙂

Duotone может работать и на серьёзном портале. Здесь мы используем этот приём как фон, поэтому снимок привносит атмосферу, главный акцент делаем на содержании страницы.invest.mosreg.ru by ZephyrLab

Хотя снимок и немного размытый, прекрасно передано настроение evoluircultural.com.br

— Контраст, контраст и ещё раз контраст!

Яркие и насыщенные цвета передают настроение и задают тон всему сайту. xiangjiaoxiansheng.com

Молодые, неординарные, яркие — именно такими видит команда Spotify своих пользователей. Spotify для Dribbble

Важно держать в голове информацию о том, куда пойдёт эта картинка: где будет текст, где кнопки и другие элементы интерфейса.

Хотя автор использует фотографию с огромным количеством деталей, мы этого не замечаем из-за правильно расставленных акцентов. ourstory.qso.com.au

Duotone-блоки на главной странице — ярко, необычно и сочно. myfest.es

— Кстати, не обязательно использовать только фотографии

. Можно обыграть векторное изображение. Здесь, конечно, уже не ограничиваются одним цветом или оттенком.

Desert Nights

Если вам уже не терпится испытать все приёмы на своих работах, то вот здесь можете скачать 40 пресетов:

Заключение

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

Будем рады, если вы тоже поделитесь с нами своими примерами и впечатлениями. Просто оставляйте в комментариях ссылку на проект и пару слов от себя. Всем вдохновения!

Ждём в нашем блоге.

Duotone

корзина 0

• Каталог
• Бренды
• Свойства
• Контакты
• Доставка
• Оплата

• Виндсерфинг
• Кайтбординг
• Вейк
• Серфинг и SUP
• Подводные крылья
• Винг
• Гидро-одежда
• Всяко-разно

Абсолютно всё для мокрого спорта

Магазин /Бренды /

Паруса для виндсерфинга, мачты, гики, прочее.

Кайты, доски и всё сопутствующее оборудование.

Сайт компании

После преобразования в 2018 году, под этот бренд ушли паруса North Sails windsurfing и кайты North Kiteboarding. Бренд принадлежит австрийской компании Boards and More, которая многие годы разрабатывала, изготавливала и распространяла все продукты департаментов виндсерфинга и кайтбординга компании North Sails.

---

Компания

Duotone в каталоге Марабу:

• New Era Cap 9Twenty Letters, 2022 Головные уборы / Гидро-одежда
• Uphaul Pro, 2022 Дельные вещи / Виндсерфинг
• Fixor Lines, 2022 Трапеционные петли / Виндсерфинг
• SUPER STAR, 2022 Паруса / Виндсерфинг
• Tee Young Blood junior, 2022 Майки, футболки / Гидро-одежда
• Gambler, 2022 Доски для кайта / Кайтбординг
• Whip SLS, 2022 Доски для кайта / Кайтбординг
• iBase 2.0 + iTendon Shox (7317), 2022 Шарниры / Виндсерфинг
• Silver, 2022 Гики / Виндсерфинг
• Evo SLS, 2022 Кайты / Кайтбординг
• Traction Pad Pro — Front, 2022 Коврики / Кайтбординг
• New Era Cap Adjustabel Balcony, 2022 Головные уборы / Гидро-одежда
• SUPER STAR Stargazer Edition, 2022 Паруса / Виндсерфинг
• Xtender Platinum, 2022 Удлинители и стаканы / Виндсерфинг
• Radar, 2022 Трапеции / Кайтбординг
• Wam SLS, 2022 Доски для кайта / Кайтбординг
• Lines Center Vario, 2022 Трапеционные петли / Виндсерфинг
• iBase 2. 0 + Tendon(7315), 2022 Шарниры / Виндсерфинг
• Neo SLS, 2022 Кайты / Кайтбординг
• Binding Entity Ergo, 2022 Крепления / Кайтбординг
• Footstrap EVA, 2022 Крепления / Кайтбординг
• Tank Duotone men, 2022 Майки, футболки / Гидро-одежда
• Jaime, 2022 Доски для кайта / Кайтбординг
• Gold SDM, 2022 Мачты / Виндсерфинг
• Xtender Platinum RDM, 2022 Удлинители и стаканы / Виндсерфинг
• Travelbag, 2022 Сумки, рюкзаки, кошельки / Всяко-разно
• APEX 8, 2022 Трапеции / Кайтбординг
• Hybrid SLS, 2022 Доски для кайта / Кайтбординг
• Binding Vario Combo, 2022 Крепления / Кайтбординг
• Tank Duotone women, 2022 Майки, футболки / Гидро-одежда
• Select, 2022 Доски для кайта / Кайтбординг
• Platinum SLS RDM, 2022 Мачты / Виндсерфинг
• Hadlow Upgrade Kit, 2022 Запчасти / Кайтбординг
• Team Bag Surf, 2022 Чехлы и сумки / Всякое разное
• Fish SLS, 2022 Доски для кайта / Кайтбординг
• Radium Team Series, 2022 Трапеции / Виндсерфинг
• New Era Cap On Board II pack, 2022 Головные уборы / Гидро-одежда
• Shirt Denim LS, 2022 Майки, футболки / Гидро-одежда
• New Era Cap Duotone, 2022 Головные уборы / Гидро-одежда
• Soleil, 2022 Доски для кайта / Кайтбординг
• Platinum SLS SDM, 2022 Мачты / Виндсерфинг
• Unit D/LAB, 2022 Крылья / Винг
• Gold RDM, 2022 Мачты / Виндсерфинг
• Single Boardbag Twintip, 2022 Чехлы и сумки / Всякое разное
• Pace, 2022 Доски для кайта / Кайтбординг
• New Era Cap Stretch Snap Legero, 2022 Головные уборы / Гидро-одежда
• Kite Vest Waist, 2022 Спас-жилеты / Гидро-одежда
• Shirt 4 THE TEAM, 2022 Майки, футболки / Гидро-одежда
• New Era Cap Logo, 2022 Головные уборы / Гидро-одежда
• Unit, 2022 Крылья / Винг
• EPX Carbon, 2022 Гики / Виндсерфинг
• Black SDM, 2022 Мачты / Виндсерфинг
• Trust Bar Quad Control, 2022 Планки и ручки / Кайтбординг
• Combibag, 2022 Чехлы и сумки / Всякое разное
• Power XT 2. 0 RDM, 2022 Удлинители и стаканы / Виндсерфинг
• Power XT 2.0 SDM, 2022 Удлинители и стаканы / Виндсерфинг
• New Era Cap 9Fifty Square, 2022 Головные уборы / Гидро-одежда
• Boardshorts DT 17″, 2022 Шорты / Гидро-одежда
• Tee Branded, 2022 Майки, футболки / Гидро-одежда
• Neo, 2022 Кайты / Кайтбординг
• Power.XT 2.0 SLS RDM, 2022 Удлинители и стаканы / Виндсерфинг
• Windsock, 2022 Воздушные змеи / Кайтбординг
• Silver RDM, 2022 Мачты / Виндсерфинг
• Dice, 2022 Кайты / Кайтбординг
• Single Compact, 2022 Чехлы и сумки / Всякое разное
• 5th Element Upgrade for Click Bar, 2022 Запчасти / Кайтбординг
• Kite Pump, 2022 Дельные вещи / Кайтбординг
• New Era Cap 9Twenty On track, 2022 Головные уборы / Гидро-одежда
• Boardshorts DT 19″, 2022 Шорты / Гидро-одежда
• Tee Dedicated, 2022 Майки, футболки / Гидро-одежда
• Rebel SLS, 2022 Кайты / Кайтбординг
• Uni XT SDM, 2022 Удлинители и стаканы / Виндсерфинг
• Silver SDM, 2022 Мачты / Виндсерфинг
• Dice SLS, 2022 Кайты / Кайтбординг
• Foil Carve Carbon Wing Set, 2022 Крылья для фойлов / Подводные крылья
• 5th Element Upgrade for Trust Bar, 2022 Запчасти / Кайтбординг
• New Era Beanie Logo, 2022 Головные уборы / Гидро-одежда
• Hotshorts DT WOMEN, 2022 Шорты / Гидро-одежда
• Tee High as a Kite, 2022 Майки, футболки / Гидро-одежда
• Click Bar Quad Control, 2022 Планки и ручки / Кайтбординг
• Black RDM, 2022 Мачты / Виндсерфинг
• Foil Wing Set Freeride, 2022 Крылья для фойлов / Подводные крылья
• Uphaul Gripster, 2022 Дельные вещи / Виндсерфинг
• New Era Beanie Fisherman, 2022 Головные уборы / Гидро-одежда
• Poncho, 2022 Гидро-аксессуары / Гидро-одежда
• Tee Logo SS women, 2022 Майки, футболки / Гидро-одежда
• Outhautl Kit Race, 2022 Дельные вещи / Виндсерфинг
• Foil Trust Bar, 2022 Планки и ручки / Кайтбординг
• Evo, 2022 Кайты / Кайтбординг
• Black, 2022 Гики / Виндсерфинг
• Foil Mast-Fuselage Set + Bag 3. 0 AL, 2022 Мачты для фойлов / Подводные крылья
• New Era Cap 9Fifty A-Frame — Jersey Logo, 2022 Головные уборы / Гидро-одежда
• Uphaul Line Lifter, 2022 Дельные вещи / Виндсерфинг
• Vario Races, 2022 Трапеционные петли / Виндсерфинг
• Super HERO, 2022 Паруса / Виндсерфинг
• Tee SS Branded women, 2022 Майки, футболки / Гидро-одежда
• iRIG ONE, 2022 Паруса / Виндсерфинг
• Quick Release Kit, 2022 Запчасти / Кайтбординг
• Foil Miniboom Silver, 2022 Дельные вещи / Винг
• Kitebag Spare XL, 2022 Чехлы и сумки / Всякое разное
• Fixor Lines Pro, 2022 Трапеционные петли / Виндсерфинг
• Power.XT 2.0 Aero RDM, 2021 Удлинители и стаканы / Виндсерфинг
• Finset Carbon 30, 2021 Плавники / Кайтбординг
• Dice, 2021 Кайты / Кайтбординг
• Foil Surf Carbon Wing Set, 2021 Крылья для фойлов / Подводные крылья
• Surfstrap, 2021 Крепления / Кайтбординг
• Vario Races, 2021 Трапеционные петли / Виндсерфинг
• Neo, 2021 Кайты / Кайтбординг
• Entity Ergo, 2021 Крепления / Кайтбординг
• APEX 8, 2021 Трапеции / Кайтбординг
• Finset Glass 15, 2021 Плавники / Кайтбординг
• Foil Spirit Mast AL 2. 0, 2021 Мачты для фойлов / Подводные крылья
• Juice, 2021 Кайты / Кайтбординг
• Vario Combo, 2021 Крепления / Кайтбординг
• Spike SLS, 2021 Доски для кайта / Кайтбординг
• Wake Boot, 2021 Крепления / Кайтбординг
• Team Series Hadlow SLS, 2021 Доски для кайта / Кайтбординг
• Rebel, 2021 Кайты / Кайтбординг
• Kite Vest Waist, 2021 Спас-жилеты / Гидро-одежда
• Traction Pad Team-Front, 2021 Коврики / Кайтбординг
• Jaime, 2021 Доски для кайта / Кайтбординг
• TS-M Fins M, 2021 Плавники / Кайтбординг
• Kite Vest Seat, 2021 Спас-жилеты / Гидро-одежда
• Platinum RDM, 2021 Мачты / Виндсерфинг
• Select, 2021 Доски для кайта / Кайтбординг
• Fixor Lines, 2021 Трапеционные петли / Виндсерфинг
• Traction Pad Front, 2021 Коврики / Кайтбординг
• Wam SLS, 2021 Доски для кайта / Кайтбординг
• Select SLS, 2021 Доски для кайта / Кайтбординг
• Gonzales, 2021 Доски для кайта / Кайтбординг
• Traction Pad Pro — Front, 2021 Коврики / Кайтбординг
• Whip SLS, 2021 Доски для кайта / Кайтбординг
• Silver boom, 2021 Дельные вещи / Винг
• Soleil SLS, 2021 Доски для кайта / Кайтбординг
• Voke SLS, 2021 Доски для кайта / Кайтбординг
• Fixor Lines Pro, 2021 Трапеционные петли / Виндсерфинг
• S-PACE, 2021 Паруса / Виндсерфинг
• Slick, 2021 Крылья / Винг
• Single Boardbag CSC, 2021 Чехлы и сумки / Всякое разное
• Кольцо Suicide Ring III (Trust Bar), 2021 Запчасти / Кайтбординг
• Track Plug, 2021 Запчасти / Кайтбординг
• Super HERO, 2021 Паруса / Виндсерфинг
• Foil Miniboom Platinum, 2021 Дельные вещи / Винг
• Single Boardbag Surf, 2021 Чехлы и сумки / Всякое разное
• Foil Carve Carbon Wing Set, 2021 Крылья для фойлов / Подводные крылья
• SUPER STAR, 2021 Паруса / Виндсерфинг
• Traction Pad Pro — Back, 2020 Коврики / Кайтбординг
• Entity Ergo, 2020 Крепления / Кайтбординг
• S-PACE, 2020 Паруса / Виндсерфинг
• Vegas, 2020 Кайты / Кайтбординг
• Traction Pad Pro-Front, 2020 Коврики / Кайтбординг
• IDOL LTD, 2020 Паруса / Виндсерфинг
• Quick Release Kit, 2020 Запчасти / Кайтбординг
• Super HERO HD, 2020 Паруса / Виндсерфинг
• Spirit Freeride 700, 2020 Фойлы / Подводные крылья
• Free, 2020 Доски для кайта / Кайтбординг
• Spirit GT 565, 2020 Фойлы / Подводные крылья
• EPX XT SDM, 2020 Удлинители и стаканы / Виндсерфинг
• Gambler, 2020 Доски для кайта / Кайтбординг
• Select TEXTREME, 2020 Доски для кайта / Кайтбординг
• Team Series TEXTREME, 2020 Доски для кайта / Кайтбординг
• Indy, 2020 Доски для кайта / Кайтбординг
• Bar Plain, 2020 Запчасти / Кайтбординг
• F. Type, 2020 Паруса / Виндсерфинг
• IDOL LTD, 2019 Паруса / Виндсерфинг
• Boardshorts DT 17″, 2019 Шорты / Гидро-одежда
• Kite Vest Waist, 2019 Спас-жилеты / Гидро-одежда
• Sliding Bar Stopper, 2019 Запчасти / Кайтбординг
• Sweater Team, 2019 Куртки, кофты / Гидро-одежда
• Foil Speedster Combo, 2019 Фойлы / Подводные крылья
• Wake Boot, 2019 Крепления / Кайтбординг
• Mast Base Protector, 2019 Защита / Виндсерфинг
• Foil Speedster GT Combo, 2019 Фойлы / Подводные крылья
• New Era Cap Bold, 2019 Головные уборы / Гидро-одежда
• Daybag, 2019 Сумки, рюкзаки, кошельки / Всяко-разно
• Free Foil, 2019 Доски для кайта / Кайтбординг
• Boardshorts DT 19″, 2019 Шорты / Гидро-одежда
• Tendon threaded sleeve incl. 2 screws, 2019 Запчасти / Виндсерфинг
• New Era Cap Fresh, 2019 Головные уборы / Гидро-одежда
• Trust Bar Plain, 2019 Запчасти / Кайтбординг
• Lines Vario SL, 2019 Трапеционные петли / Виндсерфинг
• New Era Cap Surf, 2019 Головные уборы / Гидро-одежда
• Warp Foil, 2019 Паруса / Виндсерфинг
• New Era Beanie Logo, 2019 Головные уборы / Гидро-одежда
• Select TEXTREME, 2019 Доски для кайта / Кайтбординг
• Poncho, 2019 Гидро-аксессуары / Гидро-одежда
• Team Series, 2019 Доски для кайта / Кайтбординг
• Plastic Head + Grub Screw, 2019 Запчасти / Кайтбординг
• Zip Hoddy Logo, 2019 Куртки, кофты / Гидро-одежда
• V-Distributor, Запчасти / Кайтбординг
• Double Pin Lock, Запчасти / Виндсерфинг
• iFront Collar Main Body+Hinge part f. S/G/P, Запчасти / Виндсерфинг
• Back Line Pigtails, Запчасти / Кайтбординг
• Hyper Cam, Запчасти / Виндсерфинг
• Adapter Strap for Base Plate, Дельные вещи / Серфинг и SUP
• Front Line Pigtails, Запчасти / Кайтбординг
• iFront 2.0 Lever incl. 4mm rope, Запчасти / Виндсерфинг
• Rocket Tensionizer complete, Запчасти / Виндсерфинг
• Drift-Stopper, Дельные вещи / Серфинг и SUP
• Vario cleat with inserted velcro+pulley, Запчасти / Кайтбординг
• Single Batten, Запчасти / Виндсерфинг
• Mini Rocket Tensioner complete, Запчасти / Виндсерфинг
• Hand Pump for iRIG, Дельные вещи / Виндсерфинг
• Chicken Loop, Запчасти / Кайтбординг
• Tube Replacement Batten, Запчасти / Виндсерфинг
• Air Port Valve II cap+sealing, Запчасти / Кайтбординг
• Track Nut (копия), Запчасти / Кайтбординг
• Ratchet Lever f. Power.XT 2.0, Запчасти / Виндсерфинг
• Mastbag vario, Чехлы и сумки / Всякое разное
• Selfstick Dumpvalve, Запчасти / Кайтбординг
• Wing Wrist Leash 4′, Дельные вещи / Винг
• EVA grip Platinum, Запчасти / Виндсерфинг
• Selfsticky Lazy Pump Valve L Max Flow, Запчасти / Кайтбординг
• Tip for Tube Replacement Batten, Запчасти / Виндсерфинг
• TPU covered Depower Line (Click Bar), Запчасти / Кайтбординг
• Selfsticky Lazy Pump Valve Max Flow, Запчасти / Кайтбординг
• iBase 2.0, Запчасти / Виндсерфинг
• Lazy Pump Repair Kit Max Flow, Запчасти / Кайтбординг
• Leaderlines with PVC tube, Запчасти / Кайтбординг
• iTendon for iBase, Запчасти / Виндсерфинг

Дуотоновый эффект: что это такое и как создать двухцветный дизайн

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

«Duotone» — забавное слово. Его многочисленным гласным, плавному тону и коротким слогам присуща музыкальность. Но это также слово, которое, как правило, является синонимом «модного», слова, которое иногда сочетается с закатыванием глаз.

Duotone иллюстрация от OrangeCrush

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

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

Что такое двухцветный дизайн?

—

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

1967 Джефферсон Эйрплэйн и плакат дуотонов Джими Хендрикса от Клиффорда Чарльза Сили для The Fillmore

История дуотонов

Дуотоны существуют столько же, сколько и фотоаппараты.

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

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

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

Тенденция дуотонов в эпоху цифровых технологий

через Моро Манон

В последнее время популярность дуотонов возродилась, причем не столько с мерами по сокращению расходов, сколько с эстетической смелостью.

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

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

Различные варианты использования дуотонов

—

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

Фоновое изображение

от Adam Bagus

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

Гага Вастард

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

Фокус

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

by subsiststudiosby jestyr37

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

The slice

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

от A-Sz

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

Разделение

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

by MihaiJby Tomas Miliauskas

Как создать двухцветный дизайн

—

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

Подготовьте изображение

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

Начните с преобразования изображения в оттенки серого. Сделано из изображения с помощью Old Book Illustrations

1. Преобразуйте его в оттенки серого. Вы можете легко сделать это с помощью черно-белого корректирующего фильтра в Photoshop.
2. Увеличьте контрастность. Это самое важное. Поскольку вы будете работать только с двумя цветами, вам нужно сделать их заметными на финальном изображении. В Photoshop есть несколько вариантов работы с контрастом, в первую очередь фильтры регулировки уровней и кривых. Вы также можете настраивать определенные цвета в фильтре настройки «Черно-белое» и перемещать каждый ползунок, чтобы увеличить насыщенность цвета (делая их темнее/светлее в оттенках серого). Смысл в том, чтобы устранить большую часть полутонов серого и сохранить высокие блики и низкие тени.

Тщательно выбирайте цвета

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

Одни и те же два цвета могут создавать совершенно разные эффекты в зависимости от того, как они реализованы. Сделано из изображения с помощью Old Book Illustrations

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

В сочетании с однотонным и белым

via Dawid Malek

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

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

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

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

Не ограничивайте свои дуотоны фотографией

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

by Irudhby BATHI

Придайте вашему дизайну правильный тон

—

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

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

Хотите, чтобы ваш бренд имел правильный тон?

Найдите дизайнера, который создаст для вас двухцветный дизайн уже сегодня!

Дуотон меня

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

Опубликовано в Дизайн с помощью WP Engine

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

Прежде чем мы узнаем, как создать двухцветное изображение в 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.

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

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

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

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

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

Как использовать Duotoner

Установка действия

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

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

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

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

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

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

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

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

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

Перейдите к окну History , выбрав Window > History .