Як створювався "Маяк на льодовиках" - уроки малювання

Рекламний блок
Даний matt painting був створений для мого фінального проекту в класі «Photoshop for Digital Production» у школі візуальних ефектів Гномон School of Visual Effects. Це маяк на вершині північного льодовика.

ВСТУП

Matt painting – це техніка використання зображення, яка замінює частину декорацій у фільмах, на телебаченні і т. д. Сьогодні вони створюються простою маніпуляцією в графічних редакторах з використанням фотографій, 3D-фотографій або малюнків, створених, наприклад, в Photoshop е.

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

Отже, на класі перед нами стояло завдання створити matt painting, використовуючи тільки Photoshop. Дозвіл має бути HD 1920х1080 пікселів, як того вимагало одне з ТВ-шоу.

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

Описую свою ідею:

Маяк на вершині величезного льодовика десь на півночі. Це місце оточене такими ж скелями з льодовиків, які утворюють форму чаші.

Якщо подивитися з гори, внизу видно замерзле озеро (або затока), за яким між гір проходить стежка, що веде до Північного моря.

День спокійний, пухнасті хмари, снігу немає, сонце на півдорозі до заходу, а його промені затримуються хмарами.

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

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

КРОК 1. ФОТО-КОЛАЖ

Накопичивши більше ста фотографій, я починаю аналізувати їх, доглядаю ті, які можна комбінувати, і які мають відповідну якість по пікселях. Відібрані фотографії відправляються в мій робочий файл в photoshop'е з HD роздільною здатністю.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



На цьому початковому етапі я використовував 20 різних зображень, які містили в собі хоч щось мене цікавить. Це можуть бути просто кольори, які підтримували мою ідею, або навіть текстури.

Ви повинні також враховувати «щільність пікселів» або кількість деталей, які присутні на зображенні. Тому що можна використовувати купу фотографій з великою кількістю деталей, а поруч розташувати одну, яка виглядає як одна суцільна фігура. Такі фотографії не спрацюються. Крім усього іншого, потрібно брати до уваги і різкість зображень. Якщо потрібно, скористайтесь меню Фільтр – Розумна різкість або Поверхневе розмиття (Filter – Smart sharpen / Surface blur).

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

Отже, повернемося до самої цікавої частини процесу - організовуємо простір і збираємо все в композицію. По мірі того, як я скидаю фотографії на полотно, я створюю Маски шаруючи (Layer mask) і з допомогою чорного кольору приховую все зайве, що мені не потрібно, таким чином, я уникаю нагромадження і накладення зображень одне на одного. Також корисними виявляться інструменти Чарівна паличка (Magic wand) і Вказівник (Selection tool), з допомогою яких можна виділити більш великі області, що містять в собі схожі кольору, після чого до них можна застосувати і маску. Або пройдіть в меню Виділити - Палітра (Select – Color range), а потім підберіть кольори із шару і пограйте з параметрами Fuzziness (розмитість) і Range (діапазон).



Как создавался



Цього не-деструктивного методом навчив нас Макс Дайан (Max Dayan), щоб уникнути стирання елементів зображення за допомогою Ластику (Eraser). Ніколи не знаєш, коли вам потрібно буде повернути стерті або заховані частини малюнка.

Для мене дуже важливим в photoshop'е є те, що в ньому можна залишати все в незмінному вигляді, і застосовувати до них різні маски (Masks), що коректують шари (Adjustment layers) і розумні об'єкти. Добре продуманий процес роботи допоможе уникнути непоправних помилок, про які потім можна дуже сильно пошкодувати.

КРОК 2. ОРГАНІЗАЦІЯ ТА ЧИСТКА

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

Отже, я починаю створювати папки для переднього, середнього і заднього плану, або навіть середнього лівого і правого середнього плану. Після чого можна організувати всі елементи за їх положенням.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



До цього моменту всі зображення майже чисті, тому я переходжу до корекції режимів накладання шарів, я також спробував змішати кольори за допомогою коригувального шару Градієнт (Gradient map). Я розташував його поверх всіх шарів в режимі Яскравого кольору Vivid color) з Прозорістю (Opacity) 60%.

КРОК 3. КОРИГУВАЛЬНІ ШАРИ (ADJUSTMENT LAYERS)

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




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Як ви бачите, я почав використовувати коригувальний шар Тон/Насиченість (Hue/Saturation) майже на кожному окремому шарі, щоб краще змішати їх один з одним. Утримуючи клавішу Alt і кликнувши по лівій кнопці миші між коригувальним шаром і тим, що знаходиться під ним, можна зробити так, що цей коригувальний шар буде застосовано тільки до того шару нижче. Таким чином я контролюю всі верстви, не змінюючи зображення в цілому, як це буває при використанні меню Зображення – Корекція (Image – Adjustment).

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




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Помітили різницю на двох останніх зображеннях?

Сподіваюся, що помітили, тому що у вас повинен бути пильне око, щоб помічати найменші помилки в роботі.

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

Але повернемося до роботи: тут я створюю коригувальний шар Тон/Насиченість (Hue/Saturation) поверх всіх шарів з фоном і просто підганяю їх під загальну тональність, щоб вони краще змішалися з іншою частиною зображення.

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




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Тепер ви бачите, як я розклав всі елементи по «поличках» у папках Mid_down (середній нижній план), Mid left Mountains (гори на середньому плані ліворуч), Mid R Mount (гори на середньому плані праворуч), BG (задній фон)...




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



І завершуємо всі невеликою корекцією кольору. Створюємо Градієнтну карту (Gradient map) і шар з Рівнями (Levels) в режимі Легкий колір (Light color), щоб трохи зменшити контраст чорного і білого.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Виправляємо недоліки, які раніше не помічалися.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Після тривалих коригувальних робіт очам просто необхідно відпочити. Також раджу час від часу повертати полотно по вертикалі, так ви зможете подивитися на зображення по-новому.

КРОК 4. КРИТИКА

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

Давайте, я наочно покажу вам всю отриману критику.

від Maia Neubig

Єдине, що мені кинулося в очі, це область прямо під маяком, вона виглядає дещо недопрацьованою. Я виділила цю область червоним (1), а цифрою 2 я зазначила частина скелі, яка ніби висить у повітрі і нічим не підпирається.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



від Diana Roberts

Головне, що я б хотіла порадити – зверни увагу на світлотіні. Не дивлячись на те, що на малюнку дуже багато льоду (який відображає і заломлює світло), світлотінь – це як раз те саме, що допомагає створити глибину. Спробуй поглянути на свій малюнок у чорно-білому кольорі (я зазвичай накладаю чорно-білий корективний шар, які можна при необхідності включити або відключити). Подивись на інші фотографії льодовиків (я прикріпила до листа кілька прикладів), і продумай, звідки буде падати світло твій. Судячи по будівлі, що стоїть на вершині льодовика, твоє світло йде з правого боку – в такому разі я б підняла тіні на скелях, куди не потрапляє пряме світло. При великих варіаціях світлотіні з'являється більше контрасту, що не може не привернути уваги.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



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

І моя остання порада – подумай, як краще інтегрувати будівлю. Чи будуть якісь інші ознаки скелі, на якій воно стоїть? І, здається, маяк занадто близько розташований до краю обриву, і абсолютно нестабільний за відколотих шматків льодовика. Якщо маяк розташований так навмисно, слід ще яскравіше це підкреслити.

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

від Richard Green

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

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

від Mathias Herbster

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

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




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



від Simon Morse

Не вистачає глибини зображення. Глибина є десь у далині на задньому плані, але потрібно ще опрацювати елементи між переднім/середнім і заднім планами. Де не вистачає контрасту. Так було б краще, спираючись на твоє освітлення, хоча, враховуючи, що це matt painting, можна було б просто підкоригувати освітлення, щоб малюнок став більш цікавим, а також додати більше контрасту в певних зонах.

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

від Nathan Boyd

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

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

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

Додай на передньому плані темних елементів, які б допомогли оформити зображення і краще передати глибину. В цілому, потрібно висвітлювати далекі об'єкти, щоб коректно передати атмосферну перспективу. Тобто вийде так, що задній фон буде настільки світлим, що буде майже зливаючись з небом, а об'єкти переднього плану будуть більш яскраві і виділяються. У нижньому лівому кутку від маяка утворилася темна точка, яка мене трохи бентежить, здається, що фото не до кінця «розчинилося» на своєму місці. Довга фігура під маяком і область праворуч виглядають плоско, їм не вистачає обсягу. Продумай шлях, яким ти хотів би вести погляд глядача. В ідеалі, у тебе вийде центральна фокусная струму (маяк) і кілька менш важливих точок, за якими погляд глядача буде проходити і знову повертатися до маяка.

від Daniel Edery

Перше, що кидається в очі – це однаковий контраст на всьому зображенні. У реальному житті, атмосферна перспектива така, що всі віддалені об'єкти поступово втрачають свою контрастність (наприклад, темні фарби стають менш темнішими, а світлі відтінки стають ще світліше). Якщо ти хочеш передати реальну глибину пейзажу і ще сильніше виділити фокусну точку, я б звернув увагу безпосередньо на передній, середній та задній плани. Я б застосував до них коригувальні шари (Adjustment layers) і маски (Layer Mask) (можливо, ще і рівні (Levels) і яскравість/контраст (Brightness/Contrast)).

Також, утверди свою фокусну точку і переконайся, що всі навколо служить тому, щоб підкреслити і виділити, привертаючи увагу глядача (вона повинна бути найбільш контрастною, не важливо, стосується це кольори або світлотіні). Один з моментів, які мене найбільше дратують, це діагональна крижана стіна під будівлею; з якихось причин вона темніше у верхівки, ніж у країв/підстави, і здається, що світло падає зверху. До того ж, всім своїм виглядом ця область ВІДВОДИТЬ очі глядача від маяка, який, якщо я не помиляюся, повинен був бути фокусною точкою. Але, в будь-якому випадку, я б почав з переднього/середнього/заднього плану, щоб передати масштаб і глибину сцени, тому що все змішалося в одну масу, а вдалині є елементи, які темніше, тих, що на передньому плані, чого в реальності ви ніколи не зустрінете.

від Krzysztof Fus

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



Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



КРОК 5. ВЕЛИКИЙ СТРИБОК

Настав час, як мені здається, для великого стрибка вперед. Після того, як я подякував за конструктивну критику і відписався по всім пунктам пристойності, я почав роботу над помилками. Мені дуже сподобалася текстура, яку показав Mathias Herbster у своєму листі, тому я почав рухатися саме в цьому напрямку.

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

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




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Цю синю тональність я отримав з допомогою колірних корекцій (Color corrections) через коригувальні шари типу Тон/Насиченість (Hue/Saturation), Рівні (Levels). Нижче ви бачите зображення без цих змін.



Как создавался



Як мені радили, я наклав чорно-білий (Black&White) коригувальний шар, щоб перевірити світлотіні.



Как создавался



Порівняння двох зображень – з і без ефекту засніженості. Сніг був просто намальований на окремому шарі, як це видно в папці «сніг» (Snow). Також, я продублював цей шар і вніс деякі зміни через маску, застосував режим накладення шару Кольорова виверт (Color dodge), щоб виділити відблиски навколо зображення.



Как создавался



ОСТАННІЙ КРОК. ФІНАЛЬНІ ШТРИХИ

Настав час завершити проект, порадіти результату і тим знанням, які ми отримали в процесі.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



Порівняйте це зображення з попереднім, тут я змінив контраст і загальну тональність. Просто вирішив створити додатковий варіант, але тепер не можу визначитися, який з них мені подобається більше. Я змінив розмір і положення маяка, зробив його більше і розмістив ближче до лінії однієї третини (правила однієї третини), як радив мені мій друг Richard Green.




Натисніть на картинку, щоб переглянути зображення у повному розмірі і 100% якості.



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

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

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

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

От і все. Я хотів би подякувати всім, хто допоміг мені і сайт CGArena за підтримку. Сподіваюся урок вам сподобався. Не соромтеся коментувати та ставити запитання. Всім дякую.

Автор: Antonio Neto (Антоніо Нето), Бразилія
Локалізація уроку для вас підготовлена командою сайту: http://www.DrawMaster.ru


Малюємо Різне
Джерело: drawmaster.ru
Рекламний блок
Намалюй разом з нами таке
Додавання коментаря

Ім'я:*
Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера
Введіть код: *