Відмінності між версіями «Конспект №7 Графічний редактор Решетової»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
 
Рядок 5: Рядок 5:
  
  
Мета: формувати знання про основні типи графічних файлів; розвивати вміння працюва¬ти в малих групах,
+
Мета: формувати знання про основні типи графічних файлів; розвивати вміння працювати в малих групах,
  аналізувати, порівнювати, робити висновки; виховувати інтерес до про¬фесій,  
+
  аналізувати, порівнювати, робити висновки; виховувати інтерес до професій,  
 
пов'язаних з графікою, — дизайнера, редактора, конструктора тощо.
 
пов'язаних з графікою, — дизайнера, редактора, конструктора тощо.
  
Рядок 75: Рядок 75:
  
  
V. Закріплення попередньо засвоєного ма¬теріалу («Мозкова атака » )
+
V. Закріплення попередньо засвоєного матеріалу («Мозкова атака » )
  
 
Учні створюють порівняльну таблицю растрової та векторної графіки (табл. 1).  
 
Учні створюють порівняльну таблицю растрової та векторної графіки (табл. 1).  
Зразок наведено на дошці. Перший, очевидний кри¬терій пропонує вчитель.
+
Зразок наведено на дошці. Перший, очевидний критерій пропонує вчитель.
  
 
Таблиця 1
 
Таблиця 1
Рядок 120: Рядок 120:
  
  
1. Пам'ятай, ефективна робота групи зале¬жить від участі кожного!
+
1. Пам'ятай, ефективна робота групи залежить від участі кожного!
  
 
2. Ознайомся з твоєю частиною матеріалу.
 
2. Ознайомся з твоєю частиною матеріалу.
Рядок 128: Рядок 128:
 
4. Разом підготуйте коротку доповідь з теми (до 3 хв).
 
4. Разом підготуйте коротку доповідь з теми (до 3 хв).
  
5. Оберіть доповідача. Доповідач є представ¬ником групи, за його виступом оцінюють робо¬ту всієї групи.
+
5. Оберіть доповідача. Доповідач є представ¬ником групи, за його виступом оцінюють роботу всієї групи.
  
 
6. За потреби оберіть помічника доповідача (якщо є необхідність супроводжувати доповідь демонстрацією на комп'ютері).
 
6. За потреби оберіть помічника доповідача (якщо є необхідність супроводжувати доповідь демонстрацією на комп'ютері).
Рядок 136: Рядок 136:
  
  
1. Що є основним елементом побудови зоб¬раження?
+
1. Що є основним елементом побудови зображення?
  
 
2. Від чого залежить розмір файла?
 
2. Від чого залежить розмір файла?
Рядок 156: Рядок 156:
  
  
2. Растрову графіку використовують у розробці електронних (мультимедійних) та полігра¬фічних видань,  
+
2. Растрову графіку використовують у розробці електронних (мультимедійних) та поліграфічних видань,  
 
оскільки вона дозволяє ефективно, реалістично подати об'єкт. Ілюстрації, виконані засобами растрової графіки,
 
оскільки вона дозволяє ефективно, реалістично подати об'єкт. Ілюстрації, виконані засобами растрової графіки,
 
  рідко створю¬ють вручну за допомогою комп'ютерних програм. Найчастіше використовують сканування зображень,
 
  рідко створю¬ють вручну за допомогою комп'ютерних програм. Найчастіше використовують сканування зображень,
Рядок 171: Рядок 171:
  
  
4. Однією з проблем растрової графіки є не¬можливість деталізації зображення. Збільшуючи зображення,  
+
4. Однією з проблем растрової графіки є неможливість деталізації зображення. Збільшуючи зображення,  
 
побачимо лише, що пікселі стали більшими. Ніяких додаткових деталей при збільшенні растрового зображення  
 
побачимо лише, що пікселі стали більшими. Ніяких додаткових деталей при збільшенні растрового зображення  
 
побачити неможливо. До того ж, збільшення точок растра спотворює зображення, робить його грубим.  
 
побачити неможливо. До того ж, збільшення точок растра спотворює зображення, робить його грубим.  
Рядок 195: Рядок 195:
 
3. Об'єкти векторної графіки зберігаються в пам'яті комп'ютера у вигляді набору параметрів.  
 
3. Об'єкти векторної графіки зберігаються в пам'яті комп'ютера у вигляді набору параметрів.  
 
Для збереження одного об'єкта достатньо 20 — ЗО байтів оперативної пам'яті.
 
Для збереження одного об'єкта достатньо 20 — ЗО байтів оперативної пам'яті.
  Складні композиції, які містять тисячі об'єктів, займають лише десятки або сотні кіло¬байтів.
+
  Складні композиції, які містять тисячі об'єктів, займають лише десятки або сотні кілобайтів.
  
  
 
4. У векторній графіці легко розв’язуються питання деталізації, масштабування зображень.
 
4. У векторній графіці легко розв’язуються питання деталізації, масштабування зображень.
  Побачивши на екрані зображення будинку, ми можемо збільшити його та отримати зображен¬ня квартири.  
+
  Побачивши на екрані зображення будинку, ми можемо збільшити його та отримати зображення квартири.  
 
При подальшому збільшенні можна розглянути, наприклад, як закріплені двері.
 
При подальшому збільшенні можна розглянути, наприклад, як закріплені двері.
  
Рядок 209: Рядок 209:
 
Мета: дати відповідь на запитання «Які чинники впливають на розмір графічних растрових файлів?»
 
Мета: дати відповідь на запитання «Які чинники впливають на розмір графічних растрових файлів?»
  
Завдання: дослідити зміни, що відбуваються з графічним растровим файлом при збере¬женні його з іншим типом.
+
Завдання: дослідити зміни, що відбуваються з графічним растровим файлом при збереженні його з іншим типом.
  
  
Рядок 233: Рядок 233:
  
 
8. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем Fjpeg та з відповідним типом.
 
8. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем Fjpeg та з відповідним типом.
  (Чи змінилося зображен¬ня? Як саме? Зверніть увагу на межі фігур.)
+
  (Чи змінилося зображення? Як саме? Зверніть увагу на межі фігур.)
  
 
9. Командою Файл/ Открыть відкрити файл 24розр.bmр.
 
9. Командою Файл/ Открыть відкрити файл 24розр.bmр.
  
10. За допомогою команди Файл/ Сохра¬нить как... зберегти файл у ту саму папку з іме¬нем Fgif та з відповідним типом.  
+
10. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем Fgif та з відповідним типом.  
(Чи змінило¬ся зображення? )
+
(Чи змінилося зображення? )
  
 
11. Закрити графічний редактор.
 
11. Закрити графічний редактор.
  
 
12. У вікні Мой компьютер відкрити папку зі створеними малюнками.
 
12. У вікні Мой компьютер відкрити папку зі створеними малюнками.
  Встановіть Вид/ Таб¬лица та порівняйте розмір створених файлів.
+
  Встановіть Вид/ Таблица та порівняйте розмір створених файлів.
 
  (Який найменший, найбільший? Чому? )
 
  (Який найменший, найбільший? Чому? )
  
13. Переглянути малюнки програмою пере¬гляду зображень. Порівняйте якість малюнків.
+
13. Переглянути малюнки програмою перегляду зображень. Порівняйте якість малюнків.
  
 
14. Обговорити результати роботи, дати відповідь на проблемне запитання.  
 
14. Обговорити результати роботи, дати відповідь на проблемне запитання.  
Рядок 261: Рядок 261:
 
1. Формат GIF (Graphics Interchange Format) розроблено в 1987 році для екранних зображень.
 
1. Формат GIF (Graphics Interchange Format) розроблено в 1987 році для екранних зображень.
 
  Кожний піксель може мати не більше 256 кольорів, тому файли цього формату досить компактні.
 
  Кожний піксель може мати не більше 256 кольорів, тому файли цього формату досить компактні.
  Цей формат досить зручний для малюнків та схем; особливо мо¬нохромних. Файли формату мають розширення gif.
+
  Цей формат досить зручний для малюнків та схем; особливо монохромних. Файли формату мають розширення gif.
 
  Для стиснення даних використовується алгоритм LZW, сутність якого полягає в тому, що в зображенні виділяються рядки,
 
  Для стиснення даних використовується алгоритм LZW, сутність якого полягає в тому, що в зображенні виділяються рядки,
 
  що повторюються, які замінюю¬ться одним таким, за яким потім можна точно відно¬вити початкову інформацію.  
 
  що повторюються, які замінюю¬ться одним таким, за яким потім можна точно відно¬вити початкову інформацію.  
Цей алгоритм особливо ефективний для стиснення зображень, які складаю¬ться з великих областей однакового кольору.  
+
Цей алгоритм особливо ефективний для стиснення зображень, які складаються з великих областей однакового кольору.  
Незва¬жаючи на те, що алгоритм LZW не припускає втрат, реальні багатокольорові об'єкти можуть бути спотво¬реннями
+
Незважаючи на те, що алгоритм LZW не припускає втрат, реальні багатокольорові об'єкти можуть бути спотвореннями
  за рахунок зменшення кольоровості до 256, Тому для фотографій цей формат краще не викорис¬товувати.  
+
  за рахунок зменшення кольоровості до 256, Тому для фотографій цей формат краще не використовувати.  
 
Отримав популярність в Інтернеті завдяки великому коефіцієнту стиснення та малому обсягу файлів.
 
Отримав популярність в Інтернеті завдяки великому коефіцієнту стиснення та малому обсягу файлів.
  Розробники програм, використовуючи фор¬мат gif, повинні мати ліцензійну угоду і вносити пев¬ну плату за кожний екземпляр програми.
+
  Розробники програм, використовуючи формат gif, повинні мати ліцензійну угоду і вносити певну плату за кожний екземпляр програми.
  
  
2. Формат TIFF (Tagget Image File Format). Фор¬мат призначений для збереження растрових зобра¬жень високої якості.
+
2. Формат TIFF (Tagget Image File Format). Фор¬мат призначений для збереження растрових зображень високої якості.
 
  Це один з основних стандартів професійної й комерційної обробки зображень.  
 
  Це один з основних стандартів професійної й комерційної обробки зображень.  
 
Імена файлів цього формату мають розширення tiff або tif. Формат файлів зображення визначається певною сукупністю  
 
Імена файлів цього формату мають розширення tiff або tif. Формат файлів зображення визначається певною сукупністю  
дескрипторів, які описують тип даних, що містяться у файлі, тому вони є складними для деко¬дування.  
+
дескрипторів, які описують тип даних, що містяться у файлі, тому вони є складними для декодування.  
Це також призводить до того, що tiff-фай¬ли, створені однією програмою, не завжди можуть читатися іншою програмою  
+
Це також призводить до того, що tiff-файли, створені однією програмою, не завжди можуть читатися іншою програмою  
 
або можуть не читатися окремі символи. Файли формату tiff можуть бути стиснені методами RLE,  
 
або можуть не читатися окремі символи. Файли формату tiff можуть бути стиснені методами RLE,  
LZW та деякими іншими ме¬тодами. Тому для розпакування цих архівів потрібні певні програми.
+
LZW та деякими іншими методами. Тому для розпакування цих архівів потрібні певні програми.
 
  Незважаючи на свою складність, фо¬рмат tiff дозволяє кодувати будь-яке зображення без втрати  
 
  Незважаючи на свою складність, фо¬рмат tiff дозволяє кодувати будь-яке зображення без втрати  
якості й залишається одним із кращих. Доз¬воляє кодувати в одному файлі декілька зображень, для кожного з яких  
+
якості й залишається одним із кращих. Дозволяє кодувати в одному файлі декілька зображень, для кожного з яких  
використовується свій набір дес¬крипторів. Максимальна глибина кольору файлів зо¬браження дорівнює 48 біт.
+
використовується свій набір дескрипторів. Максимальна глибина кольору файлів зображення дорівнює 48 біт.
  
  
 
3. Формат JPEG (Joint Photographie Experts Group).
 
3. Формат JPEG (Joint Photographie Experts Group).
  Використовує растровий метод і призначе¬ний для збереження фотозображень, зокрема, відс¬канованих фотографій.  
+
  Використовує растровий метод і призначений для збереження фотозображень, зокрема, відсканованих фотографій.  
Імена файлів мають розши¬рення jpg. Глибина кольору 24 біти. Використовува¬ний метод стиснення JPEG для цього  
+
Імена файлів мають розширення jpg. Глибина кольору 24 біти. Використовуваний метод стиснення JPEG для цього  
 
формату має великий коефіцієнт стиснення, але це досягається за рахунок втрати частини інформації. Стиснений
 
формату має великий коефіцієнт стиснення, але це досягається за рахунок втрати частини інформації. Стиснений
 
  файл може досягати 10% від початкового. Після ро¬зпакування файл може відрізнятися від оригіналу, але ці відмінності
 
  файл може досягати 10% від початкового. Після ро¬зпакування файл може відрізнятися від оригіналу, але ці відмінності
 
  не значні. У процесі форматуван¬ня зображення у форматі JPEG користувач встанов¬лює показник стиснення або показник  
 
  не значні. У процесі форматуван¬ня зображення у форматі JPEG користувач встанов¬лює показник стиснення або показник  
якості зображення. Якість відтвореного зображення визначає¬ться коефіцієнтом стиснення: чим більше стиснен¬ня, тим більші
+
якості зображення. Якість відтвореного зображення визначається коефіцієнтом стиснення: чим більше стиснення, тим більші
 
  втрати і тим нижча якість фотографій. Високий коефіцієнт стиснення викори¬стовується для зображень на веб-сторінках,
 
  втрати і тим нижча якість фотографій. Високий коефіцієнт стиснення викори¬стовується для зображень на веб-сторінках,
  тому що вони повинні бути невеликих розмірів, щоб не спо¬вільнювати передачу через Інтернет. Оптимальні показники якості,
+
  тому що вони повинні бути невеликих розмірів, щоб не сповільнювати передачу через Інтернет. Оптимальні показники якості,
 
  які забезпечують кращий баланс між коефіцієнтом стиснення та якістю зображення, різні для різних зображень  
 
  які забезпечують кращий баланс між коефіцієнтом стиснення та якістю зображення, різні для різних зображень  
і, звичайно, можуть бу¬ти знайдені тільки методом проб і помилок. Зазна¬чимо, що стиснення більш ніж на 90%  
+
і, звичайно, можуть бути знайдені тільки методом проб і помилок. Зазначимо, що стиснення більш ніж на 90%  
 
призводить до помітних артдефектів. Тому стискати більше цього значення неприпустимо. Формат найчастіше  
 
призводить до помітних артдефектів. Тому стискати більше цього значення неприпустимо. Формат найчастіше  
 
використовується для розміщення в Інтернеті повнокольорових зображень. Відзначимо, що GIF, PNG і JPEG є  
 
використовується для розміщення в Інтернеті повнокольорових зображень. Відзначимо, що GIF, PNG і JPEG є  
основними графічними растровими форма¬тами Інтернету.
+
основними графічними растровими форматами Інтернету.
  
  
Рядок 302: Рядок 302:
 
Розроблений з метою заміни GIF і JPEG-формату. В імені файлу використовується розширення png.  
 
Розроблений з метою заміни GIF і JPEG-формату. В імені файлу використовується розширення png.  
 
Стиснення файлів здійснюється за методом ZIP без втрат якості зображення.
 
Стиснення файлів здійснюється за методом ZIP без втрат якості зображення.
  Глибина кольору досягає 48 біт. Формат може використовуватися безкоштов¬но.
+
  Глибина кольору досягає 48 біт. Формат може використовуватися безкоштовно.
  В одному файлі не може зберігатися декілька зо¬бражень, тому анімація недоступна  
+
  В одному файлі не може зберігатися декілька зображень, тому анімація недоступна  
 
(розробники запевнюють, що цей недолік є тимчасовим). Формат PNG має спеціальні фільтри попередньої обробки.
 
(розробники запевнюють, що цей недолік є тимчасовим). Формат PNG має спеціальні фільтри попередньої обробки.
 
  Вони значно підвищують ефективність стиснення, особливо для 24-бітних фотографічних зображень з
 
  Вони значно підвищують ефективність стиснення, особливо для 24-бітних фотографічних зображень з
  плавними кольоровими переходами. Однак це приз¬водить до того, що для запису й читання png-файлів  
+
  плавними кольоровими переходами. Однак це призводить до того, що для запису й читання png-файлів  
потрібно більше часу порівняно з іншими формата¬ми. Формат PNG може використовуватися для збереження  
+
потрібно більше часу порівняно з іншими форматами. Формат PNG може використовуватися для збереження  
 
мастер- копій зображень.
 
мастер- копій зображень.
  
  
 
5. Формат BMP. Це формат растрових графічних зображень в ОС Windows.
 
5. Формат BMP. Це формат растрових графічних зображень в ОС Windows.
  Підтримується всіма до¬датками, які працюють у цьому середовищі.  
+
  Підтримується всіма додатками, які працюють у цьому середовищі.  
 
В імені файла вказується розширення bmp, а інколи — rie. Розширення rie вказує на те,
 
В імені файла вказується розширення bmp, а інколи — rie. Розширення rie вказує на те,
 
  що виконано стиснення растрової інформації методом RLE, що викорис¬товується для обробки файла формату bmp.
 
  що виконано стиснення растрової інформації методом RLE, що викорис¬товується для обробки файла формату bmp.
Рядок 320: Рядок 320:
 
6. Формат PCX. Це був перший формат файлів растрової графіки в комп'ютерах IBM PC.  
 
6. Формат PCX. Це був перший формат файлів растрової графіки в комп'ютерах IBM PC.  
 
В імені файла вказується розширення рсх. Інформація у файлах цього формату може стискуватися за мето¬дом RLE.
 
В імені файла вказується розширення рсх. Інформація у файлах цього формату може стискуватися за мето¬дом RLE.
  Кодування кольору пікселів виконується з глибиною в 1, 4, 8 або 24 біти. Області використан¬ня популярного
+
  Кодування кольору пікселів виконується з глибиною в 1, 4, 8 або 24 біти. Області використання популярного
  в минулому формату нині поступо¬во зменшуються.  
+
  в минулому формату нині поступово зменшуються.  
  
  
Рядок 338: Рядок 338:
  
  
10. Формат EPS (Encapsulated PostScript). Приз¬начений для векторних і растрових зображень мо¬вою PostScript.  
+
10. Формат EPS (Encapsulated PostScript). Призначений для векторних і растрових зображень мовою PostScript.  
Імена файлів мають розширення eps. Для відображення на екрані векторного зобра¬ження використовується формат WMF,
+
Імена файлів мають розширення eps. Для відображення на екрані векторного зображення використовується формат WMF,
  а растрово¬го — TIFF. Справжнє зображення на виході вихід¬ного пристрою можна отримати після перетворення  
+
  а растрового — TIFF. Справжнє зображення на виході вихід¬ного пристрою можна отримати після перетворення  
 
файла у формат PDF або за допомогою спеціальних програм перегляду.
 
файла у формат PDF або за допомогою спеціальних програм перегляду.
  
  
 
На розмір растрового файла впливає якість малюнка (кількість пікселів по горизонталі та вертикалі) та кількість кольорів.
 
На розмір растрового файла впливає якість малюнка (кількість пікселів по горизонталі та вертикалі) та кількість кольорів.
  При моно¬хромному зображенні для кожного пікселя ви¬діляється 1 розряд двійкового коду — 1 біт (0 або 1).  
+
  При монохромному зображенні для кожного пікселя ви¬діляється 1 розряд двійкового коду — 1 біт (0 або 1).  
 
Якщо використовується палітра в 16 кольорів, потрібні 4 розряди для кожного пікселя  
 
Якщо використовується палітра в 16 кольорів, потрібні 4 розряди для кожного пікселя  
 
(0000, 0001, 0010, 0011, 0100... — 24 = 16), 256 кольорів — 8 розрядів (байт).
 
(0000, 0001, 0010, 0011, 0100... — 24 = 16), 256 кольорів — 8 розрядів (байт).
Рядок 356: Рядок 356:
  
  
Мета: дати відповідь на запитання: «Які фай¬ли (растрові чи векторні) легше редагувати? »
+
Мета: дати відповідь на запитання: «Які файли (растрові чи векторні) легше редагувати? »
  
  
Рядок 371: Рядок 371:
  
 
Мал. 1
 
Мал. 1
3. Спробуйте відокремити овал від прямо¬кутника.
+
3. Спробуйте відокремити овал від прямокутника.
 
4. Спробуйте змінити розмір якоїсь фігури (мал. 2).
 
4. Спробуйте змінити розмір якоїсь фігури (мал. 2).
  
Рядок 380: Рядок 380:
  
  
5. Чи можливо відредагувати растрове зоб¬раження?
+
5. Чи можливо відредагувати растрове зображення?
  
 
6. Відкрийте текстовий редактор"Word.
 
6. Відкрийте текстовий редактор"Word.
Рядок 386: Рядок 386:
 
7. Повторіть дії 2—4.
 
7. Повторіть дії 2—4.
  
8. Чи можливо відредагувати векторне зоб¬раження?
+
8. Чи можливо відредагувати векторне зображення?
  
 
9. Сформулюйте висновок.
 
9. Сформулюйте висновок.

Поточна версія на 08:49, 5 листопада 2008

КОМП'ЮТЕРНА ГРАФІКА


Типи графічних файлів


Мета: формувати знання про основні типи графічних файлів; розвивати вміння працювати в малих групах,

аналізувати, порівнювати, робити висновки; виховувати інтерес до професій, 

пов'язаних з графікою, — дизайнера, редактора, конструктора тощо.


Тип уроку: урок -лекція.

Обладнання: ПК, картки для роботи в групах, заздалегідь підготовлені файли.

Хід уроку

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


II. Діагностика, актуалізація знань учнів

• Чи працювали ви раніше з комп'ютерною графікою? • Якими програмами ви при цьому користувалися? • Чи завжди можна записати фото на дискету? Чому? Скільки дискового простору зай¬має фото?


III. Мотивація навчальної діяльності.

Робота з комп'ютерною графікою — одна з найпопулярніших у використанні комп'ютерної техніки.

Цю роботу виконують не лише професійні художники та дизайнери. 

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

Без комп'ютерної графіки не обходиться жодна сучасна мультимедійна програма.

Робота над графікою займає до 90 % робочого часу колективів програмістів, 

які випускають програми масового використання. Основні витра¬ти праці в роботі редакцій та видавництв теж складають художні та оформлювальні роботи з графічними програмами. Необхідність широкого використання графічних програмних засобів стала особливо відчутною з розвитком Інтернету, який пов'я¬зав у єдину «павутину» мільйони Web-сайтів. Зрозуміло, що сторінка, оформлена без комп'ютерної графіки, не має шансів виділитися на тлі широкого кола конкурентів

та привернути до себе увагу.

Комп'ютерна графіка — це створення і обробка зображень (малюнків, креслень тощо) за допомогою комп'ютера. Зображення на екрані монітора складається з різнокольорових точок — пікселів. Але будуються комп'ютером зображення по-різному і в пам'яті комп'ютера зберігаються теж по-різному. Розрізняють два способи створення предметних зображень — растровий (напр. за допомогою графічних ре¬дакторів Paint, PhotoShop) і векторний (напр.) автофігури в MS Word, графічному редакторі CorelDraw), відповідно, два види комп'ютерної графіки: растрову та векторну.


На сьогоднішньому уроці ви дізнаєтеся:

• Чим відрізняється растрова графіка від векторної?

• Як зменшити розмір графічних файлів?


IV. Опрацювання нового матеріалу (групова робота)

Клас об'єднується у чотири групи: науковці, які вивчають теоретичні основи растрової графіки,

науковці, що вивчають теоретичні ос¬нови векторної графіки, дослідники (виконують практичне
завдання за інструкцією, формулюють доповідь про різні типи графічних файлів) та консультанти 

(учні, які мають певні з теми, учні, яких виділив учитель під час проведення діагностики, актуалізації знань). Вчитель повідомляє завдання і термін виконання роботи: 15 хв. Групи отримують картки із завданням та пам'ятки — правила роботи в групі. Завдання консультантів розраховано на 3—5 хв, потім вони повинні допомагати іншим

групам у створенні доповіді.


(Роздавальний матеріал, наведений у доодатках до уроку.)

Після закінчення терміну виконання роботи доповідають по черзі представники науковців (доповіді до 3 хв).


V. Закріплення попередньо засвоєного матеріалу («Мозкова атака » )

Учні створюють порівняльну таблицю растрової та векторної графіки (табл. 1). Зразок наведено на дошці. Перший, очевидний критерій пропонує вчитель.

Таблиця 1

Файл:Табл.jpg


Наступними критеріями можуть бути: розмір файла; якість зображення; можливість, легкість редагування, деталізації зображення, програми для створення та обробки файлів різного виду тощо.

Учні відповідають на запитання:

«Чим відрізняється растрова графіка від векторної? 

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

Група дослідників доповідає про результати своєї роботи, учні разом формулюють відповідь на запитання.


VI. Підсумок (« Мікрофон »)

Учням пропонують «уявний мікрофон» та орієнтовний перелік запитань:

• Чи сподобався мені урок?

• Що нового я дізнався на уроці?

• Чи знадобиться мені матеріал, вивчений на уроці?


VП. Домашнє завдання

Вивчити відповідний параграф у підручни¬ку, уміти давати відповіді на запитання після параграфа.

Додаткове завдання: скласти тест по матеріалу уроку.


Додатки

Правила роботи в групі


1. Пам'ятай, ефективна робота групи залежить від участі кожного!

2. Ознайомся з твоєю частиною матеріалу.

3. Обміняйся інформацією з іншими члена¬ми групи.

4. Разом підготуйте коротку доповідь з теми (до 3 хв).

5. Оберіть доповідача. Доповідач є представ¬ником групи, за його виступом оцінюють роботу всієї групи.

6. За потреби оберіть помічника доповідача (якщо є необхідність супроводжувати доповідь демонстрацією на комп'ютері).


Орієнтовний план доповіді науковців


1. Що є основним елементом побудови зображення?

2. Від чого залежить розмір файла?

3. Які він переваги має?

4. Які він мас недоліки?

5. Для яких видів робіт використовується?


Растрова графіка


1. У растровій графіці зображення скла¬дається з різнокольорових точок (пікселів),

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

на якому кожна клітинка зафарбована якимось кольором. На розмір файла впливають розмір зображення (кількість пікселів по горизонталі та вертикалі) та кількість кольорів.


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

рідко створю¬ють вручну за допомогою комп'ютерних програм. Найчастіше використовують сканування зображень,
підготованих художником на папері або фотографії. Останнім часом для зведення растрових зображень використовують 

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


3. Великі обсяги даних — головна проблема у використанні растрових зображень. Так, для збереження копії графічного екрана дисп¬лея з розмірами 800 х 600 за умови, що колір пікселя кодується трьома байтами, потрібно 800 х 600 х 3 = 1,44 Мб пам'яті.

Для активних робіт з ілюстраціями великих розмірів (сторінка журналу) потрібні потужні 

комп'ютери — з великим розміром оперативної пам'яті та потужним процесором).


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


Векторна графіка

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

Об'єкти векторної графіки зберігаються з пам'яті комп'ютера у вигляді набору параметрів. 

Наприклад, лінія має товщину, колір, дві вершини (вузли). Лінія може бути замкненою, тоді вона має властивість заповнення. Недоліком векторної графіки є «неприродність» Малюнка.


2. Векторну графіку застосовують у створенні схематичних зображень — в рекламних агенціях,

дизайнерських бюро, редакціях, для креслень, проектно-конструкторських робіт. Роботи з оформлення, 

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


3. Об'єкти векторної графіки зберігаються в пам'яті комп'ютера у вигляді набору параметрів. Для збереження одного об'єкта достатньо 20 — ЗО байтів оперативної пам'яті.

Складні композиції, які містять тисячі об'єктів, займають лише десятки або сотні кілобайтів.


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

Побачивши на екрані зображення будинку, ми можемо збільшити його та отримати зображення квартири. 

При подальшому збільшенні можна розглянути, наприклад, як закріплені двері.


Інструкція для групи дослідників


Мета: дати відповідь на запитання «Які чинники впливають на розмір графічних растрових файлів?»

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


Хід роботи


1. Завантажити графічний редактор Paint. Відкрити файл D:\ypoKKr\24poзp.bmp.

2. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем 256цв та з відповідним типом. (Чи змінилося зображення? )

3. Командою Файл/ Открыть відкрити файл 24poзp.bmp.

4. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем І6цв та з відповідним типом.

(Чи змінилося зображення? Як саме?)

5. Командою Файл/ Открыть відкрити файл 24розр.bmр.

6. За допомогою команди Файл/Сохранить как... зберегти файл у ту саму папку з іменем монохр та з відповідним типом.

(Чи змінилося зображення? Як саме? )

7. Командою Файл/ Открыть відкрити файл 24розр.bmр.

8. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем Fjpeg та з відповідним типом.

(Чи змінилося зображення? Як саме? Зверніть увагу на межі фігур.)

9. Командою Файл/ Открыть відкрити файл 24розр.bmр.

10. За допомогою команди Файл/ Сохранить как... зберегти файл у ту саму папку з іменем Fgif та з відповідним типом. (Чи змінилося зображення? )

11. Закрити графічний редактор.

12. У вікні Мой компьютер відкрити папку зі створеними малюнками.

Встановіть Вид/ Таблица та порівняйте розмір створених файлів.
(Який найменший, найбільший? Чому? )

13. Переглянути малюнки програмою перегляду зображень. Порівняйте якість малюнків.

14. Обговорити результати роботи, дати відповідь на проблемне запитання.

15. Закрити всі вікна.


Короткі теоретичні ВІДОМОСТІ


Формати файлів


1. Формат GIF (Graphics Interchange Format) розроблено в 1987 році для екранних зображень.

Кожний піксель може мати не більше 256 кольорів, тому файли цього формату досить компактні.
Цей формат досить зручний для малюнків та схем; особливо монохромних. Файли формату мають розширення gif.
Для стиснення даних використовується алгоритм LZW, сутність якого полягає в тому, що в зображенні виділяються рядки,
що повторюються, які замінюю¬ться одним таким, за яким потім можна точно відно¬вити початкову інформацію. 

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

за рахунок зменшення кольоровості до 256, Тому для фотографій цей формат краще не використовувати. 

Отримав популярність в Інтернеті завдяки великому коефіцієнту стиснення та малому обсягу файлів.

Розробники програм, використовуючи формат gif, повинні мати ліцензійну угоду і вносити певну плату за кожний екземпляр програми.


2. Формат TIFF (Tagget Image File Format). Фор¬мат призначений для збереження растрових зображень високої якості.

Це один з основних стандартів професійної й комерційної обробки зображень. 

Імена файлів цього формату мають розширення tiff або tif. Формат файлів зображення визначається певною сукупністю дескрипторів, які описують тип даних, що містяться у файлі, тому вони є складними для декодування. Це також призводить до того, що tiff-файли, створені однією програмою, не завжди можуть читатися іншою програмою або можуть не читатися окремі символи. Файли формату tiff можуть бути стиснені методами RLE, LZW та деякими іншими методами. Тому для розпакування цих архівів потрібні певні програми.

Незважаючи на свою складність, фо¬рмат tiff дозволяє кодувати будь-яке зображення без втрати 

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


3. Формат JPEG (Joint Photographie Experts Group).

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

Імена файлів мають розширення jpg. Глибина кольору 24 біти. Використовуваний метод стиснення JPEG для цього формату має великий коефіцієнт стиснення, але це досягається за рахунок втрати частини інформації. Стиснений

файл може досягати 10% від початкового. Після ро¬зпакування файл може відрізнятися від оригіналу, але ці відмінності
не значні. У процесі форматуван¬ня зображення у форматі JPEG користувач встанов¬лює показник стиснення або показник 

якості зображення. Якість відтвореного зображення визначається коефіцієнтом стиснення: чим більше стиснення, тим більші

втрати і тим нижча якість фотографій. Високий коефіцієнт стиснення викори¬стовується для зображень на веб-сторінках,
тому що вони повинні бути невеликих розмірів, щоб не сповільнювати передачу через Інтернет. Оптимальні показники якості,
які забезпечують кращий баланс між коефіцієнтом стиснення та якістю зображення, різні для різних зображень 

і, звичайно, можуть бути знайдені тільки методом проб і помилок. Зазначимо, що стиснення більш ніж на 90% призводить до помітних артдефектів. Тому стискати більше цього значення неприпустимо. Формат найчастіше використовується для розміщення в Інтернеті повнокольорових зображень. Відзначимо, що GIF, PNG і JPEG є основними графічними растровими форматами Інтернету.


4. Формат PNG (Portable Network Graphics). Розроблений з метою заміни GIF і JPEG-формату. В імені файлу використовується розширення png. Стиснення файлів здійснюється за методом ZIP без втрат якості зображення.

Глибина кольору досягає 48 біт. Формат може використовуватися безкоштовно.
В одному файлі не може зберігатися декілька зображень, тому анімація недоступна 

(розробники запевнюють, що цей недолік є тимчасовим). Формат PNG має спеціальні фільтри попередньої обробки.

Вони значно підвищують ефективність стиснення, особливо для 24-бітних фотографічних зображень з
плавними кольоровими переходами. Однак це призводить до того, що для запису й читання png-файлів 

потрібно більше часу порівняно з іншими форматами. Формат PNG може використовуватися для збереження мастер- копій зображень.


5. Формат BMP. Це формат растрових графічних зображень в ОС Windows.

Підтримується всіма додатками, які працюють у цьому середовищі. 

В імені файла вказується розширення bmp, а інколи — rie. Розширення rie вказує на те,

що виконано стиснення растрової інформації методом RLE, що викорис¬товується для обробки файла формату bmp.
У файлах формату bmp використовується глибина кольору в 1, 4, 8,16 або 24 біти.


6. Формат PCX. Це був перший формат файлів растрової графіки в комп'ютерах IBM PC. В імені файла вказується розширення рсх. Інформація у файлах цього формату може стискуватися за мето¬дом RLE.

Кодування кольору пікселів виконується з глибиною в 1, 4, 8 або 24 біти. Області використання популярного
в минулому формату нині поступово зменшуються. 


7. Формат PSD (PhotoShop Document). Це один із найпотужніших форматів- векторної графіки.

Імена файлів мають розширення psd і є власним форматом програми Adobe Photoshop.
Підтримує 48-розрядне кодування кольору. Недолік формату полягає в тому, що існуючі алгоритми 

не забезпечують високу ступінь стиснення, тому файли виходять великими.


8. Формат PhotoCD. Має розширення pcd. Розро¬блено фірмою Kodak для збереження цифрових растрових

зображень високої якості.


9. Формат WMF (Windows MetaFile). Формат збереження векторних зображень ОС Windows.

Імена файлів мають розширення wmf. Підтримується додатками ОС Windows.


10. Формат EPS (Encapsulated PostScript). Призначений для векторних і растрових зображень мовою PostScript. Імена файлів мають розширення eps. Для відображення на екрані векторного зображення використовується формат WMF,

а растрового — TIFF. Справжнє зображення на виході вихід¬ного пристрою можна отримати після перетворення 

файла у формат PDF або за допомогою спеціальних програм перегляду.


На розмір растрового файла впливає якість малюнка (кількість пікселів по горизонталі та вертикалі) та кількість кольорів.

При монохромному зображенні для кожного пікселя ви¬діляється 1 розряд двійкового коду — 1 біт (0 або 1). 

Якщо використовується палітра в 16 кольорів, потрібні 4 розряди для кожного пікселя (0000, 0001, 0010, 0011, 0100... — 24 = 16), 256 кольорів — 8 розрядів (байт).

24-розрядна палітра дає змогу використовува¬ти 224 = 16 млн кольорів, код кожного пікселя при цьому займає 3 байти.
При збереженні файлів з типами gif, jpeg застосовуються спец¬іальні алгоритми стиснення інформації,
які певним чином погіршують якість зображення.


Інструкція для консультантів


Мета: дати відповідь на запитання: «Які файли (растрові чи векторні) легше редагувати? »


Хід роботи


1. Відкрийте графічний редактор Paint.

2. Намалюйте просте зображення (мал. 1)


Файл:Мал1.jpg


Мал. 1 3. Спробуйте відокремити овал від прямокутника. 4. Спробуйте змінити розмір якоїсь фігури (мал. 2).

Файл:Мал2.jpg


Мал. 2


5. Чи можливо відредагувати растрове зображення?

6. Відкрийте текстовий редактор"Word.

7. Повторіть дії 2—4.

8. Чи можливо відредагувати векторне зображення?

9. Сформулюйте висновок.