Дорогі учні! Сьогодні наш урок буде присвячений захопливій темі - "Інструктаж з БЖД. Створення, редагування і форматування зображень." Ми зануримося у світ комп'ютерної графіки, де ви дізнаєтесь багато цікавого про роботу з зображеннями за допомогою комп'ютера.

Основні теоретичні відомості:

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

• Графічні редактори. Для створення та редагування зображень існують спеціальні програми, які називають графічними редакторами. Прикладами є Paint, GIMP, Adobe Photoshop. Вони дозволяють вам малювати, редагувати та форматувати зображення.

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

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

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

Сьогодні ми дізнаємось більше про ці поняття та навчимося створювати та редагувати зображення. Готуйтеся до захоплюючого і творчого уроку комп'ютерної графіки!

Урок інформатики. 6 клас

Тема: Створення, редагування і форматування зображень у графічному редакторі Krita

(за підручником Й.Я. Ривкінд та ін., § 3.6–3.7)

Вступне слово (3–4 хвилини)

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

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

Актуальність теми та застосування у житті (2 хвилини)

• Створювати листівки, меми, обкладинки для зошитів, аватарки

• Редагувати сімейні фото (прибирати «червоні очі», робити колажі)

• Малювати комікси та персонажів для своїх історій

• Готувати презентації та плакати до шкільних свят

• У майбутньому — професії: дизайнер, ілюстратор, фотограф, SMM-менеджер, гейм-дизайнер

Актуалізація опорних знань (3 хвилини)

1. Яка основна відмінність між растровою і векторною графікою? → Растрова — складається з пікселів, векторна — з математичних об’єктів (ліній, кривих).

2. Які формати зображень ви знаєте? Назвіть хоча б три. → JPEG, PNG, BMP, GIF, TIFF…

3. Який формат підтримує прозорість? → PNG і GIF.

4. Де зберігаються інструменти в графічних редакторах? → Зазвичай на панелі інструментів (Toolbar).

Молодці! На ці знання ми сьогодні спиратимемося.

Основна частина. Теоретичні відомості (8–10 хвилин)

Krita — безкоштовна програма для цифрового малювання та редагування растрових зображень.

Встановлена на всіх шкільних комп’ютерах (локально).

Основні поняття, які ми сьогодні використовуємо:

• Холст (Canvas) — робоча область, як чистий аркуш.

• Шари (Layers) — прозорі плівки, одна над одною. Малюємо на окремих шарах — зручно редагувати.

• Пензлі (Brushes) — різні кисті (олівець, акварель, аерограф).

• Панель інструментів (Toolbar) — ліворуч.

• Панель шарів (Layer Docker) — праворуч.

• Формат збереження проекту в Krita — .kra (зберігає шари), для готової картинки — PNG або JPEG.

Практична робота №8

1. • Тема: Створення, редагування і форматування зображень у Krita

(інструкція українською мовою для шкільних комп’ютерів)

Покрокова інструкція (оновлена повністю українською мовою)

1. Запустіть програму Krita Пуск → Усі програми → Krita → Krita (іконка з синьою кішкою)

2. Створіть новий документ Файл → Створити →

   • Ширина: 1000 пікселів

   • Висота: 1000 пікселів

   • Роздільна здатність: 300 dpi (за замовчуванням) → Натисніть кнопку Створити

3. Перевірте робочу область (якщо чогось немає — увімкніть)

   • Ліворуч має бути Панель інструментів → якщо немає: Налаштування → Панелі → Панель інструментів

   • Праворуч має бути панель Шари → якщо немає: Налаштування → Панелі → Шари

4. Створіть та перейменуйте 3 шари У правій панелі «Шари» натисніть кнопку + три рази Двічі клікніть по назві шару і перейменуйте:

   • Нижній шар → «Фон»

   • Середній шар → «Тіло»

   • Верхній шар → «Деталі»

5. Намалюйте фон

   • Виберіть шар «Фон»

   • Інструмент Заливка (іконка відерця) на лівій панелі

   • Виберіть колір у верхній панелі кольорів

   • Клікніть один раз по холсту — весь фон заллється кольором

6. Намалюйте героя на шарі «Тіло»

   • Виберіть шар «Тіло»

   • Інструмент Пензель (іконка пензлика)

   • У верхній панелі виберіть будь-який пензель, наприклад: Basic-5 Size Hard, Pencil-2, Ink-1 Fine

   • Намалюйте силует героя (голову, тулуб, руки, ноги)

7. Додайте деталі на шарі «Деталі»

   • Виберіть шар «Деталі»

   • Змініть пензель (наприклад, Airbrush Soft, Wet Bristle)

   • Додайте очі, рот, одяг, волосся, аксесуари

8. Додайте підпис (ім’я героя)

   • Інструмент Текст (іконка великої літери А)

   • Клікніть на холст → введіть ім’я героя

   • Виділіть текст → у верхній панелі змініть шрифт, розмір, колір

9. Збережіть проект (.kra — щоб залишити шари) Файл → Зберегти як → Цей ПК → Локальний диск D: → Work → ваша папка з прізвищем → Назва файлу: Герой_Іванов.kra → Зберегти

10. Експортуйте готову картинку у форматі PNG Файл → Експортувати → Формат: PNG → Збережіть у ту саму папку з назвою: Герой_Іванов.png → Експортувати

11. Створіть звіт у Microsoft Word

    • Відкрийте Word

    • Перший рядок: ПРІЗВИЩЕ ІМ’Я 6-А Практична робота №8 (шрифт 28, напівжирний)

    • Далі: Дата уроку Практична робота Тема: Створення зображень у графічному редакторі Krita (шрифт 14)

    • Вставка → Зображення → Цей пристрій → виберіть свій файл Герой_ВашеПрізвище.png

    • Під зображенням напишіть: Автор: Прізвище Ім’я

    • Збережіть: Звіт_Герой_Іванов.docx у ту ж папку

1. • Готово!

Підніміть руку, коли зберегли обидва файли (.kra + .png) і звіт у Word — я перевірю.

Успіхів, мої юні цифрові художники! 🎨

Тест на тему "Інструктаж з БЖД. Створення, редагування і форматування зображень":

Питання 1: Які основні типи зображень на комп'ютері? a) Текстові та числові b) Відео та аудіо c) Растрові та векторні d) Шрифти та фігури

Правильна відповідь: c) Растрові та векторні

Питання 2: Яка програма призначена для редагування графіки? a) Microsoft Word b) Microsoft Excel c) Графічний редактор d) Інтернет-браузер

Правильна відповідь: c) Графічний редактор

Питання 3: Що таке растрове зображення? a) Зображення, побудоване на математичних об'єктах b) Зображення, представлене маленькими кольоровими точками c) Зображення, що може змінювати розмір без втрати якості d) Зображення, створене текстом

Правильна відповідь: b) Зображення, представлене маленькими кольоровими точками

Питання 4: Для чого використовуються графічні редактори? a) Для письма листів b) Для створення і редагування зображень c) Для перегляду фільмів d) Для ведення обліку фінансів

Правильна відповідь: b) Для створення і редагування зображень

Питання 5: Що включає в себе редагування зображень? a) Зміну розміру, вирізання, копіювання b) Введення тексту та створення таблиць c) Відправлення електронних листів d) Ведення бухгалтерського обліку

Правильна відповідь: a) Зміну розміру, вирізання, копіювання

Питання 6: Для чого використовують форматування зображень? a) Додавання тексту та таблиць b) Зміна розміру та кольору c) Оформлення електронних листів d) Перевірка правопису

Правильна відповідь: b) Зміна розміру та кольору

Питання 7: Де широко використовуються комп'ютерні зображення? a) Тільки в англійських книгах b) Тільки в рекламі c) В інтернеті, друкованих матеріалах, медіа-презентаціях і багатьох інших сферах d) Тільки в космосі

Правильна відповідь: c) В інтернеті, друкованих матеріалах, медіа-презентаціях і багатьох інших сферах

Питання 8: Що таке векторне зображення? a) Зображення, побудоване на математичних об'єктах b) Зображення, представлене маленькими кольоровими точками c) Зображення, що може змінювати розмір без втрати якості d) Зображення, створене текстом

Правильна відповідь: a) Зображення, побудоване на математичних об'єктах

Питання 9: Яка програма призначена для створення та редагування векторних зображень? a) Microsoft Word b) Microsoft Excel c) Adobe Illustrator d) Інтернет-браузер

Правильна відповідь: c) Adobe Illustrator

Питання 10: Що таке піксель? a) Текстовий об'єкт у графічних редакторах b) Маленька кольорова точка на растровому зображенні c) Лінія на векторному зображенні d) Основний кольоровий фон на зображенні

Правильна відповідь: b) Маленька кольорова точка на растровому зображенні

Практична робота у класі