Як поліпшити якість картинки

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

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

Дозвіл нашої картинки 300 dpi. однак розмір всього 5 на 7 см. згодиться для сірникової коробки, але ніяк не для обкладинки DVD. Розмір лицьової сторони DVD 13 на 18 см. Тобто збільшувати картинку доведеться більш ніж в 2 рази. Чим це обіцяє для якості я вже розписував в статті, Як змінити дозвіл картинки.

Грубо кажучи, Фотошопу доведеться придумати відсутні пікселі, в результаті чого зображення розпливеться. Воно і так жахливої ​​якості, а тепер це жахливе якість доведеться ще й збільшити на 250%. Однак таке велике збільшення було не найбільшої проблемою для обкладинки мультфільму.

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

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

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

Перш за все нам необхідно збільшити зображення на 250% Не користуйтеся інструментами на кшталт Free Transform. Це простий інструмент створений для «швидких» рішень. Нам потрібен більш серйозний підхід, тому відкривайте Image> Image Size.

Я вже докладно розбирав діалогове вікно Image Size. Дозвіл вже таке як треба. Залишається підкрутити розміри.

Ще один спосіб мінімізувати втрати якості - погратися з алгоритмами зміни розміру. Вони знаходяться внизу діалогового вікна. Я не можу рекомендувати вам певний алгоритм так як всі зображення різні і режими працюють з ними теж по різному. Коротко:

• Bicubic - стоїть за умовчанням
• Bicubic Smoother - заточений під збільшення
• Bicubic Sharper - заточений під зменшення
• Nearest neugbor - намагається зберегти різкі краю

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

Ще один спосіб мінімізувати погіршення від збільшення є художнім. У зображення вже є жовта рамка. Я вирішив посилити цей ефект зробивши рамку ще більше. Таким чином я заощаджу 1,5 см на збільшення картинки. Не густо але хоч щось.

• Збільшене зображення виключно в Image Size. Free Transform занадто просто для значних збільшень.

• Експериментуйте з алгоритмами збільшення.

• Застосовуйте художні прийоми по краях постера (рамка, градієнт, загасання, текстура) щоб заощадити пару сантиметровим і знизити ступінь збільшення.

Тому моїм першим дією щодо поліпшення цієї картинки після збільшення буде створення помаранчевої рамки. До рамки я застосую стиль шару Bevel and Embo s і зовнішнє світіння Outer Glow з чорним кольором і режимом Multiply. щоб створити внутрішню тінь від рамки. Як кольору я виберу чистий ясний CMYK колір, без домішок

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

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

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

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

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

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

Насправді ми його просто перерісуем. Я вибрав інструмент Pen Tool і в режими Path намалював простий контур, обігнувши причал, горизонт і всі будівлі. Після цього я створив градієнтний шар Layer> New Fill Layer> Gradient і мій контур відразу перетворився в векторну маску цього шару.

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

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

Те ж саме ми зробимо з небом. Намалюйте прямокутний векторний контур і перетворіть його в векторну маску градиентного шару. Шар помістіть під море і задайте правильний колір. На цей раз градієнт лінійний.

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

Тепер переходимо до левеняті і задамо йому пару стилів і ефектів. Левеня виглядає занадто плоским. До того ж у нього жахливі темні кольори. Зображенню бракує яскравості. Але яскравістю ми займемося пізніше. А для початку застосуєте до нього ефект Surfase Blur. потім Smart Sharpen. Саме в такому порядку. Блур розм'якшити і змаже градієнтні області левеняти, не чіпаючи краю. А Smart Sharpen посилить краю не чіпаючи градієнти. Зображення виглядає жорсткіше але цього мало.

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

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

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

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

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

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

Для початку давайте закриємо дірку, що залишилася від вирізаної лисиці.

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

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

Для зображення я спершу застосував цікавий фільтр Assented Edges. який стилізує картинку цікавим чином. Далі застосуємо Surfase Blur. Він згладить всі нерівності і пошкодження не чіпаючи контури. Після чого Smart Sharpen посилить краю.

Моїм останнім дією буде створення порожнього шару, який я заллю 50% сірого кольору. До шару я застосую режим накладення Overlay і ефект Noise. щоб створити природний і поширений кіно ефект зерна. Цей ефект додасть зображенню природності і приховає недоліки якості.

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

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

P.S. У вас ремонт квартири? Замовити відмінний дизайн інтер'єрів зеленоград можна в дизайнерській студії Імперія дизайн.