Сьогодні о 18:00
Вебінар:
«
Арттерапевтична валіза педагога: готові вправи для літа
»
Взяти участь Всі події
Вебквест:

Графічний дизайн та компютерна графіка

08.12.2023
2 0
10 Клас, 11 Клас
1 рівнів
14 підказок
Час виконання: 90 хвилин

586

913

0

29

Опис вебквесту (учням цей опис не показується):

Мета квесту забезпечити засвоєння знань про поняття «графіка», «графічний дизайн»,«цифрове мистецтво», «реклама», «фірмовий стиль»та «візуальна комунікація».

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

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

Доступна загальна кількість невдалих спроб введення ключа: 10 разів

По завершенню гри буде видано сертифікат

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

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

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

050190hg-baea-155x113.png Всім дорослим і не дуже, відомо, як маленькі діти люблять малювати. Що характерно, їм взагалі не принципово чим малювати і на якій поверхні.

Головне – творчість. З часом ці вподобання зникають, але іноді ця пристрасть проходить через все життя. Хтось стає художником, хтось знаходить себе в споріднених професіях(вчитель малювання, архітектор, майстер татуювання ). Де-хто виходить на новий рівень – стає ілюстратором, веб-дизайнером, графічним дизайнером.

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

Уяви себе на місці сучасного IT-ілюстратора, відчуй себе творцем та художником.

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

Рівень №1 — Робочі будні графічного дизайнера переглянути шаблон

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

1 вихід.

3 сповіщення.

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

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

Мітка №1/15 Рука з стилосом  Вихід з рівня  Щоб вийти потрібен ключ
Повідомлення перед введенням ключа:

Я вже відчуваю запах перемоги… Залишилось зовсім небагато, скористатись дешифратором та ввести кодове слово. Нагадую, що цифру ключ для дишифратора ти отримав від кактуса, сподівають не забув записати?

А тепер уважно прочитай як правильно ним користуватись та пройди за посиланням нижче.

Спочатку в середину кола впишіть цифру-ключ - колеса дешифратора здвинуться. На жовтому колі шифратора знайдені літери будуть відповідати закодованому слові на синьому колі.

Якщо ти маєш вже всі літери підказки і цифровий ключ - переходь за посиланням дешифратора.

Правильні варіанти ключа:
Айдентика айдентика
Повідомлення після введення ключа:

Ну ось і все! Ти пройшов чимало - став на одну годину справжнім графічним дизайнером, трішки побув археологом та істориком, спробував себе в якості дешифратора. Твої знання та кмітливість дозволили тобі знайти всі підказки та знайти вихід.

Ми пройшли цей шлях разом, сподіваюся тобі сподобалося проходити всі рівні так само, як мені їх створювати. Пишаюся тебе навчати!

060001rt-3013-472x253.png

Мітка №2/15 Кава Повідомлення при кліку
Повідомлення при кліку на об'єкт:

Вітаю, друже! Сьогодні вдача на твоєму боці, але щоб 050190uw-7b41-79x79.pngзавершити веб квест, тобі потрібен ключ.

050190w7-0adf-47x56.pngЩоб відгадати слово ключ потрібно скористатись шифратором.

Шифратор має окремий цифровий ключ для оберту кіл. 060002db-4f9e-97x114.pngЦей ключ тобі теж необхідно знайти, розгадавши загадку. «Він має чимало колючок, збирає негативну енергію. Особливо тоді, коли ти на нього несподівано сідаєш ...»

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

А тепер наступна підказка!

Комп’ютерна графіка нині стала невід’ємною частиною майже будь-якої галузі людської діяльності. Навіть не 050192mt-bcec-205x120.pngберучи до уваги кінематограф та мультиплікацію, можна пригадати безліч напрямків використання графіки: в медицині використовується для моделювання протезів та для полегшення операцій, в будівництві та конструюванні для побудови правильних об’ємних моделей, при проектуванні мостів, літаків, автомобілів тощо, історики використовують комп’ютерну графіку для відновлення подій.

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

Агов, чуєш дзвін? Мершій за наступною підказкою!

Відповідь на завдання:

Ну ось і все! Ти пройшов чимало - став на одну годину справжнім графічним дизайнером, трішки побув археологом та істориком, спробував себе в якості дешифратора.

Твої знання та кмітливість дозволили тобі знайти всі підказки та знайти вихід. Ми пройшли цей шлях разом, сподіваюся тобі сподобалося проходити всі рівні так само, як мені їх створювати.

Пишаюся тебе навчати!

050192th-f666-499x332.png

Мітка №3/15 Кактус Повідомлення при кліку
Повідомлення при кліку на об'єкт:

Вітаю з першою перемогою! Ключ для шифратора – цифра 13. 05019362-ee6c-119x119.png

Знаю, знаю… Число для справжніх «щасливчиків», але хто казав, що буде легко. Тепер відшукай всі літери, я в тебе вірю!

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

Графіку можна вважати основою всіх образотворчих мистецтв. Адже основним засобом створення художнього образу у графіці виступає найпростіший для людини спосіб відтворення побаченого — лінія, штрих, які творять контур предмету або фігури. Малюнок — це найдавніший вид графіки. З епохи Відродження малюнок набуває самостійного значення у формі ескізів, альбомних замальовок, етюдів, які виконуються із застосуванням багатьох засобів.

Завдання! Яку назву має м'який червоний або050193q0-02e1-184x74.jpg червоно-брунатний (перев. мінеральний) олівець без оправи, який використовують у живописі?

0501v2sj-882e-940x259.png

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

0501a8mi-1664-121x76.jpgБраво! Ти впевнено користуєшся мережею Інтернет. Це насправді Сангіна.

Перша літера підказка - Й. Хапай аркуш та ручку, записуй, поки не забув.

Ми не в минулому столітті, тому знайди сучасний засіб малювання. Він буває чорно-білий, кольоровий, його легко витерти гумкою.

Мітка №5/15 Гумка Завдання з відповіддю
Завдання:

Відчувається, що ти часто нею користуєшся. Зізнавайся, підправляв колись оцінки в школі гумкою?

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

0501v2xc-a72d-726x232.png

Правильна відповідь:
Ілюстрація
Відповідь на завдання:

Все вірно, це Ілюстрація! Доречі, до винаходу книгодрукування рукописні книги ілюструвалися художниками вручну. Перша техніка ілюстрацій, що з'явилася після винаходу книгодрукування, був деревОрит.

Сподіваюсь ти був уважним і знайшов наступну літеру підказку.

Це була важлива інформація, необхідно її швиденько занотувати та разом перевірити, що на сьогодні ще заплановано. Мершій, перевір записи, шукай наступний елемент на робочому столі!

0501v2ya-9331-181x180.png

Мітка №6/15 Блокнот Повідомлення при кліку
Повідомлення при кліку на об'єкт:

Які на сьогодні плани, шеф? Начебто нічого термінового, можна спокійно займатися улюбленою справою та послухати тихенько музи0501uctj-13ea-275x183.jpgку.

І де ж я поділа свої навушники?

Мітка №7/15 Навушники Завдання з відповіддю
Завдання:

Ну так насправді краще, слухаємо музичку та нікому не заважаємо! Але не забуваємо за наш квест, шукаємо наступні літери підказки.

Який напрямок медіа-мистецтва, заснований на використанні комп'ютеру, інформаційних технологій, як основи для художнього твору?

0501ucw8-3f4a-451x283.jpg

Правильні варіанти відповіді:
цифрове мистецтво компютерне мистецтво комп'ютерне мистецтво компютерна графіка цифрова графіка ком'ютерна графіка
Відповідь на завдання:

Ти справжній геній! Твоя нагорода – літера П!

Щось я втомилася, давайте зробимо паузу, трішки перекусимо! Хочу щось солоденьке, бажано рожевого кольру...

0501ud0a-cfe8-286x209.jpg

Мітка №8/15 Пончик Завдання з відповіддю
Завдання:

Хто ще як я любить по поїсти щось солоденьке? Особисто мене такий перекус заряджає енергією та гарним настроєм на цілий день.

0501v31m-2855-940x176.pngНа які думки наштовхують ці зображення? Як одним словом можна окреслити цілу індустрію?

Правильна відповідь:
реклама
Відповідь на завдання:

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

0501ud9a-7c1a-712x320.png

Тепер ти більше знаєш про рекламу, адже більшість картинок, які ми бачимо в інтернеті, логотипи брендів, візитки, реклама на буклетах, плакатах і чашках, банера в метро, нова комп'ютерна гра, прикольна анімація – це ще багато чого іншого малює графічний дизайнер. Твоя винагорода - літера Ь!

А тепер віднайди основний пристрій графічного дизайнера, який дасть наступні підказки. Малюнок поруч не просто так!

0501ug5o-f2df-146x102.png

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

Ти впевнено крокуєш до фінішу! Рухаємося далі, сподіваюся, ти не втратив інтерес!

Яку наз0501ug9n-1789-294x165.pngву має візуальна підказка, яка розповідає людині, з якою саме компанією він буде взаємодіяти?

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

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

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

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

Ти справжній ерудит! Щось на нашому робочому столі забагто сміття, допоможи мені його прибрати.

Мітка №10/15 Сміття 4 Завдання з відповіддю
Завдання:

Насправді в чистоті працювати набагато комфортніше, а думати ще краще!

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

0501ugjx-211a-676x220.png

0501ugka-79f5-646x486.jpg

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

Тепер я вірю, що ти не спиш на моїх уроках, а уважно слухаєш. Твоя винагорода – наступна літера – В!

Впевнена, що ти завжди приймаєш правильні, виважені рішення. Так би мовити «Сім раз відмірити, один - відрізати». А чим ми будемо заміряти наші сантиметри?

0501ugms-0159-284x177.jpg

Відшукай на нашому столі наступну підказку!

Мітка №11/15 Лінійка Завдання з відповіддю
Завдання:

Найлегше питання за час квесту. Якої програми ти бачиш піктограму?

0501us75-2b2e-302x302.png

Правильні варіанти відповіді:
фотошоп фото шоп Adobe Photoshop Photoshop
Відповідь на завдання:

Нескладні малюнки зручно створювати за допомогою простого графічного редактора, наприклад Paint. Проте є програми, наприклад Adobe Photoshop, що мають більше можливостей і дозволяють опрацьовувати значно складніші зображення.0501us7y-3dbb-753x356.pngЯк ти вже знаєш, це дуже крута та зручна в використанні програма. Молодець, крокуємо далі.

Робота в Adobe Photoshop це максимальний прояв твоєї творчості, свого роду мистецтво. Майстер «фотошопу» як художник, що створює мазками свій шедевр. До речі, який інструмент художника має таку саму назву і в програмі?Купить Пензлик 1 Вересня Maestro білка круглий №8 в интернет-магазине "Ручки и Штучки" - 296020458

Відшукай його на столі і сміло прямуй до нових завдань!

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

Залишилось додати ще декілька штрихів і наша картина готова! Ми зможемо відгадати закодоване слово!

Яку назву має найменший елемент зображення?0501v100-2a9a-226x151.png

Правильна відповідь:
піксель
Відповідь на завдання:

Якщо придивитись до зображення на екрані монітора, то можна помітити, що воно складається з окремих крапок, які називають пікселями (від англ. picture element — елемент малюнка). Піксель є найменшим елементом зображення.

Растрове зображення — це зображення, що являє собою набір пікселів, кожний із яких має певний колір.

0501v10j-2010-519x220.png

Давай перевіримо наскільки ти уважний? Ти вже знайшов наступну літеру підказку? Молодець, маєш добрий зір. А я от без окулярів нічого не можу розгледіти. Упс, а де ж вони поділися, допоможи мені їх відшукати!

Мітка №13/15 Окуляри Завдання з відповіддю
Завдання:

Дякую тобі, мій любий друже. Тепер і я готова далі працювати.

0501v15k-693f-710x304.png

Готове зображення, опрацьоване програмою Adobe Photoshop можна зберігати в різних форматах. А чи пам’ятаєш ти, в якому форматі необхідно зберегти результат, щоб отримати картинку на прозорому фоні?

P.S Відповідь потрібно ввсести на англійській мові.

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

Формат PNG застосовують для збереження растрових зображень зі стисненням без втрати якості. Його палітра підтримує від 65536 до понад 4 млрд кольорів, а також прозорість. Колір зображення в цьому форматі відтворюється однаково на будь-якому комп'ютері.

Наступна літера підказка – Ч!

Якщо ми вже заговорили про збереження інформації, то який зовнішній накопичувач найчастіше використовується користувачами? 0501v34x-50ab-133x97.png

Мітка №14/15 Флешка Завдання з відповіддю
Завдання:

Нарешті! Ми на фінішній прямій.

Перегляньте відеоролик та відшукайте заховане слово. Це поняття широко використовується в маркетингу та рекламі, проте є фінансовим поняттям.

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

Правильні варіанти відповіді:
бренд Бренд Брендинг
Відповідь на завдання:

Вітаю, остання літера для дешифратора – Й!

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

Мітка №15/15 Олівець Завдання з відповіддю
Завдання:

Щось ти довго перебирав олівчики. Крокуємо далі.

Ускладнення графіки йшло разом з винаходом нових фарб — акварелі, гуаші, пастелі, темпери. Який різновид друкованої графіки називали «Міцна вода»?

0501v2t8-fb23-940x210.png

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

Так, вірно, це офорт. Малюнок, створений такою технікою важко виправити, внести зміни та витерти якийсь елемент.

Друга підказка - літера Ц, не забудь записати в блокнотик!

Який елемент нашого робочого столу дозволяє витерти надпис олівцем, а з невеликими зусиллями і ручкою?

0501v2tj-88a5-137x125.png

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

Сподобався:

0

Так: 7

Ні: 1

Зрозумілий:

0

Так: 6

Ні: 2

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

0

Ні: 6

Так: 2

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

Графічний дизайн. Підводимо підсумки

Графічний дизайн. Підводимо підсумки

346

Аватар профіля Тірон Ольга Олександрівна
Інформатика
10—11 клас

35 грн

Історія графічної культури. Дизайн і його тенденції. Растрові та векторні зображення.

Історія графічної культури. Дизайн і його тенденції. Растрові та векторні зображення.

250

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

50 грн

Векторний графічний редактор InkScape

Векторний графічний редактор InkScape

534

Аватар профіля Фортун Ганна Володимирівна
Інформатика
6 клас

20 грн

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

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

83

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

35 грн

Традиційні національні мотиви та кольори

Традиційні національні мотиви та кольори

218

Аватар профіля Шмига Віолета Семенівна
Технології
змішані

20 грн

Види пластичних матеріалів для ліплення

Види пластичних матеріалів для ліплення

436

Аватар профіля Шмига Віолета Семенівна
Технології
змішані

20 грн

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

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

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

1830

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

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

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

1290

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

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

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

635

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

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

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

714

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

Інформація

Інформація

310

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

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

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

1259

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