План-конспект уроку № 2

Тема уроку: Світло-тіньова (тонова) корекція зображення. Команди кольорової корекції.

Мета уроку: Навчитись працювати з командами тонової та кольорової корекції в програмі Adobe Photoshop.

Тип уроку: комбінований урок

КМЗ уроку: лекція №2, шкільний фотоальбом, кольорові фотографії

Хід уроку

1. Організаційна частина:

• Перевірка наявності учнів;

• Перевірка готовності учнів до уроку

2. Актуалізація знань:

Перевірка опорних знань учнів за допомогою питань (застосувати інтерактивний метод «мікрофон»):

• Як перемістити об’єкт на інше місце?

• Для чого призначений штамп?

• Які інструменти виокремлення ви знаєте?

• Перерахуйте інструменти малювання.

3. Викладання нового матеріалу:

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

Діапазон яркостей.

Тон комп'ютерного зображення - це яскравість пікселів, з яких воно складається. Пікселі зображення мають різну яскравість. Та частина повного діапазону яркостей, яка використана в зображенні, носить назву тонового діапазону. Чим ширше тоновий діапазон зображення, тим "глибше" за колір і краще опрацьовування деталей. Саме цю задачу вирішує корекція світла і тіней. В ідеалі в зображенні повинні б ути використаний всі значення яркості (тони). Якщо розбити весь тоновий діапазон на три нерівні умовні частини, то найтемніша частина називатиметься тінями, найсвітліша - підсвічуванням, а між ними розташується великий діапазон середніх тонів. На гістограмі тіні розташовуються зліва, підсвічування - справа. Тоновий діапазон зображення можна представити як графік розподілу пікселів по градаціях яскравості. Чим більше пікселів розташовано в даному інтервалі тонів, тим більше відтінків містить цей інтервал. Уявіть не дуже якісну фотографію. Хотілося б надати їй презентаційного вигляду. Спершу потрібно проаналізувати розподіл яскравості на зображенні. Виберіть команду Histogram (Гістограма) меню Image (Зображення). Перед вами з'явиться гістограма - графік розподілу пікселів зображення по яскравості. По осі Х розташовані рівні яскравості пікселів діапазоні від 0 до 255. На осі У показано кількість пікселів для кожного рівня. Якщо в зображенні відсутні найтемніші і найсвітліші тони, воно виглядає тьмяним, немов затягнутим пилом - його пікселі дуже мало відрізняються по яскравості. Щоб фотографія ожила, потрібно розтягнути її тоновий діапазон. Корекція такого зображення зведеться до відсікання найтемніших і світлих тонів, в яких практично немає пікселів. Від цього існуючі тони розташуються більш рівномірно по всьому тоновому діапазону, в результаті контраст зображення виросте, в ньому з'являться привабливі тіні і відблиски Для зміни тонового діапазону зображення використовується діалогове вікно AutoLevels (АвтоРівні). Відкрийте меню Image (Зображення), виберіть команду Adjustments (Настройка). В списку, що відкрився, виберіть команду AutoLevels (Авто Рівні). Команда AutoLevels робить найсвітліші області зображення білими, найтемніші - чорними. Тоновий діапазон розтягується між отриманим білим і чорним кольором. Тепер гістограма зображення виглядає інакше. Як бачите закон розподілу яркостей (форма гістограми) не змінився, але на зображенні з'явилися ідеально білі і чорні області замість св ітло- і темно-сірих. В результаті підвищився контраст і кольори сталі більш природними. До автоматичних засобів корекції тонового діапазону відносяться такі команди як AutoLevels, AutoContrast, Equalize, розташовані в підміню Adjustments меню Image. На жаль, команда Auto Levels не всемогутня. Поставте на невідкоректованому зображенні чорну і білу крапки. Тепер застосування команди AutoLevels не приведе до зміни зображення. Адже чорна і біла крапки вже присутні . В даній ситуації ми не можемо розтягнути тоновий діапазон (вже нікуди, оскільки є чорна і біла області). Потрібно його змінити якимсь складнішим способом. Допоможе це зробити команда Levels (Рівні). Команда Levels (Рівні). В діалоговому вікні Levels (Рівні) представлена гістограма розподілу пік селів по градаціях яскравості - така ж, як у вікні Histogram (Гістограма). Встановіть прапорець Preview (Перегляд), щоб результат корекції був видний відразу, без закриття вікна. По нижній осі гістограми розташовано три повзунки, що відзначають положення чорного, білого і середньо-сірого кольорів зображення. Перемістіть чорний трикутник управо.

З ображення стане темнішим. Встановіть повзунок чорного так щоб темна область гістограми, що не містить пікселів, лежала за межами тонового інтервалу. Змістіть повзунок білого вліво, також встановившийого на тому рівні, де вже є пікселі зображення. Подивіться, як змінилася фотографія: тіні поглибилися з'явилися яскраві елементи зображення і стали більш виразно видні деталі. Визначивши підсвічування і тінь на зображенні, ви побачите, що воно в цілому надмірно темне, через це не видні деталі. Потрібно відкоректувати гамму, тобто рівень середніх тонів. Змістіть середній, сірий повзунок у бік тіней. Цим ви зсовуєте точку нейтрального сірого кольору в зображенні до темних тонів. Зображення стане світлішим. Встановлювані значення тонів називаються вхідними рівнями. Їх можна задавати чисельно в полях Input Levels (Вхідні значення). При інтерактивній настройці числа в цих полях відповідно міняються. В правому і лівому полях відображаються відповідно рівні білого і чорного (або біла і чорна крапки), що виміряються в градаціях сірого від 0 до 255. Середнє поле показує гамму (поточне положення повзунка настройки пів тонів) в умовних одиницях від 0 до 10. Початкова гамма зображення рівна одиниці. Клацанням на кнопці Ok закрийте діалогове вікно і виконайте корекцію. Знову відкрийте вікно Histogram (Гістограма). Як бачите, рівні сірого тепер розподілені по всьому інтервалу, але між ними є проміжки провали – це плата за розтягання тонового діапазону. Деяких тонів в зображенні немає зовсім. Проте в даному випадку провали тонів не дуже помітні. Піпетки з різними наповнювачами (чорний, білий, і сірий) служать для визначення ділянок які ви хочете вважати найтемнішими (чорна), ділянок, які ви хочете вважати найсвітлішими (біла), і півтонів (сіра). Півтонова піпетка бере участь в корекції кольорових зображень. Використовується інструмент дуже просто. Чорною піпеткою клацаємо по тому кольору на зображенні, який ми хочемо бачити найтемнішим в картинці. Всі відтінки темніше за вказаний будуть відсічені (пропадуть). Аналогічно діє піпетка білого кольору. Клацаємо за кольором на зображенні який ми бажаємо залишити найсвітлішим, і всі відтінки світліше за вибраний відсікаються.

Щоб повернутися до початкового стану зображення без закриття вікна, натискуйте клавішу Alt. Кнопка Cancel (Відмінити) діалогового вікна перетвориться на кнопку Reset (Відновити). Клацніть на ній, і установки вікна повернуться до початкових. Така захована кнопка Reset (Відновити) є в більшості діалогових вікон Photoshop. Якщо зображення передбачається друкувати, необхідно враховувати недоліки відтворення яскравості і тіней за допомогою друкарської машини. По-перше, друкарська апаратура погано відтворює кольори з дуже великою і дуже малою яскравістю. Тому в області світла і тіні кількість відтінків сильно скоротиться. Щоб все-таки передати ці відтінки на друці, необхідно зсунути тіні в більш світлу область і дещо затемнити кольори. Ця операція носить назву стиснення тонового діапазону або відсікання вихідних рівнів. Відсікання вихідних рівнів тону проводиться повзунком шкали Output Levels (вихідні рівні). Після стиснення тонового діапазону зображення стає сірим. Щоб компенсувати втрату якості доведеться відредагувати вхідні рівні чорного і білого, збільшивши контраст. Якщо в світлі і тінях мало пікселів, то ці відтінки не розрізнятимуться на друці. Розумно зовсім видалити їх при розтяганні вхідного діапазону, оскільки це збільшить контраст, втрачений при стисненні вихідного діапазону. Видалення відтінків найсвітліших і найтемніших тонів полягає у відсіканні краєвих частин діапазону, в яких вже є пікселі. Корекція рівнів дозволяє змінювати основні тонові характеристики, настроювати діапазон тонів і міняти положення нейтральної крапки, тобто гамму зображення. У вікні Levels (Рівні) зручно виконувати найпростіші операції по корекції контрасту і яскравості зображення, як в середніх тонах (за допомогою зміни гамми), так і загалом (регулюючи вихідні рівні). Управляючи вихідними рівнями, можна регулювати найяскравіший і темний тони зображення, призначеного для друку.

Levels. Команда Curves (Криві).

Команда Curves (криві), розташована в підміню Adjustments меню Image. За допомогою діалогового вікна Curves (Криві) можна здійснювати будь-яку тонову корекцію, описану вище. Проте оригінали зображень можуть мати найвитонченіші погрішності. При зйомках на яскравому світі пропадає контраст в тінях. Фотографії, зроблені із спалахом або проти сонця, мають сильну нерівномірність освітлення. Тонові криві дають можливість виправити навіть дуже складні дефекти оригіналу. Відкрийте документ *.jpg. Виберіть команду Curves (Криві). На екрані з'явиться діалогове вікно Curves (Криві). Основну частину вікна займає графік розподілу пикселів. На відміну від гістограми, що представляє абсолютні значення розподілу, графік кривих будується як відносний. По осі Х розташовані градації яскравості на вході (Input (Вхідні)), тобто поточні яскравості пікселів, а по осі У - значення на виході (Output (Вихідні)), тобто результат корекції. Стан тонів при відкритті вікна зображається як лінія під кутом 45°, тобто відсутність корекції. Не натискуючи кнопки миші переміщайте курсор в межах графіка. В полях Input (Вхідні) і Output (Вихідні) відображатимуться відповідні значення яскравості. За замовчуванням для зображень в моделі RGB яскравість зростає знизу вверх і зліва направо - зліва внизу розташовані темні тони (чорний колір має значення 0), а справа вгорі - світлі тони (білий колір має значення 255).

Встановлений режим умовно позначається тоновою розтяжкою в смужці під графіком. В центрі смужки розташовується перемикач режимів у вигляді подвійної стрілки. Клацніть на ній. Напрям розтяжок поміняється тепер правий верхній кут відповідає меншим яркостям, а лівий нижній - великим. Такий режим відліку яркостей звичайно використовується для зображень в моделі CMYK. Повторним клацанням на стрілці поверніть початковий напрям відліку яркостей. Помістіть курсор на нижню точку кривої (він прийме вид хрестика, що складається з чотирьох стрілок), натискуйте ліву кнопку миші і перетягніть крапку управо. Цим ви відсікаєте найтемніші вхідні рівні, розтягуючи діапазон тонів у бік тіней. Зображення потемніє і стане більш контрастним. Змістіть верхню крапку вліво. Це відповідає переміщенню повзунка білого у вікні Levels (Рівні). Як бачите, збільшення нахилу кривої підвищує контраст. Зменшення нахилу, відповідно, знижує контраст. Перемістіть крапки уздовж вертикальних осей. Цим ви відсікаєте краєві вихідні рівні, так само як при переміщенні повзунків Output Levels (Вихідні значення) вікна Levels (Рівні). Із зображення пропадуть яскраві світла (п ідсвічування) і темні тіні.

Основні поняття колірної корекції. Колірний баланс.

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

Команда Color Balance

О писана вище схема колірного балансу знаходить своє практичне втілення в команді Color Balance… (Колірний баланс...) меню Image/Adjustments. Діалогове вікно цієї команди дозволяє змінити колірний баланс у всьому зображенні, для вибіркового управління кольором слід користуватися іншими командами, наприклад, Hue/Saturation... (Колірний тон/насиченість...), Replace Color... (Замінити колір...) або Selective Co lor... (Вибіркова корекція кольору...). Колірний баланс встановлюється роздільно для світлих тонів (перемикач Highlights), середніх тонів (перемикач Midtones) і тіней (перемикач Shadows). При роботі із зображеннями в колірній моделі RGB корисно включити прапорець Preserve Luminosity (Зберегти яскравість тонів), який перешкоджає зміні діапазону яскравості при зміні колірного балансу це дозволяє зберегти початковий тоновий діапазон зображення. Поле Color Levels (Рівні) і три смуги дозволяють додавати і збавляти кольори, назви яких винесені на краї смуг. Для додавання кольору бігунок переміщають у бік цього кольору а для збавляння – в протилежну від нього сторону. Відповідно до переміщення движків в цифрових полях над смугами відображаються величини зміни коль ору для червоного, зеленого і синього кольорів в діапазоні від -100 до +100. Розглянемо дію цієї команди на прикладі.

Команда Hue/Saturation

Команда Hue/Saturation... (Колірний Тон/насиченість...) служить для настройки колірного тону, насиченості і яскравості будь-якого колірного компоненту зображення на основі колірного круга. В списку Edit діалогового вікна Hue/Saturation(Колірний Тон/насиченість) представлено шість варіанті в колірних діапазонів аддитивної (RGB) і субтрактивной (CMYK) моделей в порядку колірного круга Reds(Червоні), Yellows (Жовті), Greens (Зелені) Cyans(Голубі), Blues (Сині), Magentas (Пурпурні) і повний діапазон Master(Все). Смуга Hue (Колірний тон) служить для установки потрібного кольору за допомогою движка або введення значення в цифрове поле (в градусах колірного круга від -180 до +180). В нульовому положенні відображається поточний колір, від нього і відбувається відлік позитивні значення позначають обертання по колірному кругу за годинниковою стрілкою, а негативні проти годинникової стрілки. Смуга Saturation (Насиченість) використовується для збільшення насиченості, якщо переміщати бігунок вправо від нульової крапки, або для зменшення, якщо переміщати бігунок вліво. Переміщення движка залежно від поточного кольору ідентично переміщенню кольору від центру або до центру колірного круга (діапазон зміни від -100 до +100). Смуга Lightness (Яскравість) використовується для збільшення яскравості, якщо переміщати бігунок вправо від нульової крапки, або для її зменшення, її переміщати бігунок вліво (діапазон зміни від 100 до +100). В реальних задачах вона використовується рідко оскільки за допомогою розглянутих вище команд Brightness/Contrast, Levels і т.д. можна набагато краще набудувати тоновий діапазон. В нижній частині діалогового вікна розташовано дві колірні спектральні смуги: верхня відображає спектр до настройки, а нижня після. При виборі одного з колірних діапазонів між смугами з'являються движки настр ойки діапазону. Над смугами відображаються чотири числові значення, що відображають положення маркерів щодо верхньої колірної смуги: перше число - положення лівого трикутника, друге число - положення лівого вертикального маркера третє число - положення правого вертикального маркера, четверте число - положення правого трикутника. Центральна темна частина, обмежена двома вертикальними маркерами, переміщається для зміни колірного діапазону. Білі вертикальні маркери, обмежуючі центральну темну частину, переміща ються для настройки ширини початкового колірного діапазону. Збільшення ширини діапазону зменшує область переходу, обмеженого трикутником, і навпаки. Світло - сірі смуги по краях темної частини переміщаються для зміни діапазону без впливу на значення зони переходу. Білі трикутники переміщаються для настройки значення зони переходу, але без впливу на колірний діапазон. Для визначення діапазону, виходячи з конкретного кольору зображення необхідно використовувати інструмент Eyedropper (Піпетка). Інструмент із знаком плюс додає колір в діапазон, інструмент із знаком мінус видаляє його з

діапазону. (Додавати колір можна і за допомогою інструменту Eyedropper (Піпетка) при натисненні кнопці Shift, а видаляти при затисненій кнопці Alt.)

Команда Desaturate

Команда Image / Ajustments / Desaturate (Обесцвечианіє) конвертує кольорове зображення в півтонове. Результат виходить такій же, як і при перекладі в режим Grayscale, за винятком того, що колірна модель не міняється.

Команда Replace Color

Команда Replace Color... (Замінити колір...) дозволяє вивести однойменне діалогове вікно, за допомогою якого виділити в зображенні області одного кольору, як це робить команда Select > Color Range (Виділення > Колірний діапазон) потім замінити їх на будь-який інший колір. Проте маска, створювана цією командою, на відміну від команди Select > Color Range, не може бути трансформований у виділену область. При виході з діалогового вікна маска втрачається. В полі Selection (Виділення) діалогового вікна Replace Color представлено вікно перегляду і смугу Fuzziness (Розкид), яке визначає діапазон кольорів, що включаються в область для заміни. Перемикачі Selection (Виділення) і Image (Зображення) визначають спосіб відображення у вікні перегляду. Перемикач Selection (Виділення) служить для наступного представлення областей з браження: маскована область відображається чорним кольором область, що містить колір, відповідний допуску, відображається білим кольором частково масковані області - в градаціях сірого. Перемикач Image (Зображення) виводить зображення або виділену область в повно кольоровому варіанті. Для того, щоб визначити колір або діапазон кольорів, який буде замінений, можна використовувати дек ілька способів. По-перше, можна скористатися інструментами Eyedropper (Піпетка), кнопки яких розташовані справа. Простою піпеткою здійснюється первинний вибір замінюваного кольору. Піпетка з плюсом дозволяє додати до вже вибраного кольору довільну кількість інших. Піпетка з мінусом дозволяє виключити будь - які кольори з вже вибраних. Здійснювати вибір можна на самому зображенні в робочому вікні або у вікні проглядання діалогового вікна. По -друге, додавати і виключати кольори можна клацанням кнопки миші при натискуванні клавіші Shift або Alt відповідно. Після клопіткого виділення області кольору можна приступати до визначення кольору, який замінить виділений. Для цього слід застосовувати смуги Hue (Колірний тон), Saturation (Насиченість), Lightness (Яскравість) поля Transform (Змінити). В наведеному прикладі зелене листя ананаса було замінене на бузкові.

Команда Selective Color

Функція вибіркової корекції кольору харак терна для професійних сканерів і програм для кольороподілу, які дозволяють міняти параметри окремих груп кольорів аддитивної і субтрактивной моделей. Вибіркова корекція заснована на таблиці, подібній приведеній нижче: Червоний Жовтий Зелений Голубий Синій Пурпурний Голубий 0% 0% 95% 95% 99% 26% Пурпурний 8% 0% 0% 0% 76% 63% Жовтий 55% 100% 100% 0% 5% 0% Чорний 0% 0% 0% 0% 0% 0% Ця таблиця відображає процентний зміст поліграфічних фарб, необхідних для друку кожної колірної складової аддитивної і субтрактивной моделей. Збільшуючи або зменшуючи значення процентного змісту можна змінювати вибірково окрему складову без впливу на всю решту. Ця функція звичайно використовується для того, щоб, наприклад, зменшити утримання голубої складової в зеленій, але зберегти її в синій складовій. Як і інші команди корекції кольору, вона допоможе "виправити" колірний дисбаланс і поліпшити якість зображення. Втіленням такої функції в програмі Adobe Photoshop є команда Selective Color... (Вибіркова корекція кольору...) меню Image/Adjustments (Зображення/корекція). В списку Colors (Кольори) діалогового вікна Selective Color (Вибіркова корекція кольору) представлені всі складові аддитивної і субтрактивной моделей, а також чорний, сірий і білий кольори: Reds(Червоні), Yellows(Жовті), Greens(Зелені), Cyans (Голубі), Blues (Сині), Magentas (Пурпурні), Whites, Neutrals, Blacks. Зміну параметрів вибраного діапазону кольорів здійснюють за допомогою чотирьох смуг, відповідних складовим колірної моделі CMYK: Cyan, Magenta, Yellow і Black. Змінювати параметри можна двома способами, вибір яких здійснюється в полі Method. Корекція за допомогою перемикача Relative змінює поточні значення складових колірної моделі CMYK у відсотках до початкових значень. Наприклад, якщо початкове значення пурпурної фарби складало 50% і було додане 10%, то в результаті вийде не 60%, а тільки 55%, оскільки 10% від 50% рівно 5%. Слід мати на увазі, що білий колір не можна змінити методом відносної корекції оскільки в білому кольорі колірної м оделі відсутні які б то ні було колірні компоненти. Корекція за допомогою перемикача Absolute(Абсолютна) додає або видаляє абсолютні значення складових колірної моделі CMYK. Наприклад, якщо початкове значення пурпурної фарби складало 50% і було додане 10%, то в результаті вийде 60%.

Команда Channel Mixer.

Команда Channel Mixer... меню Image/Adjustments (Зображення /Корекція) дозволяє змінити зображення колірного каналу шляхом змішування поточних колірних каналів. В результаті можна отримати зображення в гр адаціях сірого (тобто зображення на базі одного колірного каналу), використовуючи певні процентні "внески" інших колірних каналів. Отримане зображення легко тонувати.

4. Підведення підсумків уроку, видача домашнього завдання

Аналізуємо, чому навчилися протягом уроку, відповідаємо на питання учнів, Д/З: створення фотомонтажу, робота із шарами в програмі Adobe Photoshop (конспект).