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

Презентацію НМТ та відео додати на свій сайт, покликання надіслати вчителю 
https://www.youtube.com/watch?v=yKHMKyFp_Ts&t=9s 
https://docs.google.com/presentation/d/e/2PACX-1vSb7nMxDCa6qGeEiMC22zzuEwFgp9fnTkAMYzSQ9IVqOvHZxfDy5IqIrUkTdIcaJA/pub?
вбудувати плейлист з розв’язками задач https://www.youtube.com/playlist?list=PL7WOEg-e6WiFJU8xvefNzJlrFaHaZRyWu 

Завдання 1: "Голос, що Розриває Тишу" (Робота з Шарами та Виділенням)

Мета: Навчити ефективно використовувати шари для компонування елементів та стандартне виділення для швидкої ізоляції об'єктів.

1. Знайдіть 3-4 зображення, що символізують різні види насильства (наприклад, розбите скло, опущені плечі, тінь, закрите обличчя). Кожне зображення розмістіть на окремому шарі.

2. Виберіть одне ключове зображення (наприклад, силует людини) і за допомогою інструментів Прямокутне/Овальне виділення або Ласо створіть ефект "вирізання" частини цього силуету.

3. На новому шарі під вирізаною областю розмістіть яскравий, контрастний елемент (наприклад, червоний колір або текст "НЕ МОВЧИ").

4. Встановіть непрозорість шару з текстом на рівні $70\%$ для створення ефекту "просвічування".

5. Фінальний результат: Складене зображення, де на першому плані елементи насильства, а через виділену область "проривається" заклик до дії.

Завдання 2: "Мій Безпечний Світ" (Режим Маски та Властивості Шару)

Мета: Закріпити розуміння режиму швидкої маски для складного виділення та керування властивостями шару (режими накладання).

1. Виберіть фонове зображення, що символізує захист, спокій та мир (наприклад, руки, що тримають квітку, або сонячне небо). Це буде Шар 1 (Фон).

2. На новому Шарі 2 розмістіть зображення, що символізує проблеми або ризики (наприклад, колючий дріт або сумний вираз обличчя).

3. Перейдіть у режим маски (Режим швидкої маски) і за допомогою градієнтного інструменту (чорний/білий) або пензля поступово приховайте (замаскуйте) значну частину Шару 2, залишивши лише контури чи невеликі області. Це створить плавний перехід між "проблемою" та "спокоєм".

4. Змініть режим накладання Шару 2 на, наприклад, "Множення" (Multiply) або "Перекриття" (Overlay), щоб інтегрувати його елементи в Шар 1 більш гармонійно.

5. Додайте текст "Створюємо світ без насильства" на новому шарі, використовуючи стилі шару (Layer Styles) для тіні (Drop Shadow).

Завдання 3: "Колаж Надії" (Прийоми Колажування)

Мета: Практикувати основні прийоми колажування (вирізання, зміна розміру, розташування, корекція кольору) для створення цілісного образу.

1. Створіть документ формату для соціальних мереж (наприклад, $1080 \times 1080$ px).

2. Зберіть мінімум 5 зображень: обличчя, руки, символи підтримки (серце, стрічка), об’єкт-символ акції (помаранчева стрічка).

3. Використовуючи інструменти виділення та шар-маски, "виріжте" ці об'єкти з фону.

4. Компонуйте елементи так, щоб вони утворювали єдиний візуальний потік (наприклад, руки, що передають символ надії).

5. Застосуйте до всіх елементів, окрім символів надії, корекцію кольору (наприклад, знебарвлення (Desaturate) або низьку яскравість/контраст) для підкреслення контрасту між проблемами та позитивом. Елементи надії, навпаки, зробіть максимально яскравими.

Завдання 4: "Портрет Підтримки" (Виділення + Шар-Маска)

Мета: Навчитись використовувати шар-маску для неруйнівного редагування та точного контролю видимості шару.

1. Виберіть зображення відомої людини або публічного діяча, який висловлює підтримку (або використовуйте стилізований стоковий портрет). Це Шар "Портрет".

2. Створіть на цьому шарі шар-маску (Layer Mask).

3. На новому Шарі "Текст-Заклик" розмістіть великий мотивуючий текст (наприклад, "ТИ НЕ ОДИН").

4. Використовуйте чорний пензель на шар-масці Шару "Портрет", щоб частково "стерти" обличчя портрета, дозволяючи проступати тексту "ТИ НЕ ОДИН" з нижнього шару. ****

5. Експериментуйте з різною жорсткістю пензля для створення ефектів "розчинення" або "проявлення" зображення через текст.

6. Створіть групу шарів з Портретом і Текстом та застосуйте до групи корекцію "Рівні" (Levels), щоб посилити контраст.

Завдання 5: "Інфографіка Протидії" (Складання Шаблону)

Мета: Систематизувати навички роботи з кількома елементами, створюючи професійно оформлений інфографічний матеріал.

1. Створіть макет з чотирьох рівних секцій (це можуть бути окремі прямокутники, створені на окремих шарах-фігурах). Кожна секція повинна відповідати одному виду допомоги/протидії (наприклад, "Куди звернутися", "Ознаки", "Закон", "Мій внесок").

2. Виділіть кожну секцію (шар) і застосуйте внутрішню тінь (Inner Shadow) або обведення (Stroke) через стилі шару, щоб візуально відокремити їх.

3. Для кожної секції створіть шар з текстом і шар з піктограмою (іконкою).

4. За допомогою інструментів трансформації (Transform tools) забезпечте, щоб усі піктограми мали однаковий розмір і були вирівняні (наприклад, по центру кожної секції).

5. Збережіть готовий колаж у форматі PNG для прозорого фону (якщо потрібно) та у форматі JPEG для публікації.

Дайте відповіді на запитання

1. Опишіть порядок побудови прямокутника.

2. Як змінити розмір побудованої фігури?

3. Як повернути об’єкт на певний кут?

4. Поясніть, як користуватись колесом кольорів, що міститься у вікні  Заповнення та штрих.

5. Як зробити заповнення фігури напівпрозорим?

6. Як змінити товщину лінії фігури?

Конспект

1. Проект "Арт-Колаж" із Використанням Шарування 🖼️

• Завдання: Створіть зображення (колаж або композицію), використовуючи не менше п'яти окремих шарів.

• Вимоги:

  • Шар 1 (Фон): Заливка або простий градієнт.

  • Шар 2 (Об'єкт 1): Текстовий шар (наприклад, заголовок).

  • Шар 3 (Об'єкт 2): Растрове зображення з використанням маски шару для приховування частини об'єкта.

  • Шар 4 (Об'єкт 3): Геометрична фігура або намальований елемент, змінений за допомогою режиму накладання (наприклад, Multiply чи Screen).

  • Шар 5 (Ефект): Коригуючий шар (наприклад, Levels або Curves) для зміни загальної яскравості/контрасту всієї композиції.

• Обґрунтування: Поясніть, чому саме така послідовність шарів і які переваги надає пошарова робота у вашому проекті.

2. Проект: Геометрична Трансформація на Шарах 🖼️

• Завдання: Створіть пошаровий проект під назвою "Трансформація Трикутника", щоб продемонструвати важливість шарування при збереженні геометричних властивостей.

• Вимоги:

  • Шар 1 (Фон): Заливка (наприклад, чорний колір).

  • Шар 2 (Оригінал): Намалюйте Рівносторонній Трикутник (використовуючи інструмент фігур з обмеженням або $\text{Shift}$).

  • Шар 3 (Масштаб): Створіть копію Трикутника і застосуйте Трансформацію Масштабування (збільшення на $150\\%$) щодо його центру маси.

  • Шар 4 (Обертання): Створіть ще одну копію Трикутника і застосуйте Трансформацію Обертання на $120^{\circ}$ навколо тієї ж точки центру маси.

• Обґрунтування: Поясніть, чому виконання цих трансформацій на окремих шарах є критично важливим для збереження геометричної цілісності оригінального Трикутника і дозволяє швидко повернути об'єкт до початкового стану.

15 за матеріалом відео "Характеристики зображення та засобів його відтворення"

1. Комп'ютерна графіка: Дайте визначення комп'ютерної графіки як галузі людської діяльності та як розділу інформатики. Які ключові сфери застосування, окрім дизайну, кінематографії та ігор, були згадані у відео?

2. Класифікація: Назвіть і коротко опишіть чотири основні типи комп'ютерної графіки, за якими вона поділяється.

3. Растрова графіка: Поясніть принцип побудови растрового графічного зображення. Як саме пікселі впливають на якість і розмір такого зображення?

4. Властивості зображення: Опишіть три основні властивості растрового графічного зображення, згадані у відео (розмір, роздільна здатність, глибина кольору), та поясніть їхній взаємозв'язок.

5. Роздільна здатність: Яку мінімальну роздільну здатність (у dpi) рекомендовано для зображень, призначених для: а) розміщення в мережі Інтернет; б) друку на принтері? Поясніть різницю.

6. Глибина кольору: Поясніть, що таке глибина кольору. Скільки бітів відводиться для кодування кольору одного пікселя у повнокольорових зображеннях, і яку приблизну кількість кольорів це дозволяє відтворити?

7. Векторна графіка: На відміну від растрової, векторна графіка будується на основі математичних об'єктів. Наведіть приклади базових об'єктів та інструментів векторних редакторів, згаданих у відео.

8. Переваги та недоліки (порівняння): Назвіть щонайменше три ключові переваги векторної графіки над растровою, особливо в контексті масштабування та розміру файлу.

9. Програмне забезпечення: Назвіть професійні графічні редактори, згадані у відео, та вкажіть, які з них призначені для роботи з растровою графікою, а які — з векторною.

10. Тривимірна (3D) графіка: Яке основне завдання 3D-графіки та у яких галузях, окрім ігор, вона набула широкого застосування?

11. Фрактальна графіка: Що таке фрактал та яким чином відбувається побудова фрактального малюнка? Для яких цілей найчастіше використовують фрактальну графіку?

12. Колірна модель RGB: Поясніть принцип колірної моделі RGB. Для яких пристроїв або видів робіт вона є основною і чому?

13. Колірна модель CMYK: Поясніть принцип колірної моделі CMYK. Для яких пристроїв або видів робіт вона є основною і чому?

14. Колірна модель HSB: Хоча моделі RGB і CMYK є найбільш вживаними, модель HSB вважається найближчою до людського розуміння кольору. Опишіть, якими трьома основними компонентами характеризується кожний колір у цій моделі.

15. Палітра кольорів: Яку функцію виконує палітра кольорів у графічному редакторі та чим, наприклад, палітра в простому редакторі Paint відрізняється від палітри в професійному редакторі Adobe Photoshop?

Узагальнення знань модуля «Електронний документообіг» (Інформатика, 11 клас)

 Тема уроку

Узагальнення і систематизація знань модуля «Електронний документообіг»

 Мета

Систематизація: Узагальнити та закріпити ключові поняття модуля: електронний документ, електронний документообіг (ЕДО), електронний цифровий підпис (ЕЦП), системи керування ЕДО (СЕДО).

Практична: Перевірити розуміння ролі ЕДО в сучасному суспільстві та сфері кібербезпеки.

 Основні етапи уроку

1. Організаційний момент та Вступ (5 хв) 

• Актуалізація: Яке значення має електронний документообіг для сучасної економіки та державного управління? (Швидкість, екологічність, безпека).

• Мета уроку: Сьогодні ми повторимо всі ключові терміни та їхнє практичне застосування.

2. Систематизація ключових понять (15 хв) 

• Бліц-опитування/Складання схеми: Учні називають основні терміни, а вчитель фіксує їх на дошці, створюючи логічну схему модуля.

3. Перевірка знань: 10 Завдань (20 хв) 

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

4. Підсумок та рефлексія (5 хв) 

• Що було найскладнішим у модулі?

• Назвіть одну перевагу ЕДО, яка, на вашу думку, є найважливішою для бізнесу.

10 Завдань для узагальнення знань з електронного документообігу

Завдання (Тести, визначення, відповідності)

✔️ Відповіді до Завдань

1. Кейс "Секретний Розклад" 

Ситуація: Класний керівник створив електронний документ із рейтингом успішності учнів (ПІБ та середній бал) за останній семестр і зберігає його на шкільному сервері. Цей документ містить конфіденційну інформацію.

Завдання:

1. Який найпростіший та найшвидший спосіб захистити сам файл від перегляду сторонніми особами, які можуть отримати доступ до папки на сервері?

2. Яку комбінацію символів (мінімум 8) ти б порадив(-ла) використати як пароль, щоб він був достатньо надійним? Наведи приклад.

2. Кейс "Лист з Персональними Даними" 

Ситуація: Ти — волонтер, і тобі потрібно надіслати електронною поштою список із 20 імен, прізвищ та контактних номерів людей, які записалися на захід. Файл із цими даними має назву Список_учасників.docx. Потрібно убезпечити дані під час пересилання.

Завдання:

1. Як краще надіслати цей документ: як звичайне вкладення чи архівом із паролем? Обґрунтуй свій вибір.

2. Якщо ти обереш архівацію, які додаткові заходи безпеки потрібно вжити щодо самого пароля (наприклад, як повідомити його отримувачу)?

3. Кейс "Документ для Команди"

Ситуація: Ваша команда працює над спільним проєктом у Google Docs. Документ містить чернетки бізнес-плану, які не повинні бачити інші класи. Документ має бути доступний для редагування лише трьом членам команди, але для перегляду — класному керівнику.

Завдання:

1. Як, використовуючи налаштування спільного доступу в Google Docs, забезпечити ці два рівні доступу? (Які права доступу потрібно надати команді, а які — керівнику?)

2. Що потрібно зробити, щоб запобігти випадковому чи навмисному видаленню документа одним із членів команди?

4. Кейс "Забутий Флеш-накопичувач" 

Ситуація: Ти працював(-ла) над важливим рефератом із дослідженнями та висновками на комп'ютері в бібліотеці. Зберіг(-ла) його на флешку і забув(-ла) її там. Флешка не була зашифрована.

Завдання:

1. Яку потенційну загрозу конфіденційності створює ця ситуація?

2. Який програмний інструмент або функцію потрібно було використати на флешці до роботи, щоб навіть у разі втрати сторонні особи не змогли отримати доступ до твого реферату?

5. Кейс "Надійний Пароль" 

Ситуація: Тобі потрібно створити новий, дуже надійний пароль для доступу до електронного сховища важливих шкільних документів (наприклад, статуту класу).

Завдання:

1. Сформулюй три основні вимоги до надійного пароля (наприклад, довжина, типи символів).

2. Придумай один приклад пароля, який відповідає цим трьом вимогам, використовуючи, наприклад, фразу "Я люблю Інформатику 11 клас" та застосовуючи техніку заміни символів (наприклад, 'і' на '1', 'о' на '0' і т.д.).

https://www.geogebra.org/