Дуотон – яскрава ідея для вашого дизайну: лише два кольори і великі можливості

Дуотон або дуплекс – це спосіб відтворення оригіналу зображення, використовуючи лише два кольори. У веб цей ефект прийшов з поліграфії, коли для друку використовувалися лише два кольори. І зараз цей прийом для економії фарби став справжнім хітовим трендом веб-дизайну.

Візуально такі зображення виглядають цікаво та неординарно, а отже приваблюють увагу. При цьому створення таких художніх фото не потребує особливих навиків та знань для втілення.

Дуплекс – новий тренд веб-дизайну

Дуплекс у вебі використовується порівняно нещодавно. Але вже зараз можна натрапити на цікаві зображення у цьому стилі. Мабуть, найбільше полюбилася ця техніка своїм необмеженим простором для творчості – ось тут можна і справді такого накреативити з кольорами. До речі,  комбінації із трьох та чотирьох кольорів називаються відповідно триплекс та квадроплекс.

Свято кольору 

Якщо у поліграфії панувало поєднання чорного з іншим непримітним кольором, то у веб-дизайні гору взяли ексцентричні, яскраві та неординарні комбінації.

Такі рішення дозволяють створювати енергійні зображення, надавати навіть застарілим фотографіям, чорно-білим фото друге дихання, перетворюючи їх на справжнісінькі художні витвори. Кольорове протиріччя забезпечує приголомшливий візуальний ефект: дизайн не просто привертає увагу – він буквально приковує погляди. Можна, наприклад, поекспериментувати із фірмовими кольорами.

Якість має значення 

Головне – при виборі вихідних матеріалів пам’ятати, що всі зображення мають бути чіткими та мати високу якість. Краще за все працювати з об’єктами, на яких можна сфокусуватися, пейзажі та фотографії з великою кількістю деталей важчі для подібної обробки.

Фон для тексту 

За допомогою ефекту дуплекс можна створити приглушене, але цікаве зображення для фону, на якому можна розміщувати текст. Текст на такому фоні доречно виглядає в будь-якому місці. Ще більшого ефекту можна досягти, використовуючи плашки для написів.

 

Просте рішення – яскравий дизайн 

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

За допомогою даного ефекту можна як оживити, так і, навпаки, приглушити зображення, зробити естетику сайту більш привабливою та оригінальною, посилити візуальне залучення користувачів. Тут обмежень не існує, лише відкритий політ фантазії у парі з гарним смаком. Насправді дуотон дає можливість створити унікальну атмосферу. Якою вона буде - доброзичливою, безтурботною, драматичною, вишуканою залежить від обраних відтінків та від творчої фантазії дизайнера.

Для створення зображень у стилі дуплекс потрібен добре відомий всім Photoshop. Пропонуємо увімкнути уяву і спробувати разом з нами створити зображення у стилі дуплекс.

Техніка дуплекс в Photoshop – покроковий урок 

Спосіб 1 - Двоколірний градієнт

3. Виберіть необхідні кольори в контрольних точках.

4. Відрегулюйте позиції цих точок.

5. В кінці можна відрегулювати освітлення та контраст.

Результат

 

Спосіб 2 - Режим дуплекс

1. Переведіть зображення в напівтоновий режим Градація сірого (Grayscale).

2. Скористайтеся послідовним ланцюжком команд: Зображення – Режим - Дуплекс.

3. В параметрах дуплексу оберіть необхідний вам тип.

4. Оберіть кольори.

5. Редагуйте, якщо потрібно, криві кожного кольору окремо.

6. Назвіть кольори та натисніть ОК.

Результат

 

Цікаво, а як ваша фантазія втілилась з використанням цього прийому, свої роботи скидайте у коментарі до посту у нашому Фейсбуці