Урок:

Формати файлів растрових і векторних зображень. Багатошарові зображення, розміщення об’єктів у шарах"

08.05.2025
0 0
Вміст уроку:
1
2
3
4
5
6
7

Урок не містить жодного завдання. Додайте завдання.

Щоб додати завдання, оберіть категорію завдання на панелі запитань.

1

Тема:

Формати файлів растрових і векторних зображень.
Багатошарові зображення. Розміщення об’єктів у шарах.

🔹 Тип заняття: практична робота
🔹 Клас: 5
🔹 Рівень: початкове ознайомлення
🔹 Програма: малювання у середовищі Photopea

https://www.photopea.com/

або Pixlr,

https://www.photopea.com/

або прості аналоги (наприклад, Tux Paint, Paint.NET)

повторимо

https://wordwall.net/play/25290/753/672

2

Мета завдання:

  • Познайомити учнів із поняттями растрове / векторне зображення

  • Навчити працювати з шарами

  • Навчити зберігати зображення у різних форматах (наприклад: JPG, PNG, SVG, PSD)

3

3 з 12 балів

ПРАКТИЧНЕ ЗАВДАННЯ

✏️ Завдання:

Створи власний багатошаровий малюнок «Літній пейзаж», де кожен об'єкт буде на окремому шарі. Потім збережи зображення у двох різних форматах:

  1. PNG (растровий)

  2. PSD (з підтримкою шарів)

редактор Photopea

https://www.photopea.com/

або редактор

Pixlr,

https://www.photopea.com/

4

3 з 12 балів

Покрокова інструкція (із поясненням):

🔹 Крок 1: Відкрий програму

  • Відкрий Photopea.com або Paint.NET або https://www.photopea.com/

  • Створи новий файл

    • Натисни File → New (Файл → Створити).

    • Обери розмір: 800 × 600 пікселів.

    • Назви файл litniy_peyzazh.

5

3 з 12 балів

Крок 3: Додай фоновий шар

  • Залий фон блакитним — це буде небо.


🔹 Крок 4: Додай нові шари та малюй

  • Натисни + Layer (Додати шар).

  • Кожен новий об’єкт — на окремому шарі:

    • Шар 2 — сонце (жовтий круг)

    • Шар 3 — трава (зелена лінія знизу)

    • Шар 4 — дерево (коричневий стовбур і зелена крона)

    • Шар 5 — хмаринки (білі овали)

6

Крок 5: Збережи роботу

  1. Збережи зображення у PNG — растровий формат без шарів:
    File → Export as → PNG

  2. Збережи також у PSD — формат з шарами:
    File → Save as PSD

7

3 з 12 балів

Контрольні запитання (для обговорення):

  1. Яка різниця між PNG і PSD?

  2. Чому зручно працювати з шарами?

  3. Який формат використовують для логотипів і чому? (Підказка: SVG — векторний)

Рефлексія від 2 учнів

Сподобався:

0

Так: 2

Ні: 0

Зрозумілий:

0

Так: 2

Ні: 0

Потрібні роз'яснення:

0

Ні: 2

Так: 0

Рекомендуємо

Багатошарові зображення, розміщення об’єктів у шарах

Багатошарові зображення, розміщення об’єктів у шарах

345

Аватар профіля Лизько Валентина Степанівна
Інформатика
7 клас

35 грн

Поняття комп’ютерної графіки. Растрові зображення, їх властивості. Формати файлів растрових зображень

Поняття комп’ютерної графіки. Растрові зображення, їх властивості. Формати файлів растрових зображень

250

Аватар профіля Губчик Вероніка Григорівна
Інформатика
8 клас

33 грн

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

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

411

Аватар профіля Губчик Вероніка Григорівна
Інформатика
8 клас

33 грн

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

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

219

Аватар профіля Киреєва Оксана Анатоліївна
Інформатика
8 клас

50 грн

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

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

263

Аватар профіля Киреєва Оксана Анатоліївна
Інформатика
8 клас

50 грн

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

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

464

Аватар профіля Лизько Валентина Степанівна
Інформатика
9 клас

30 грн

Схожі уроки

Впорядкування, пошук і фільтрування даних.

Впорядкування, пошук і фільтрування даних.

1314

Аватар профіля Вожга Ірина Леонідівна
Інформатика
9 клас

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

Створення й уведення структури таблиць. Поняття таблиці, поля, запису. Створення таблиць, означення полів і ключів у середовищі СКБД. Властивості полів, типи даних.

1140

Аватар профіля Савка-Ржематорська Оксана Василівна
Інформатика
9 клас

Цикли з передумовою у вкладених циклах

Цикли з передумовою у вкладених циклах

1367

Аватар профіля Вожга Ірина Леонідівна
Інформатика
6 клас

Налаштування часових параметрів аудіо- та відеоряду.

Налаштування часових параметрів аудіо- та відеоряду.

511

Аватар профіля Солодовнікова Катерина Олексіївна
Інформатика
8 клас

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

Елемент керування «кнопка». Поняття об’єкту та його властивостей і методів (на прикладі елементів екранної форми). Властивості і методи елементів керування.

668

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас

Елемент керування кнопка

Елемент керування кнопка

297

Аватар профіля Пилипенко Олена Володимирівна
Інформатика
8 клас