Сьогодні о 18:00
Вебінар:
«
Освітні втрати: від діагностики до системних рішень: практичний навігатор за моделлю ДСЯО
»
Взяти участь Всі події
Урок:

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

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

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

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

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

380

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

35 грн

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

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

275

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

33 грн

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

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

462

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

33 грн

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

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

253

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

50 грн

Графічні зображення в текстовому документі

Графічні зображення в текстовому документі

20

Аватар профіля Кутенський Василь Григорович
Інформатика
6 клас

166 грн

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

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

316

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

50 грн

Схожі уроки

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

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

1365

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

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

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

1222

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

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

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

1418

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

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

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

550

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

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

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

708

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

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

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

350

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