Вебквест:

Комп'ютерна графіка

30.10.2025
0 0
10 Клас, 11 Клас, 12 Клас, I курс, II курс, III курс, Дорослі
2 рівнів
13 підказок
Час виконання: 30 хвилин

50

122

0

8

Вміст вебквесту:
Налаштування гри

Час за який потрібно виконати всі завдання: 30 хвилин

Реакція об'єктів при наведенні: Всі об'єкти неактивні, при наведенні жодним чином не виказують себе

Додано власні фрази, якщо підказка за об'єктом відсутня

Привітання на початку гри (показується учням)

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

Твоя місія — пройти два рівні квесту:

  1. “Пікселі та фарби” — дізнайся, як створюються растрові зображення, віднови пошкоджене фото, згадай кольорові моделі та формати файлів.

  2. “Майстри лінії” — опануй векторну графіку, створи логотип і зрозумій, чому вона не втрачає якості при масштабуванні.

На кожному рівні тебе чекають підказки, завдання й сюжетні ситуації.
Твоє завдання — знайти потрібні об’єкти на зображенні, прочитати історію й правильно відповісти на запитання.

🔍 Будь уважним — кожна річ на робочому столі може виявитися ключем до наступної підказки!
🎧 Увімкни улюблену музику, візьми чашку кави — і поринь у світ цифрової творчості.

Чи готовий ти стати справжнім графічним чарівником?
Тоді вперед — натисни на перший об’єкт і почни свій шлях! 🚀

Рівень №1 — Пікселі та фарби переглянути шаблон

Цей рівень містить 10 інтерактивних об'єктів:

1 вихід.

9 сповіщень з введенням відповіді.

Інтерактивні об’єкти на цьому рівні:

Мітка №1/10 Навушники  Вихід з рівня  Потрібно знайти і відкрити всі підказки (з відповідями і без відповідей)
Повідомлення перед виконанням умов виходу з рівня:

Увімкнувши улюблену мелодію, ти помічаєш, що кольори ніби танцюють під музику.

Питання:
Як мультимедійна графіка поєднує звук і зображення?

Правильні варіанти ключа:
анімація Анімація відео Відео Презентація презентація
Фінальне повідомлення:

Мелодія стихає, і ти переходиш у світ ліній та форм — у векторний вимір.

Мітка №2/10 Графічний планшет Завдання з відповіддю
Завдання:

Перед тобою інструмент, який замінює звичайний папір і олівець.
Коли береш перо до рук — починається справжня магія цифрового малювання!Питання:
Як називається найменший елемент растрового зображення?

Правильні варіанти відповіді:
піксель Піксель ПІКСЕЛЬ
Відповідь на завдання:

Екран ніби ожив, і ти бачиш, як тисячі маленьких пікселів утворюють справжню картину.

Мітка №3/10 Монітор Завдання з відповіддю
Завдання:

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

Питання:
Як називається характеристика, що визначає кількість пікселів на одиницю довжини?

Правильні варіанти відповіді:
Роздільна здатність Роздільна здатність зображення
Відповідь на завдання:

Ти змінюєш параметри — і картинка стає різкою, немов погляд художника після натхнення.

Мітка №4/10 Мишка Завдання з відповіддю
Завдання:

Ти натискаєш на панель інструментів і бачиш десятки функцій: пензлі, фільтри, текстури…

Питання:
Які параметри впливають на якість растрових зображень?

Правильні варіанти відповіді:
Роздільна здатність Формат Кількість кольорів
Відповідь на завдання:

Курсор оживає, і нові можливості відкриваються перед тобою.

Мітка №5/10 Пензлик Завдання з відповіддю
Завдання:

У твоїй руці — пензель. Кожен рух залишає слід на екрані, немов на полотні.

Питання:
Які графічні редактори найчастіше використовують для роботи з фото?

Правильні варіанти відповіді:
Photoshop GIMP Pixlr
Відповідь на завдання:

Барви оживають, і ти бачиш знайомий інтерфейс редактора.

Мітка №6/10 Фарба 5 Завдання з відповіддю
Завдання:

Ти відкриваєш палітру кольорів — сотні відтінків! Але чому деякі з них виглядають тьмяно на принтері?

Питання:
Які колірні моделі використовуються для екранів і друку?

Правильні варіанти відповіді:
RGB CMYK rgb
Відповідь на завдання:

Екран змінює відтінки, і ти розумієш, наскільки різний світ кольору в моніторах і поліграфії.

Мітка №7/10 Блокнот Завдання з відповіддю
Завдання:

На сторінках — старі ескізи логотипів. Один із них потрібно оцифрувати.

Питання:
Які переваги має растрова графіка?

Правильні варіанти відповіді:
реальність Реальність Деталізація деталізація
Відповідь на завдання:

Твої ескізи перетворюються на кольорові ілюстрації!

Мітка №8/10 Папірець Завдання з відповіддю
Завдання:

На зім’ятому аркуші плями та подряпини. Твоє завдання — відновити фото.

Питання:
Які недоліки має растрова графіка?

Правильні варіанти відповіді:
великий розмір файлу Великий розмір файлу втрата якості при збільшенні Втрата якості при збільшенні втрата якості
Відповідь на завдання:

Фото блищить, ніби нове — минуле повернуло свій колір.

Мітка №9/10 Кава Завдання з відповіддю
Завдання:

Кава дала заряд бадьорості, проте зловживати нею не слід!

Питання:
Векторна ... — це створення зображень у комп’ютерній графіці з сукупності геометричних примітивів.

Правильні варіанти відповіді:
графіка Графіка
Відповідь на завдання:

Так, це векторна графіка — і вона стане темою наступного рівня.

Мітка №10/10 Телефон Завдання з відповіддю
Завдання:

На екрані — знайомі іконки форматів. Який вибрати для збереження фото без втрат?

Питання:
Які формати файлів зберігають растрові зображення?

Правильні варіанти відповіді:
JPEG jpeg PNG png
Відповідь на завдання:

Зображення збережено без спотворень — можна переходити далі!

Рівень №2 — Майстри ліній переглянути шаблон

Цей рівень містить 5 інтерактивних об'єктів:

1 вихід.

4 сповіщення з введенням відповіді.

Інтерактивні об’єкти на цьому рівні:

Мітка №1/5 Monitor  Вихід з рівня  Потрібно знайти і відкрити всі підказки (з відповідями і без відповідей)
Повідомлення перед виконанням умов виходу з рівня:

На екрані з’являється завершене зображення — ілюстрація нового бренду.

Питання:
Де сьогодні використовують векторну графіку?

Правильні варіанти ключа:
Реклама реклама Поліграфія поліграфія веб-дизайн Веб-дизайн
Фінальне повідомлення:

Екран спалахує, і перед тобою — логотип твоєї команди. Квест завершено! 🎉

Мітка №2/5 Pen Завдання з відповіддю
Завдання:

У твоїй руці — олівець, перший крок до нового логотипу.

Питання:
Що таке векторне зображення?

Правильні варіанти відповіді:
зображення з ліній і форм математична модель геометричне зображення Геометричне зображення
Відповідь на завдання:

Олівець оживає, і ти бачиш, як народжується логотип.

Мітка №3/5 Keyboard Завдання з відповіддю
Завдання:

На клавіатурі блимають комбінації швидких команд — “Ctrl+Z”, “Ctrl+S”.

Питання:
Які формати використовуються для збереження векторних файлів?

Правильні варіанти відповіді:
SVG svg AI ai EPS eps
Відповідь на завдання:

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

Мітка №4/5 Pen 1 Завдання з відповіддю
Завдання:

Ти береш маркер і створюєш плавні контури персонажа.

Питання:
Що таке крива Безьє?

Правильні варіанти відповіді:
математична крива лінія у векторній графіці Лінія у векторній графіці
Відповідь на завдання:

Контури персонажа стають ідеально гладкими.

Мітка №5/5 Paper 4 Завдання з відповіддю
Завдання:

Точність — запорука краси. Без плану не створиш симетрії.

Питання:
Які примітиви лежать в основі векторної графіки?

Правильні варіанти відповіді:
лінії Лінії Кола кола багатокутники Багатокутники
Відповідь на завдання:

Прямі та криві з’єднуються в гармонійний малюнок.

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

Сподобався:

0

Так: 0

Ні: 0

Зрозумілий:

0

Так: 0

Ні: 0

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

0

Ні: 0

Так: 0

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

Комп'ютерна мережа

Комп'ютерна мережа

323

Аватар профіля Злата Сергіївна
Інформатика
4—5 клас

35 грн

Комп'ютерні презентації. Текстовий редактор

Комп'ютерні презентації. Текстовий редактор

526

Аватар профіля Балюк-Дмітрієва Олена Миколаївна
Інформатика
6 клас

31 грн

Інформатика. Інформація. ІС. Комп'ютерне моделювання

Інформатика. Інформація. ІС. Комп'ютерне моделювання

438

Аватар профіля Скакун Олександра Юріївна
Інформатика
10 клас та I курс

30 грн

Функції. Властивості функції. Перетворення графіків функцій.

Функції. Властивості функції. Перетворення графіків функцій.

81

Аватар профіля Кургузкіна Юлія Анатоліївна
Алгебра
9 клас

35 грн

"Інструкція з безпеки життєдіяльності учнів під час проведення занять в кабінеті інформатики"

 "Інструкція з безпеки життєдіяльності учнів під час проведення занять в кабінеті інформатики"

832

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

25 грн

Кібердетективи: розкрий злочин

Кібердетективи: розкрий злочин

335

Аватар профіля Пархомчук Вадим Олександрович
Інформатика
5—11 клас

100 грн

Схожі вебквести

Мандрівка просторами Інтернету

Мандрівка просторами Інтернету

1806

Аватар профіля Матушкіна Пелагія Іванівна
Інформатика
I курс

Склад системного блоку

Склад системного блоку

1279

Аватар профіля Косован Василь Михайлович
Інформатика
5 клас

Складові комп'ютера та їх призначення

Складові комп'ютера та їх призначення

622

Аватар профіля Шинкаренко Ірина Юріївна
Інформатика
4 клас

Блукання по системному блоці))

Блукання по системному блоці))

704

Аватар профіля Косован Василь Михайлович
Інформатика
5 клас

Інформація

Інформація

296

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

Комп'ютерна графіка

Комп'ютерна графіка

1244

Аватар профіля Святослав Чуйко Віталійович
Інформатика
6 клас