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

Урок 38. Поняття комп’ютерної графіки. Кодування графічних даних
Жовтень 18, 2017
Урок 40. Векторний графічний редактор. Особливості побудови й опрацювання векторних зображень
Жовтень 18, 2017

Урок 39 (web-версія конспекту без зображень)

9 клас за новою програмою 2017 року

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

Мета :

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

Обладнання: комп’ютери кабінету з виходом в мережу Інтернет, мультимедійний проектор, презентація уроку, (ФАЙЛИ-ЗАГОТОВКИ) до підручника "ІНФОРМАТИКА 9 КЛАС" Морзе Н.В., Берна О.В., Вембер В.П.

Тип уроку: урок засвоєння нового матеріалу.

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

ХІД УРОКУ

І. Організація класу до уроку

  1. 1) Привітання із класом (слайд 1)
  2. 2) Повідомлення теми і мети уроку (слайд 2-3)

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

Пригадай (слайд 4):

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

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

Пояснення вчителя з елементами демонстрування презентації

(використовується проектор, та матеріал підручника)

Що розуміють під колірною моделлю? (слайд 5-7)

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

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

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

HSB - Відтінок кольору – фон (Hue), контрастність (Saturation), яскравість (Brightness) - Колір вибирається з палітри, де фон – це номер кольору в спектральній палітрі, насиченість – його інтенсивність, яскравість – вміст чорної фарби

Які параметри графічних зображень впливають на їхню якість? (слайд 8-11)

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

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

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

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

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

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

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

JPEG (Join Photographic Expert Group) - Растровий - Завдяки алгоритмам стиснення використання цього формату дає змогу суттєво зменшувати розміри графічних файлів, не маючи втрат у палітрі кольорів малюнка. Велика глибина кольорів

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

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

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

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

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

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

IV. Формування практичних умінь і навичок

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

Завдання 1. Утворення кольорів (слайд 21)

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

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

Завдання 1. Растрові формати графічних файлів (слайд 22)

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

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

Завдання 1. Працюємо самостійно (слайд 23)

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

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

Завдання 2. Працюємо самостійно (слайд 24)

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

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

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

Обговорюємо (слайд 25)

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

Рефлексія (слайд 26)

  • Що нового сьогодні дізналися?
  • Чого навчилися?
  • Що сподобалось на уроці, а що ні?
  • Чи виникали труднощі?

VI. Домашнє завдання (слайд 27)

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

Завантажити



Ви можете зберегти свій час на підготовку до уроків замовивши комплект презентацій
9 клас за новою програмою 2017 року для супроводу уроків  

за ціною:

110 грн за комплект (або по 55 грн кожний з семестрів)
(одна презентація коштує менше 2 грн)

Замовити комплект

також для використанні на уроках розроблено сервіс для проведення онлайн-тестування