Блог
//Дуотон – яскрава ідея для вашого дизайну: лише два кольори і великі можливостіДуотон – яскрава ідея для вашого дизайну: лише два кольори і великі можливості
Uk
Ru
En
Translated by google
11 Жовтня 2016

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

Nakitel, Накитель, Ми розробляємо майбутнє

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

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

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

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

Nakitel, накитель, разработка сайтов

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

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

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

Nakitel, накитель, разработка сайтов

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

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

Nakitel, накитель, разработка сайтов

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

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

Nakitel, накитель, разработка сайтов
 
Nakitel, накитель, разработка сайтов

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

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

Nakitel, накитель, разработка сайтов

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

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

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

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

1. Потрібно знебарвити зображення (Зображення – Корекція – Чорно-білий).

Nakitel, накитель, разработка сайтов

2. Створіть двоколірний градієнт (Зображення – Корекція – Карта градієнта) та оберіть підходящий набір із стандартних.

Nakitel, накитель, разработка сайтов


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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

Результат
 
Nakitel, накитель, разработка сайтов


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

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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

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

Nakitel, накитель, разработка сайтов

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