Як зробити градієнт

У цій статті я хочу розповісти вам про те, як в Фотошопі можна зробити градієнт. Якщо ви задалися такою метою, то у вас рівно три можливості застосувати градієнт.

• Застосувати градієнт через стилі шару Gradient Overlay
• Застосувати градієнт інструментом Gradient Tool
• Застосувати градієнт через шар заливки Fill Layer

Я навмисно поставив стилі шару на перше місце, тому що на мій погляд сьогодні в Фотошопі це самий розумний спосіб застосування градієнта. За ним слідує градієнт через шар заливки, для задніх фонів. Винятком є ​​ситуації, при яких нам потрібно застосувати простий і швидкий градієнт, який не потребує ніяких надмірностей. Наприклад, швидко і без викрутасів приховати частину зображення чорно білим градієнтом, в режимі Multiply. Інша причина, по якій ви можете захотіти користуватися цим інструментом Фотошопа - градієнт для маски.

У відсутності можливості налаштовувати інструмент Gradient Tool на льоту лежить основа роботи всіх інструментів Фотошопа. Ми вибираємо інструмент, будь то Gradient Tool. або Brush Tool або Paint Bucket. або Clone Stamp. Кількома по робочій області, і отримуємо результат, у вигляді зміни пікселів. І цей результат є зміна пікселів на пряму. Він є остаточним і його неможливо змінити «на льоту» помінявши налаштування.

Градієнтом в дизайні, та й не тільки в ньому, є поступовий перехід кольору з одного відтінку в інший. Це усталений прийом, такий же як окантовка або тінь, який нікуди не пропаде, ніколи не стане не модним або непопулярних. Користуватися ним потрібно з розумом. Самі природні і приємні градієнти - мало контрастні.

Найпростіший і доступний спосіб застосувати градієнт в Фотошопі, це вибрати інструмент Gradient Tool. Клікнути по робочій області і не відпускаючи клавішу мишки, провести курсором по робочій області.

Точка А є початком градієнта, а точка Б закінченням. Діапазон між цими точками і є переходом кольору А в колір Б. Відповідно чим більше цей діапазон, і чим менше контрастні кольори, тим м'якше і плавніше градієнт.

Чим вже діапазон, ніж контрастніше кольору - то все більше і швидше градієнт. Аж до прямої зміни кольору.

В цілому, ця панель дозволяє записувати інструменти з заздалегідь готовими настройками. Припустимо, вам постійно необхідний інструмент градієнта від чорного до невидимого, з прозорістю 20% і режимом накладення Multiply. Ви проставляєте настройки інструменту і записуєте їх у панель Presets Tool. Тепер ваш шаблон завжди під рукою.

Клікнувши по круглій кнопці ви потрапляєте в меню панелі градієнта. Це стандартне меню, точно таке ж є і у кистей, стилів, контурів, фігур. Скрізь це меню робить одне і теж. Дозволяє створити і зберегти новий градієнт. Переназвати, видалити. Викликати Preset manager в якому можна більше всякого. Завантаження нових градієнти, або зберегти ті що є, очистити, повернути до стандартних настройками і, звичайно, завантажити готові шаблонні колекції градієнтів Фотошопа, які теж не зайві.

Не сказати що у Фотошопа дуже багато різновидів градієнта. Вид - це метод, яким фотошоп створює градієнт. Всього їх п'ять.

Linear gradient (Лінійний градієнт) - заливає градієнт по прямій лінії від кольору А до кольору Б.

Radial gradient (Радіальний градієнт) - заливає градієнт у вигляді кола від кольору А до кольору Б.

Angle gradient (Конусоподібний градієнт) - створює обертовий градієнт по 360 осі від кольору А до кольору Б.

Reflected gradient (Дзеркальний градієнт) - варіація лінійного градієнта, з однією лише різницею. Цей градієнт відображає сам себе і повертається до початкового кольору. В цьому випадку градієнт рухається від кольору А, до кольору Б і знову до А.

Diamond gradient (Ромбоподібний градієнт) - створює ромбовидні градієнт від кольору А до кольору Б.

Наступні опції - режими накладення і ступінь невидимості. Тут все просто. Невидимість визначає невидимість, а режими накладення пропонують на вибір різні режими накладення, докладно про які я написав в статті Режими накладення blending mode в Фотошопі.

Режими накладення як такі прикручені до всіх інструментів які можуть малювати. Дані режими є неотменяемого. Ви не зможете змінити їх заднім числом, як це можна зробити у шару. Режим застосовується відразу і безповоротно. Відкрутити назад можна тільки в панелі Історії History.

Інтерес представляють наступні три галочки: Reverse. Dither. Transparency. Як завжди про них немає ніякої інформації ніде. Найпотужніші сайти по фотошопу обмежуються витягами в пару слів, здерті з офіційного Хелпа. Цікаво, крім хронофаги їх взагалі хто-небудь розбирає?

Dither - не очевидно настройка. Що включай, що вимикай. Все одно не зрозуміло що відбувається. Давайте розбиратися. Тема галочки Dither заслуговує окремої статті, але я постараюся пояснити цей момент коротко.

Коли ми застосовуємо градієнт до якоїсь області, Фотошоп розподіляє проміжні вихідної колір і кінцевий. Між ними розташовуються проміжні кольори. У деяких ситуаціях кількості цих квітів може не вистачати. Припустимо ми використовуємо дуже слабкий градієнт, від сірого до темно сірому, на дуже великий робочої області. Нехай ця область буде, наприклад 1000 пікселів.

Фотошопу потрібно якось розподілити градації сірого по 1000 пикселям, при цьому ми повинні отримати плавний перехід з однієї градації в іншу. Варто зауважити що ступенів кольору від білого до чорного і так не дуже багато. Їх всього 256. Тобто ідеальний градієнт від чорного до білого виходить на області 256 пікселів. Якщо ж ми хочемо застосувати такий градієнт на області в два рази більше, то Фотошопу доведеться просто дублювати кожну смужку пікселя по два рази. А якщо градація градієнта ще вже? А область ще більше? На практиці виходять такі смуги.

Метод Dither застосовує до градієнту в Фотошопі інший спосіб поєднання пікселів. Він ніби перемішує пікселі між собою розсипом. Результат змішання побачити не складно. При включенні галочки Dither видно тільки те, що градієнт несподівано став гладким. Ось що відбувається з пікселями при використанні Dither. Я спеціально збільшив робочу область і навіть трохи підсилив контрастність, щоб ви краще бачили як саме змішуються пікселі.

У вікні Presets ви вибираєте збережені готові градієнти. Кругла кнопка з стрілкою робить вже знайомі вам речі. Створити, видалити, завантажити, зберегти і так далі.

Як зробити і зберегти градієнт?

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

м'якість градієнта

Параметр Smoothness визначає м'якість градієнта. Мабуть без спец підготовки цю м'якість не просто розгледіти. Якщо вибрати стандартний градієнт з двома кольорами, можна дуже довго вдивлятися в смужку градієнта, мене параметр Smoothness то на 0 то на 100 і так і не зрозуміти, в чому полягає м'якість. Більш явно зміни видно в складних градієнтах з безліччю повзунків кольору.

Як налаштувати градієнт

Налаштовувати градієнт дуже просто. У вас є смужка, вона ж градієнт, з чотирма повзунками, два знизу два зверху. Нижні повзунки визначають колір. Щоб налаштувати колір вам потрібно вибрати повзунок, тобто клікнути по ньому. Клікнувши по повзунку у вас відкривається ряд налаштувань.

Маніпуляції з повзунками

Активуючи повзунок вам стає доступна кнопка видалення. Її теж не обов'язково натискати щоб видалити щабель кольору. Для видалення просто утяніте повзунок з смужки градієнта.

Щоб додати новий повзунок, клікніть по смужці градієнта знизу. Видалити базові повзунки не можна. У градієнта має обов'язково залишитися два повзунки.

Стандартний градієнт має 2 повзунка кольору, і невеликий індикатор між ними. Індикатор теж можна рухати, він визначає ступінь м'якості переходу з одного кольору в інший.

Як зробити напівпрозорий градієнт?

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

Тепер вам доступні інші настройки, налаштування прозорості градієнта. Ступінь прозорості, місцезнаходження та видалення.

Як і з кольоровими повзунками, у повзунків прозорості є індикатори ступеня прозорості.

Режими градієнта в Фотошопі

У градієнта в Фотошопі є два режими: Solid і Noise.

• Solid - звичайний стандартний градієнт, суцільний перехід від одного кольору до іншого.
• Noise - створює хаотичний шумовий градієнт і налаштовується абсолютно інакше. Переключити режими можна прямо в діалоговому вікні Gradient Editor.

Переключившись на шум, ви відразу потрапляєте в інші настройки, зміст яких в наступному:

У вас є смужка градієнта, але в цей раз ви не можете додавати ніяких повзунків. Щоб створити свій перший шумовий градієнт натисніть на кнопку Randomize. яка довільно вибирає будь-які кольори, і створює довільний градієнт.

Щоб контролювати процес і отримувати більш менш потрібні вам градієнти, розглянемо настройки кольору і кнопки Randomize.

• Restrict Colors - виключає особливо яскраві або перенасичені кольори з шумового градієнта. Тобто якщо ви цю галочку поставили, то при натисканні на Randomize Фотошоп виключає занадто вибиваються із загального ряду кольору.
• Add Transperancy - додає невидимість. Якщо виставити цю галочку разом з довільними кольорами ви отримаєте і довільну невидимість. Фотошоп сам буде вирішувати де і як вона з'явиться. Вона може з'явитися або спочатку, або в кінці, або місцями в середині, і у вас немає можливості контролювати цей процес.

Краще переключіться на більш зрозумілу схему HSB. Припустимо я хочу отримати шумовий градієнт в блакитний тональності. Тоді я зменшую дію повзунків виключаючи зайвий колір.

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

Налаштування Roudness визначає ступінь грубості і різкості ваших квітів від самого звичайного м'якого градієнта до вибухового і кислотного.

Тепер ви знаєте все про градієнтах в Фотошопі, сподіваюся ви отримали для себе щось нове. Вдалих експериментів!

P.S. У вас ремонт квартири або будинку, вам набридла буденність? Тоді вам необхідний комплексний дизайн інтер'єру для нового помешкання. Дизайн інтер'єру можна замовити на сайті design-for-you.ru