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