Урок 1. Поняття комп’ютерної графіки. Растрові та векторні зображення, їхні властивості. Формати файлів растрових і векторних зображень.
ТИ ДІЗНАЄШСЯ:
що таке комп’ютерна графіка;
як кодуються графічні дані;
у яких форматах можна зберігати графічні файли та в чому їх відмінність.
За матеріалом підручника з інформатики § 1
Комп’ютерна графіка. Поняття комп’ютерної графіки.
Растрові та векторні зображення
перегляньте пояснювальне відео
Вправа для самоперевірки і закріплення матеріалу уроку
перетягніть блоки, в яких зазначені властивості на відповідну половину поля, що відповідають векторному та растровому зображенню.
Для перевірки натисніть синій кружечок в правому нижньму куті поля цієї вправи.
Формати файлів растрових зображень
Формат файла — це набір правил, за якими дані записуються у файл.
Існує багато форматів файлів для запису растрових зображень, що відрізняються розміром файла, способом розміщення даних у файлі, якістю зображення та ін. Розглянемо деякі найпоширеніші растрові формати.
Формат PNG дозволяє зберігати растрові зображення зі стисканням без втрати якості. Залежно від типу він підтримує від 65 536 до понад 4 млрд кольорів, а також прозорість. Формат користується пропулярністю в Інтернеті.
Формат JPG використовується для стиснення графічних даних за рахунок втрати якості зображення: менший файл — нижча якість. Завдяки порівняно невеликим розмірам файлів формат часто застосовується під час роботи з фотографіями та в Інтернеті.
Формат BMP підтримує повну палітру з 16 млн кольорів. Він використовується для зберігання даних без стиснення, тому файли здебільшого мають великий обсяг.
Формат GIF підтримує палітру всього з 256 кольорів, проте дозволяє зберігати прозорість окремих ділянок зображення та анімацію.
Формат TIFF зберігає дані в структурованому вигляді, що дає змогу швидко здійснювати доступ до різних фрагментів великого зображення.
Формати файлів векторих зображень
Існує багато форматів файлів для запису векторних зображень. Розглянемо деякі найпоширеніші векторні формати.
Формат SVG (англ. Scalable Vector Graphics — масштабована векторна графіка) підтримується багатьма програмами, зокрема графічним редактором Inkscape.
Нерідко популярні векторні графічні редактори мають власні формати файлів: наприклад, CorelDRAW — CDR, а Adobe Illustrator — AI та ін.
Проаналізувати § 1, ст. 6-13
Вміти відповісти на питання:
1. Для чого використовується комп’ютерна графіка?
2. Які типи зображень використовуються в комп’ютерній графіці?
3. Які особливості кодування графічних даних?
4. У чому полягають переваги та недоліки растрових і векторних зображень?
5. Що таке графічні примітиви у складі векторного зображення?
6. Графічні файли яких форматів використовують для розміщення на веб-сторінках в Інтернеті?
Урок 2. Векторні зображення в середовищі офісних програм. Особливості побудови й опрацювання векторних зображень.
ТИ ДІЗНАЄШСЯ:
як створювати векторні зображення в середовищі текстового процесора ;
як у середовищі текстового процесора форматувати векторні зображення .
За матеріалом підручника з інформатики § 2
РОБОТА ЗА КОМП'ЮТЕРОМ
Пояснювальне відео "Створення векторного зображення в мередовищі тестового процесора MS Word та додатку Google документи"
ПРАКТИЧНА РОБОТА
Керуючись поясненням в відео, створити векторний малюнок в MS Word або Google докуметах
Пояснювальне відео для виконання практичної роботи
Проаналізувати § 2, ст. 14-20
Відповісти на питання:
Для чого призначені векторні графічні редактори?
За допомогою яких інструментів можна створювати векторні зображення в середовищі текстового процесора?
Які засоби текстового процесора використовують для форматування векторних зображень?
Виконати практичну роботу і результат надіслати на пошту вчителя
aleksraven3@gmail.com
Урок 3. Векторний графічний редактор.
Операції над об’єктами та групами об’єктів.
ТИ ДІЗНАЄШСЯ:
які інструменти містить векторний графічний редактор Inkscape ;
які зміни можна виконувати з векторними зображеннями .
За матеріалом підручника з інформатики § 3
Перше знайомство з векторним графічним редактором Inkscape
ПРАКТИЧНА РОБОТА
ДОМАШНЄ ЗАВДАННЯ
пройти опитування з теми уроку
Проаналізувати § 3, ст. 21-29
Відповісти на питання:
1. Для чого в графічному редакторі використовують лінійки та сітку? Як їх відобразити на екрані?
2. Які графічні примітивиможна використати у векторному графічному редакторі Inkscape для створення зображень?
3. Які способи заливки можна застосувати до об’єктів зображення?
4. За допомогою яких засобів графічного редактора Inkscape можна обертати, відображати й масштабувати об’єкти?
Виконати практичну роботу і результат надіслати на пошту вчителя
aleksraven3@gmail.com
Урок 6. Створення та редагування векторних зображень.
Практична робота №1
Пояснювальне відео до уроку
Творча практична робота на закріплення знань з теми "Створення та редагування векторних зображень".
ТИ НАВЧИШСЯ:
працювати з графічними об’єктами у текстовому документі;
вставляти, групувати, вирівнювати, переміщати, обертати та міняти розмір та положення відносно тексту;
працювати з текстовими документами.
Зображення, які можна використати для практичної роботи.
Шоб скопіювати зображення треба:
1. Навести курсор миші на зображення;
2. Натиснути праву кнопку та обрати пункт контекстного меню "Копировать картинку" або "Копіювати зображення"
3. Перейти в программу, в якій виконуєте практичну роботу (MS Word)
4. В меню "Главная" обрати пункт "Вставить" (треба натиснути маленький чорний трикутник під словом "Вставить" та обрати пункт "Специальная вставка" ) В з'явившомуся діалоговуму вікні обрати пункт Рисунок (PNG).
5. На вкладкі Формат в MS Word обрати пункт "Положение" і властивість "Обтекание текстом", для того щоб можна було переміщувати зображення в будь яке місце створюваємого малюнку, а також змінювати положення слоїв зображення (перемістити на один рівень назад або вперед) .
Урок 8. Растровий графічний редактор.
Засоби графічного редактора Online Photo Editor
ТИ ДІЗНАЄШСЯ:
Які інструменти для виділення фрагмента зображення містить растровий графічний редактор Online Photo Editor.
Як за допомогою інструмента Чарівна паличка можна виділити різнокольорове зображення, яке має білий фон.
Як використовувати інструмент Обрізання. Яких правил при цьому слід дотримуватись.
Як зберегти зображення з прозорим фоном. Який графічний формат при цьому доцільно використати.
За матеріалом підручника з інформатики § 7
натисни посилання для переходу на сайт редактора
Короткий огляд онлайн графічного редактора
pixlr
ПРАКТИЧНА ЧАСТИНА
До дня українського козацтва створіть зображення козаків на осінньому пейзажі.
Перегляньте пояснювальне відео до виконання практичної роботи.
Використайте зображення с сайту.
Проаналізувати § 7, ст. 50-56
Відповісти на питання:
1. Які інструменти для виділення фрагмента зображення містить
растровий графічний редактор Online Photo Editor?
2. Як за допомогою інструмента Чарівна паличка можна виділити різнокольорове зображення, яке має фон?
3. Як зберегти зображення? Який графічний формат при цьому доцільно використати?
4. Які інструменти містить растровий графічний редактор Online Photo Editor для створення зображень, а які — для їх змінювання?
Керуючись поясненнями в відео, виконати практичну роботу і результат надіслати на пошту вчителя
aleksraven3@gmail.com
Урок 9. Створення та редагування векторних та растрових зображень.
Практична робота №2
Мета уроку:
навчальна: удосконалити практичні навички створення складених векторних та растрових зображень в середовищі графічного редактора; опрацьовувати багатошарові зображення; додати текстові написи до зображення;
розвивальна: розвивати дослідницькі навички, інформаційну культуру учнів;
виховна: виховувати уважність та відповідальність, бажання мати глибокі та якісні знання.