Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting
Design

Секрет реалістичного живопису: освоюємо інтенсивність

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) translation by Григорий В (you can also view the original English article)

Final product image
What You'll Be Creating

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

muddy color painting why

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

Інтенсивність проти яскравості 

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

what is value painting
Градієнт інтенсивності і дев'ять окремих інтенсивностей 

Ви дізнаєтеся, що кожен тон (Hue) може бути створений з трьох компонентів: червоного (Red), зеленого (Green) і синього (Blue), і кожен з них може мати певну яскравість (Brightness) і насиченість (Saturation). Точно як в колірній панелі Photoshop! 

color panel photoshop brightness saturation hue value

Звичайно ви починаєте з чорного, але крім цього нього більше немає сенсу використовувати сірий колір. Немає повзунка «Інтенсивність» (Value) для будь-якого з відтінків! Але замість цього ми можемо використовувати Яскравість (Brightness), вірно? Деякі програми навіть називають це Інтенсивність! 

Проведемо невеликий експеримент.  Я намалював три сфери: червону, зелену і синю.  Я затінював їх в зменшенні яскравості (Brightness) з кожним кроком - від 100% у верхній частині до 50% в тіні.

muddy color painting color mode grayscale photoshop

Так змінюється відтінок червоного на сфері; він виглядає точно так само і на інших сферах. Зауважте, що Яскравість (Brightness) - це єдине, що змінюється.  Теж саме і з Інтенсивністю?

muddy color painting color mode grayscale photoshop 2

Щоб побачити інтенсивність в зображенні, ми можемо створити новий шар зверху, заповнити його чорним, а потім змінити його режим змішування на насиченість.

muddy color painting color mode grayscale photoshop 3

Але що сталося?  Червона сфера виглядає більш темною, ніж зелена, а синя сфера майже чорна!  Як це можливо, якщо ми використовували для них точно таку ж яскравість?  Режим насичення прибирає тільки насиченість, а не яскравість.  Так як ми втратили її?

muddy color painting color mode grayscale photoshop 4

Якщо ви приділили увагу цьому уроку про три компонента, що складають всі кольори, ви зможете самі здогадатися до відповіді. 100% білий складається з 100% яскравого червоного (Red), зеленого (Green) і синього (Blue). Очевидно, що 100% яскраво-сірий (білий) яскравіше, ніж 100% яскраво-червоний, зелений або синій.  Єдине рішення полягає в тому, що є два види яскравості, обидва з яких включені в один і той же слайдер. 

muddy color painting color mode grayscale photoshop 5
Як може одна 100% яскравість бути яскравіше, ніж деякі інші 100% яскравості? 

Чому?  Просто подивіться на RGB-уявлення білого і червоного. 100% яскраво-сірий (білий) складається з 255R, 255G і 255B, в той час як 100% яскраво-червоний складається тільки з 255R. Не може 255R бути тієї ж яскравості, що і 255R, 255G і 255B всi разом!

muddy color painting color mode grayscale photoshop 6

Звичайно ви можете додати G і B до червоного, щоб зробити його яскравішим, але вгадайте, що станеться потім!

muddy color painting color mode grayscale photoshop brighter than 100

Насиченість (Saturation) - це міра чистоти кольору. Чим нижче Насиченість (Saturation), тим брудніше колір. Якщо ви використовуєте тільки 255R, насиченість (Saturation) буде 100%, тому колір максимально чистий. Його Яскравість (Brightness) також 100%, тому що це теж максимальне значення для R.

Коли ви знебарвити щось барвисте, як це було з сферами, то його насиченість (Saturation) скидається, а кольори перетворюються в сірий. 255R (будучи 100% яскраво-червоним) не може перейти в 100% яскраво-сірий, тому що він буде білим, а біле складається з 255 для кожного компонента. Тому, коли ви знебарвити 100% червоний, його яскравість зменшується при відсутності 100% зеленого і синього - на дві третини від його повної яскравості. 

Проте, ми не отримуємо 33% яскраво-червоного кольору в результаті.  Це тому, що Photoshop включає в себе ще одне правило - наші очі не однаково чутливі до кожного кольору. Коротше кажучи, зелений (Green) колір здається найяскравішим для наших очей (59% білого), червоний (Red) - другий за яскравістю (30% білого), а синій (Blue) здається самим темним (11% білого). А який зараз в цьому сенс?

Коли ми знебарвили сфери, 100% яскраво-червоний колір зменшився на 59% (яскравість відсутнього 100% яскраво-зеленого) і 11% (яскравість відсутнього 100% яскраво-синього).  90% яскраво-червоного кольору зменшилася на 53% (яскравість відсутнього 90% яскраво-зеленого) і 10% (яскравість відсутнього 90% яскраво-синього).  І так це відбувається!

Якщо ви додаєте все яскравості ненасичених сфер, наші чарівні початкові значення повертаються: 

why saturated darker

Але... це математика, вірно? Художники нічого не вираховують, коли малюють!  Проте, всі ці цифри були необхідні, щоб пояснити, як 100% яскравість (Brightness) стає яскравіше (!) при зменшенні насиченості (Saturation). 100% Яскравість (Brightness) не може бути ще більш яскравіше - збільшується інтенсивність.

why saturated darker 2

Отже, Яскравість = інтенсивність тільки для сірих кольорів.  Для кожного кольору (під кольором я маю на увазі будь-який з насиченістю і яскравістю вище 0), інтенсивність грунтується на Яскравості і насиченості - чим більше насиченість, тим менше інтенсивність.

Чому це так важливо? 

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

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

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

muddy colors painting color mode grayscale photoshop brightness
Всі кольори не світяться однаково між світлом (A) і тінню (B).  Жовтий в тіні яскравіше синього в світі!  Коли ви намагаєтеся досягти рівності між ними, затінюючи всі матеріали однаковим способом мислення й додаючи кольору пізніше, ефект буде далекий від реалістичного. 

З цієї причини у нас немає повзунка Інтенсивність (Value) поруч з (або замість) Яскравістю (Brightness).  Інтуїція підказує нам, що щось в світі завжди яскравіше, ніж щось в темряві, але довести це зовсім нескладно: просто покладіть білу карту в тіні і чорну карту на світло.  Тут нам допоможе інтенсивність, вона визначає яскравість об'єкта в «нейтральних» умовах освітлення.  Це просто означає, що деякі кольори яскравіше, не тому, що вони більш освітлені, ніж інші. 

Проблема в тому, що наші очі не можуть відрізнити інтенсивність від яскравості.  Ми помічаємо тільки різні відтінки сірого, незалежно від того, звідки вони з'являються.  Крім того, один і той же об'єкт може здаватися яскравим або темним залежно від відтінку його фону!  Тому насправді мова йде не про те, які відтінки ви використовуєте, а про те, як вони всі разом працюють. 

muddy colors painting color mode grayscale photoshop brightness 2
Навіть коли ви знаєте, що вони однакові, ваші очі кажуть вам щось інше

Як навчитися використовувати інтенсивність 

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

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

Щоб використовувати цей банер і дізнатися про цікаве використанні інтенсивності, нам потрібно почати з абстракції, а потім переходити до деталей - так само, як ми робимо в наших власних картинах.  Дозвольте мені вам це продемонструвати! 

Крок 1 

Візьміть зображення з цікавим освітленням і / або яскравими квітами, таке, яке ви хотіли б повторити в своїх роботах.  Я знайшов своє тут, але вам не потрібно обмежувати себе тільки стічними фотографіями. Поки ви нічого ніде не публікуєте, ви можете навіть вивчати Мону Лізу - зробіть старих майстрів своїми вчителями!

how to practice grayscale painting value photoshop reference

Крок 2

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

how to practice grayscale painting value photoshop reference 2

Крок 3

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

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

how to practice grayscale painting value photoshop reference 3
Хіба це не виглядає трохи моторошно?  Це тому, що в дійсності лінії створюються інтенсивністю, і вони не існують без неї 

Крок 4

Виберіть (Control-A) зображення, а потім створіть новий файл (Control-N) - дозвіл буде скопійований. Поверніться до оригіналу і скопіюйте лайнарт, а потім вставте його в новий файл. 

Перейдіть в меню Вікно > Впорядкувати > 2 вгору по вертикалі. Обидва вікна будуть розташовуватися пліч-о-пліч, що є найкращим варіантом для роботи з однією посиланням.  З цього моменту я буду називати вікно з посиланням - оригінал, а інше - урок.

how to practice grayscale painting value photoshop reference 4

Крок 5

Перейдіть до оригіналу.  Клацніть шар із зображенням і виберіть Фільтр > Перетворити для смарт-фільтрів. Таким чином, ви зможете змінити налаштування фільтра кілька разів після застосування фільтра.

Перейдіть в меню Фільтр > Галерея фільтрів та фільтр Cutout в списку Художні. Змініть кількість рівнів до мінімуму, надайте йому мінімальну простоту країв і максимальну точність вершин.

how to practice grayscale painting value photoshop reference 5

Ефект повинен бути аналогічне наступному: 

how to practice grayscale painting value photoshop reference 6

Крок 6

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

how to practice grayscale painting value photoshop reference 7
На цьому етапі ви повинні весь час бачити весь малюнок повністю - без масштабування! 

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

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

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

how to practice grayscale painting value photoshop reference 8
Може бути це і рання стадія, але це не означає, що всі об'єкти відбивають світло, як ніби вони все з одного матеріалу! 

Крок 7

Перейдіть до оригіналу і двічі клацніть ім'я фільтра на шарі.  Змініть кількість рівнів на 3 та поверніться до уроку.

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

how to practice grayscale painting value photoshop reference 9

Крок 8

Змініть кількість рівнів на 4 і повторіть попередні кроки. Налаштування триває - ми додаємо до шкіри більш яскравий відтінок, ми також робимо затінення, щоб отримати три різних інтенсивності: одну для сорочки, одну для волосся і для шкіри. 

how to practice grayscale painting value photoshop reference 10

Тепер у вас може виникнути важливе питання: «Як дізнатися, яку інтенсивність використовувати для кольорів, які я ще не малював?» Коли ми не впевнені, як все це буде виглядати після додавання остаточний шар «кольору», ми схильні вдаватися до відтінків сірого, тому що нам хочеться швидше побачити, що ми будемо малювати!  Потім додамо останній чарівний шар і... щось не працює.

Відповідь проста: на картині не кольори мають значення, це їх інтенсивність. Ви можете спланувати божевільну колірну схему, і вона буде працювати правильно, якщо ви, в першу чергу, використовуєте правильну інтенсивність. А що таке «правильні значення інтенсивності»?  Ті, які вже добре працюють разом в відтінках сірого!

how to practice grayscale painting value photoshop reference 11
Зверніть увагу, що я використав самі контрастні додаткові кольори для двох останніх пакетів і вони все ще чудово працюють разом! 

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

Крок 9

Змінимо кількість рівнів до 5. Тепер у нас повинно бути достатньо деталей, щоб приховати лайнарт. Змініть непрозорість до 20% в обох файлах і на цей раз створіть новий шар над ним в файлі уроку. Ми закрасимо його до тих пір, поки він не зникне або, принаймні, його можна буде безпечно відкинути. 

how to practice grayscale painting value photoshop reference 12

Крок 10 

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

how to practice grayscale painting value photoshop reference 13

Крок 11 

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

how to practice grayscale painting value photoshop reference 14

Крок 12

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

how to practice grayscale painting value photoshop reference 15
how to practice grayscale painting value photoshop reference 16

Крок 13

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

how to practice grayscale painting value photoshop reference 17

Що тепер? 

Сподіваюся, це був цікавий урок! Перед тим, як рухатися далі, ось кілька додаткових порад: 

  • Урок, яким би прекрасним і витонченим він не був, не є мистецтво. Ви малюєте це, щоб дізнатися щось, а не справити враження на інших. Чи не публікуйте свої онлайн-уроки і навіть не працюйте з таким наміром - воно перемкне вашу увагу не на ту сторону, і ви в підсумку нічого нового не дізнаєтеся.
  • Вивчаючи, зосередьтеся тільки на темі, яку вивчаєте. Не будьте занадто суворі до себе в разі анатомічних помилок або неправильних пропорцій - примружує очі, дивіться, чи правильно виглядають кольори, і продовжуйте!
  • Деталі - це не тільки «маленькі об'єкти» на зображенні, але і кількість відтінків. Почніть з обмеженого числа, і додайте їх поступово, коли рушите далі. Чим їх більше, тим більш докладними повинні бути об'єкти.
  • Залишайте білий і чорний для особливих випадків. Ці квіти дуже потужні, коли їх мало на зображенні, але коли їх занадто багато, вони будуть виглядати слабкими, не маючи нічого більш потужного, щоб могло збалансувати їх.
  • Не починайте з ідеального плану - визначте, де буде щось темне, де будуть яскраві частини (незалежно від освітлення), а потім налаштуйте відтінки цього дуже загального плану. Цей перший етап повинен виглядати майже як фінальна версія, коли ви примружує.
  • Вивчаючи реальний світ, намагайтеся бачити інтенсивність кольорів, а не самі кольори. Спробуйте це відразу після закінчення вивчення інтенсивності і подивіться, як це буде легко зробити після цієї вправи!
  • Коли ви отримаєте гарні результати в цих дослідженнях, переходите до наступного кроку - не використовуйте будь-якої фільтр, але як і раніше малюйте всі рівні один за іншим, як якщо б вони там були.
digital painting lifeless colors why lighting
Це дійсно не освітлення, яке дає той природний ефект - це інтенсивність!
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.