Растрові та векторні зображення, їхні властивості

Розробка уроку

Викладач: Вельможна О. П.

Тема: Растрові та векторні зображення, їхні властивості
Тип уроку: Комбінований (вивчення нового матеріалу з елементами практики)
Тривалість: 45 хвилин
Інструменти: Canva, Google Images, Bing Image Creator, Adobe Firefly або DALL·E (генерація зображень ШІ)

Мета уроку

Навчальна:

• Ознайомити учнів із поняттями растрової та векторної графіки, їхніми властивостями й відмінностями.
• Показати практичне застосування ШІ для створення зображень.

Розвивальна:

• Розвивати логічне мислення, креативність, уміння порівнювати та аналізувати.
• Формувати цифрову грамотність та навички безпечного використання ШІ.

Виховна:

• Виховувати естетичний смак, інтерес до сучасних технологій.

Обладнання

• Комп’ютери з доступом до Інтернету
• Програми: Paint, Inkscape, Canva або інше середовище для графіки
• Онлайн-інструмент ШІ для створення зображень

Хід уроку

1. Організаційний момент (2–3 хв)

• Привітання, перевірка готовності до уроку.
• Мотивація: “Чи замислювалися ви, як створюють логотипи, постери або зображення для ігор?”

Логотипи, постери  та зображення для ігор створюють за допомогою графічних редакторів, які пропонують шаблони та інструменти для дизайну. Спочатку визначають стиль та концепцію, а потім використовують шаблони або створюють дизайн з нуля, редагуючи кольори, шрифти та додаючи елементи. Готовий дизайн можна завантажити у відповідних форматах (PNG, JPG, GIF) або поділитися ним безпосередньо з платформи. 

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

Логотип «обличчя бренду» - це графічний символ, текст або їхнє поєднання, що представляє компанію, бренд, продукт або особу, роблячи їх упізнаваними. 

2. Актуалізація знань (5 хв)

• Фронтальне опитування:
  • Що таке графічне зображення?
  • Які формати зображень ви знаєте?
  • Де ми зустрічаємо цифрові картинки?

3. Вивчення нового матеріалу (15 хв)

Пояснення вчителя з презентацією та відео https://www.youtube.com/watch?v=P5fZyxQ8C_w (6 хв)

Використання ШІ:
- Пояснити, як штучний інтелект створює зображення.
- Показати, як за допомогою ШІ можна створити растрове або векторне зображення (наприклад, логотип чи пейзаж).

Як штучний інтелект створює зображення не з пікселів, а за описом (prompt)

1. Штучний інтелект (ШІ) не малює зображення вручну і не складає його з пікселів, як це робить людина у графічному редакторі.
2. Замість цього він аналізує текстовий запит (prompt) — наприклад:
   "A sunny landscape with mountains, a river, and green trees"
3. Модель ШІ перетворює цей опис на набір числових даних, що відповідають кольорам, формам, об’єктам і просторовим зв’язкам.
4. Далі ШІ генерує нове зображення, яке візуально відповідає опису, використовуючи математичні обчислення і попередньо навчений досвід (мільйони прикладів зображень).
5. Такий процес називається генеративною нейромережею (Generative AI) — вона «вигадує» нову картинку з нуля, а не копіює вже існуючу.

Промпт (від англ. prompt) — це текстовий запит, інструкція або запитання, яке користувач надає штучному інтелекту (ШІ) для отримання бажаного результату, наприклад, для генерації тексту, створення зображення, перекладу або відповіді на запитання. Чим чіткіше та детальніше сформульовано промпт, тим кращим буде результат, який надасть ШІ. 

Як створити растрове або векторне зображення за допомогою ШІ