1 of 29

Урок №2

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

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

2 of 29

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

________________________ (дата)

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

​

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

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

Урок №2

3 of 29

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

​

МЕТА УРОКУ

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

ТИ ДІЗНАЄШСЯ

4 of 29

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

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

Урок 2

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

Пригадай

Вперед до

нових знань!

5 of 29

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

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

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

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

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

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

RGB

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

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

Урок 2

6 of 29

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

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

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

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

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

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

CMYK

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

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

Урок 2

7 of 29

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

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

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

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

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

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

HSB

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

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

Урок 2

8 of 29

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

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

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

Урок 2

9 of 29

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

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

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

Урок 2

10 of 29

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

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

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

Урок 2

11 of 29

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

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

Кб

Мб

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

Урок 2

12 of 29

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

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

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

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

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

BMP (Bit Map Picture)

Растровий

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

Урок 2

13 of 29

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

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

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

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

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

GIF (Graphics Interchange Format)

​

Растровий

​

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

Урок 2

14 of 29

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

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

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

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

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

JPEG (Join Photographic Expert Group)

​

Растровий

​

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

Урок 2

15 of 29

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

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

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

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

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

PNG (Portable Network Graphics)

​

Растровий

​

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

Урок 2

16 of 29

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

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

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

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

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

TIFF (Tagged Image File Format)

​

Растровий

​

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

Урок 2

17 of 29

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

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

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

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

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

SVG (Scalable Vector Graphics)

​

Векторний

​

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

Урок 2

18 of 29

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

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

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

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

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

WMF (Windows Metafile Format)

​

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

​

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

Урок 2

19 of 29

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

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

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

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

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

EPS (Encapsulated PostScript)

​

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

​

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

Урок 2

20 of 29

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

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

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

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

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

PDF (Portable Document Format)

​

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

​

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

Урок 2

Настав час

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

знання!

21 of 29

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

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

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

самостійно

Працюємо

Урок 2

22 of 29

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

Вправа 5.

Завдання. Подай зображення графічних файлів різних форматів у вигляді діаграми Ейлера – Венна (мал. 1.7).

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

Урок 2

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

Міркуємо

23 of 29

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

Вправа 6.

Завдання. Серед наведених зображень визнач, які належать до растрової, а які до векторної графіки. Встанови, за якою ознакою можна зробити відповідний висновок (мал. 1.8).

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

Урок 2

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

Міркуємо

Працювали,

працювали -

пригадаєм

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

24 of 29

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

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

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

Урок 2

Обговорюємо

25 of 29

Рефлексія

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

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

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

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

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

26 of 29

Рефлексія

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

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

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

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

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

27 of 29

Рефлексія

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

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

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

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

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

28 of 29

Рефлексія

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

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

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

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

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

Прийшла пора

домашнього

завдання!

29 of 29

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

​

​

Опрацювати п.1

 

​

​