1 of 30

Урок №39

Створено в навчальних цілях за підручником «Інформатика 9 клас»/Н.В. Морзе, О.В. Барна, В.П. Вембер, О.Г. Кузьминська. – К.: УОВЦ «Оріон», 2017

www.orioncentr.com.ua, inf9-m.blogspot.com/

2 of 30

Тема уроку: Поняття колірної моделі. Растрові та векторні зображення, їх властивості. Формати файлів зображень

________________________ (дата)

Класна робота

​

Доброго дня шановні дев’ятикласники.

Запишіть будь ласка дату та тему сьогоднішнього уроку

3 of 30

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

​

МЕТА УРОКУ

    • Що розуміють під колірною моделлю
    • Які параметри графічних зображень впливають на їхню якість
    • У яких форматах можна зберігати графічні файли й у чому їх відмінність

ТИ ДІЗНАЄШСЯ

4 of 30

  1. Для чого використовується комп’ютерна графіка?
  2. Які типи зображень використовуються в комп’ютерній графіці?
  3. У чому полягають переваги та недоліки растрових і векторних зображень?
  4. Що таке графічні примітиви у складі векторного зображення?

Дайте відповіді на запитання

Урок 39

Актуалізація опорних знань

Пригадай

Вперед до

нових знань!

5 of 30

Що розуміють під колірною моделлю?

Вивчення нового матеріалу

Колірна модель – це спосіб утворення кольору шляхом змішування кольорів.

Колірна модель

Базові кольори моделі

Спосіб утворення кольору

RGB

Червоний (Red), зелений (Green), синій (Blue)

Будь-який колір складається з трьох основних (червоний, зелений, синій) та додаткових (блакитний, пурпурний, жовтий)

Урок 39

6 of 30

Що розуміють під колірною моделлю?

Вивчення нового матеріалу

Колірна модель – це спосіб утворення кольору шляхом змішування кольорів.

Колірна модель

Базові кольори моделі

Спосіб утворення кольору

CMYK

Додаткові: блакитний (Cyan), пурпурний (Magenta), та ключовий – чорний (blacK)

До ключового кольору (чорного) додаються блакитний, пурпурний та жовтий, які доповнюють основні (відповідно червоний, зелений, синій до білого)

Урок 39

7 of 30

Що розуміють під колірною моделлю?

Вивчення нового матеріалу

Колірна модель – це спосіб утворення кольору шляхом змішування кольорів.

Колірна модель

Базові кольори моделі

Спосіб утворення кольору

HSB

Відтінок кольору – фон (Hue), контрастність (Saturation), яскравість (Brightness)

Колір вибирається з палітри, де фон – це номер кольору в спектральній палітрі, насиченість – його інтенсивність, яскравість – вміст чорної фарби

Урок 39

8 of 30

Які параметри графічних зображень впливають �на їхню якість?

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

Вивчення нового матеріалу

Урок 39

9 of 30

Які параметри графічних зображень впливають �на їхню якість?

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

Вивчення нового матеріалу

Урок 39

10 of 30

Які параметри графічних зображень впливають �на їхню якість?

Роздільна здатність вимірюється переважно кількістю крапок, розміщених на відрізку розміром один дюйм.

Вивчення нового матеріалу

Урок 39

11 of 30

Які параметри графічних зображень впливають �на їхню якість?

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

Кб

Мб

Вивчення нового матеріалу

Урок 39

12 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

BMP (Bit Map Picture)

Растровий

Підтримується в будь-яких Windows-сумісних програмах. Файли в цьому форматі мають великий обсяг. Підтримується в усіх графічних програмах, при стисненні не відбувається втрат.

Урок 39

13 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

GIF (Graphics Interchange Format)

​

Растровий

​

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

Урок 39

14 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

JPEG (Join Photographic Expert Group)

​

Растровий

​

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

Урок 39

15 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

PNG (Portable Network Graphics)

​

Растровий

​

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

Урок 39

16 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

TIFF (Tagged Image File Format)

​

Растровий

​

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

Урок 39

17 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

SVG (Scalable Vector Graphics)

​

Векторний

​

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

Урок 39

18 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

WMF (Windows Metafile Format)

​

Векторний і растровий

​

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

Урок 39

19 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

EPS (Encapsulated PostScript)

​

Векторний і растровий

​

Використовується переважно для друку в професійній поліграфії. Містить як векторні зображення, так і растрові

Урок 39

20 of 30

У яких форматах можна зберігати графічні файли �й у чому їх відмінність?

Вивчення нового матеріалу

Графічний формат

Принцип побудови графічних зображень

Особливості формату

PDF (Portable Document Format)

​

Векторний і растровий

​

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

Урок 39

Настав час

закріпити нові

знання!

21 of 30

Формування умінь і навичок

Вправа 1. Утворення кольорів.

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

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Діємо

Завдання на с. 162 підручника

Урок 39

22 of 30

Формування умінь і навичок

Вправа 2. Растрові формати графічних файлів.

Завдання. Збережіть зображення Берегиня (Олег Шупляк).jpg (мал. 23.8) у форматах PNG, BMP, GIF і проаналізуйте якість зображення та обсяг файла в кожному з форматів.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Діємо

Завдання на с. 164 підручника

Урок 39

23 of 30

Формування умінь і навичок

Вправа 1. Використовуючи модель яскравості кольорів за адресою https://www.geogebra.org/o/hF5UhSPQ за допомогою повзунків для кожного з трьох основних кольорів визначте, як зміна яскравості від 0 до 255 впливає на відображення кольору.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

самостійно

Працюємо

Завдання на с. 165 підручника

Урок 39

24 of 30

Формування умінь і навичок

Вправа 2. За допомогою онлайнового конвертора кольорів за адресою http://colorscheme.ru/color-converter.html проаналізуйте, як утворюються кольори в колірній моделі RGB. Для цього задайте значення від 0 до 255 для червоного, зеленого та синього кольорів і перегляньте, якому кольору відповідає вказаний набір значень.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

самостійно

Працюємо

Завдання на с. 166 підручника

Урок 39

Працювали,

працювали -

пригадаєм

все що взнали!

25 of 30

  1. Чи можна визначити розширення імені графічного файла, переглядаючи зображення, що міститься в файлі? Чи залежить якість зображення від типу файла?
  2. Які особливості кодування текстових, графічних і звукових даних?
  3. Що означає вираз «оцифровка зображення, фото»?
  4. Графічні файли яких форматів використовують для розміщення на веб-сторінках в Інтернеті?

Підсумок уроку

Дайте відповіді на запитання

Урок 39

Обговорюємо

26 of 30

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

27 of 30

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

28 of 30

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

29 of 30

Рефлексія

1. Що нового сьогодні дізналися?

2. Чого навчилися?

3. Що сподобалось на уроці, а що ні?

4. Чи виникали труднощі?

Підсумок уроку

Прийшла пора

домашнього

завдання!

30 of 30

Домашнє завдання

​

​

Опрацювати п.23.3-23.5

 

​

​