Тема: Комп'ютерна графіка. Системи   опрацювання  графічної  інформації.

Типи графічних файлів. Графічний редактор і його призначення. Система вказівок графічного редактора.

Мета: Розглянути поняття "комп'ютерна графіка", "графічні редактори", "фоторедактори". Виявити відмінності між векторними та растровими зображеннями. Ознайомити учнів з форматами збереження графічних зображень.

Хід уроку

1.        Організаційний етап. Мотивація навчальної діяльності.

Ви починаєте вивчати нову тему — 'Трафічний редактор". Дана тема розрахована на 4 години. Під час вивчення теми ви отримаєте відповіді на питання:

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

А також навчитесь працювати в середовищі графічного редактора, створювати, редагувати графічні зображення.

Тематичне оцінювання буде проведено у вигляді усного заліку та практичної роботи.

2.        Оголошення теми, мети уроку.

3.        Вивчення нового матеріалу.
Постановка проблежного питання.

- Чим відрізняеться комп'ютерна графіка від звичайної?

Під терміном "графіка" звичайно розуміють візуальне (те, що сприй-маеться зором) зображення будь-яких реальних або уявних об'ектів. Чи малюе художник пейзаж, чи креслить конструктор креслення, чи малюе дитина на асфальті — усе це процеси створення графіки. Особливе місце в роботі з зображеннями посідае комп'ютерна графіка.

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

Для будь-якої графіки можна виділити процеси її створення і візуалі-зації. У разі традиційної графіки (декоративного розпису, ескізів, креслень тощо) ці процеси збігаються у часі. Справді, художник або кресляр відразу бачать результати своєї праці. Інша ситуація в комп'ютерній графіці. Створені зображення можуть зберігатися невизначений час у вигляді файлів на носіях. Візуалізуються вони тоді, коли дані з файлів надходять на пристрої виведення: монітор або принтер.

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

Растрові зображення

Нагадаємо, що для відтворення зображення на пристрої виведення зо-браження розбивається на точки - пікселі. Наочним прикладом цього е фо-рмування зображення на екрані монітора. Пікселі впорядковані по ряд-ках, a набір рядків утворюе растр. За аналогією з формуванням зображен-ня на екрані монітора будь-яке зображення, побудоване на основі растра, називають растровим.

Растровим зображення - це набір пікселів, тобто кольорових точок, розташованих на правильній сітці.

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

Важливою характеристикою растра е його роздільна здатність, тобто кі-лькість пікселів на одиницю довжини. Значення роздільної здатності зви-чайно записуеться в одиницях dpi. Роздільна здатність екранного зобра-ження звичайно становить 72 або 96 dpi, відбитка лазерного принтера -600 dpi.

Джерелом растрових даних е також спеціальні пристрої введення: ска-нери, відеокамери, цифрові фотоапарати.

Кількість графічної інформації

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

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

V = dWH, де d - глибина кольору (у бітах), W і Н - відповідно ширина і висота зображення, виражені в пікселях.

Якщо зображення потрібно вивести не на екран, а на лазерний принтер або поліграфічну машину (для друкування обкладинки книжки), дово-диться збільшувати роздільну здатність зображення до 300 dpi і вище. 06-сяг графічної інформації при цьому істотно зростає. Так, для зображення розміром 28x21 см, що мае роздільну здатність 300 dpi, кількість інформа-ції становить приблизно 24 Мб.

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

Векторні зображення

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

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

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

• Чому даний тип зображень називають векторним?

• Що називаеться вектором в математиці? ( вектор - це відрізок прямої, що мае довжину і напрямок).

У комп'ютерній графіці термін "вектор" мае дещо інший зміст. Він означае частину лінії (сегмент), що задаеться ключовими точками. Отже, файли векторних зображень містять не піксельні значення, а математичні описи елементів зображень. За цими описами відбуваеться візуалізація зо-бражень у пристроях виведення.

Формати графічних файлів

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

Растрові формати. Це формати, які використовуються для збереження растрових зображень. Вони найбільш придатні для запису графічних да-них, які отримані з пристроїв введення. Найпоширеніші растрові формати: BMP (скорочення від Bit Map Picture), PCX, TIFF, GIF, JPG, PNG.

Векторні формати. Корисні для збереження лінійних елементів (пря-мих, кривих, багатокутників), різних геометричних фігур, тексту. Прикла-дами найбільш поширених векторних форматів е CDR (формат файлів ве-кторного редактора CorelDRAW), DXF (файли пакета інженерної графіки AutoCAD).

Метафайлові формати. Відмінність цього формату від попередніх по-лягае у тому, що він може зберігати як растрові, так і векторні дані. Мета-файли звичайно використовуються для перенесення зображень між різни-ми додатками і комп'ютерними платформами (IBM PC і Mac). Популярни-ми метафайловими форматами е WPG, CGM.

Графічні редактори

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

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

Графічний редактор дозволяе створені зображення записувати у файл, а також посилати зображення на пристрій виведення. Для роботи з раст-ровими (точковими) зображеннями існують растрові редактори (Adobe Photoshop, Corel PhotoPaint, Microsoft Paint), a для роботи з векторними зображеннями - векторні редактори (CorelDRAW, Adobe Illustrator, XaraJ.

4.        Практичне завдання. Інструктаж з техніки безпеки.
Запуск та перегляд інтерфейсу встановлених графічних редакторів

(на вибір вчителя).

5.        Осмислення вивченого матеріалу.

Опитування:

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

1. 8.        Назвіть відомі вам графічні редактори.
   

6.        Домашне завдання:

Тема: Графічний редактор і його призначення. Робота з графічними файлами. Система вказівок графічного редактора.

Мета: Вивчити інтерфейс графічного редактора Paint та основні правила роботи в ньому.

Хід уроку

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

Інтелектуальна розминка:

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

8.        Назвіть відомі вам графічні редактори.

2. Оголошення теми, мети, завдань уроку.
3. Вивчення нового матеріалу. Пояснення вчителя.

Paint - це растровий редактор, що створюе зображення у вигляді набо-ру пікселів. Малюнки, створені редактором Paint, називають растровими, або точковими. Редактор Paint дозволяе створювати за допомогою "миші" чорно-білі і кольорові малюнки. Інструментами редактора можна створю-вати контури і виконувати заливку кольором, малювати прямі і криві лі-нії, імітувати малювання олівцем і пензлем, вирізати, копіювати і встав-ляти різні фрагменти зображення, тощо.

Середовище графічного редактора

Запуск програми Paint здійснюеться натисканням на кнопку Пуск на панелі задач і вибором команди Программм - Стандартнме - Paint. Після запуску відкриваеться головне вікно редактора.

Вікно редактора Paint містить елементи, звичайні для вікон Windows-додатків: заголовок, кнопки керування вікном, рядок меню, робочу ділян-ку, смуги прокручування, рядок статусу й обрамлення. Крім цього, у вікні Paint розміщені елементи, властиві саме графічним редакторам, - панель інструментів і палітра.

Панель інструментів у лівій частині вікна містить 16 кнопок-піктограм. Призначення кожної кнопки можна прочитати на спливаючій підказці, що з'являеться при наведенні на неї покажчика миші.

Інструменти :

Виділення довільної ділянки

Резинка

Вибір кольору

Олівець

Розпилювач

Пряма лінія

Прямокутник J^

Овал

Виділення прямокутної ділянки

Заливка

Масштаб

Пензлик

Напис (текст)

Крива лінія

°|   Округлений прямокутник

Багатокут ник

Вибір потрібного інструмента здійснюеться шляхом наведення марке-ра “миші" на потрібний інструмент і натисканням лівої клавіші “миші". Всіінструменти можна поділити на декілька груп:

Після вибору інструмента маркер “миші" наводять на потрібну точ-ку робочої області і натискають ліву клавішу, вибір кольору здійсню-еться аналогічно.

-        група 2

Маркер миші наводять на потрібну точку робочої області і натис-кають ліву клавішу, утримуючи її переводять маркер “миші" в сторону для отримання потрібного зображення.

-        група 3

До ціеї групи можна віднести: криву лінію, багатокутник.

Крива лінія малюеться в три етапи: спочатку проводять відрізок прямої. А потім цей відрізок два рази викривляють. Багатокутник малюеться по сторонах. Контур замикають протягуван-ням маркера до початкової точки.

Збереження, відкриття та друк малюнків здійснюеться через пункт го-ловного меню - Файл.

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

Основний колір обирається клацанням лівої кнопки миші по одному з квадратів колірної палітри, а колір фону - клацанням правої кнопки.

4. Практичне завдання Інструктаж з техніки безпеки. Створення растрового малюнка «Береза» за зразком

Тема: Створення, редагування, збереження гра-фічних зображень в середовищі графічно-го редактора.

Мета: Оволодіння навичками створення зображення з застосуванням графічного редактора Paint. Удосконалення навичок роботи з файлами в се-редовищі Windows.

Хід уроку

1.        Організаційний етап

Повторення призначення основних елементів робочого екрана і спосо-бів створення малюнків у середовищі графічного редактора (усне опиту-вання).

2. Оголошення теми, мети і завдань уроку.
3. Формування практичних вмінь і навичок. Практпичне завдання. Інструктаж з техніки безпеки. Створення малюнка.

1. За запропонованим зразком намалювати малюнок, використовуючи ін-струменти:

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

Бліц - опитування.

1. Який тип побудови зображення застосовується в редакторі Paint? Обґрунтуйте відповідь.
2. Назвіть основні елементи робочого екрана графічного редактора і їх призначення.
3. У чому різниця в застосуванні  команд  Сохранить і  Сохранить как...?
4. 3 якою метою при роботі в редакторі використовуються клавіші Shift і Ctrl? До чого це призводить?
5. У чому відмінність обирання кольору в палітрі правою і лівою кла-вішею?
6. У чому відмінність малювання пензликом від малювання олівцем в графічному редакторі?
7. Які формати файлів підтримуе редактор Paint?

5. Домаіпне завдання