11 клас

Сьогодні на уроці

15.10

2026-2027

Графічний дизайн

Теоретичний матеріал


Робота за комп’ютером до уроку 1

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки і санітарно-гігієнічних норм

Інструкційна картка 

Дослідити в мережі Інтернет та створити звіт за одним з напрямків про 

  • світловий дизайн 
  • біодизайн дизайн
  • ландшафтний дизайн
  • архітектурний дизайн.


2. Оформити звіт за результатами дослідження у вигляді текстового документу (середній рівень), брошури (достатній рівень) чи інтелект карти (високий рівень)   

* брошури, текстові документи, в об'ємі 1-2 сторінки формату А4.

2. Збережіть документ у власній папці

3. Продемонструйте роботу вчителю.

автор ресурсу:  учитель інформатики Запорізького багатопрофільного ліцея № 99 Овсяник С.Г. 



10.09

Завдання 1



Виконати одне завдання на вибір

  • створити рекламу школи
  • створити фірмовий стиль школи
  • порівняти фірмові стилі трьох компаній (на вибір)
  • шрифтові пари на відомих сайтах (особливості, цікава інформація)
17.09

Створити власне учнівське портфоліо (досягнення, творчі доробки за минулий чи поточний навчальний рік).

Написати власне резюме.


24.09-30.09

Створити пейзаж

 


15.10


https://designtalk.club/teoriya-koloru-korotkyj-kurs-dlya-dyzajneriv-chastyna-1/
https://designtalk.club/teoriya-koloru-korotkyj-kurs-dlya-dyzajneriv-chastyna-2/

Колірний круг
Вивчення Hex-кольорів http://www.hexinvaders.com/

Оптичні ілюзії в дизайні

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

https://www.freeimages.com/ - зображення
30.09-08.10
заготовка Овочевий чоловічок

Завдання Робота з шарами (з дистосвіти)
 https://drive.google.com/file/d/1CJMnpa_89p5jK1Ynv1fjSQaPP1jpdxGY/view?usp=sharing
 https://drive.google.com/file/d/1X7cYKEC9jgk4tKQeUmFvHyGc4MF5x9U6/view?usp=sharing

08.10

Створити колаж


Завдання 1
Виправити задній план (на вибір)
https://glavcom.ua/img/gallery/7718/26/860513_big.jpg

https://glavcom.ua/img/gallery/7718/26/860517_big.jpg

Завдання 2

На монітор додати заставку

Завдання 3
Виправити недоліки на обличчі

14.10 
  1. Розмалювати чорнобіле зображення
  2. Створити зображення з чорнобілим фоном
  3. Створити 3-4 зображення зі зміною кольору (фото автомобіля тощо в різних кольорах)

2025-2026

Креативне програмування

11.02

18.02

Python

import turtle - підключаємо модуль, завжди пишеться напочатку
from turtle import * або так

Властивості та команди черепашки
<ім'я об'єкта>.<назва властивості>(<значення властивості>)
color - колір (можна вказувати один або два кольори текстом або кодом кольору)
goto(x,y) - перейти у точку з координатами (x, y)
forward(x) або fd(x) - пройти вперед на x кроків 
backward(x), bk(x) - пройти назад на x кроків 
left(x), lt(x) - повернути ліворуч на x градусів;
right(x), rt(x)  - повернути праворуч на x градусів;
circle(r) - намалювати коло радіуса r 
begin_fill() - початок заповнення фігури
end_fill()  - закінчити заповнення
penup() або pu() - підняти олівець
pendown() або pd() - опустити олівець
shape - задати форму:
  • "arrow" - стрілка
  • "turtle" - черепашка
  • "circle"- круг
  • "square" - квадрат
  • "triangle" - трикутник
  • "classic"- класична 

stamp - відбиток черепашки, штамп

Створити програму, яка малює подібний малюнок
25.02
Теорія: основні елементи в канві
Підключаємо модуль, створюємо вікно та задаємо його розмір
from tkinter import*
w=Tk()
w.geometry('300x300')
Створення полотна:
назва _полотна=Canvas(вікно, атрибут1, атрибут2,…)
Розміщення полотна у вікні:
назва_полотна.pack() або назва_полотна.place(x=число, y=число)
Властивості полотна основні
width=число – ширина полотна
height=число – висота полотна
bg=‘колір’ – колір фону полотна
cursor - курсор на полотні(pencil - олівець)

Побудова графічних примітивів

Лінія

ім’я_полотна.create_line([x1,y1],[x2,y2], атрибути)
[x1,y1] – координати початку
[x2,y2] – координати кінця
fill=‘колір’ – колір лінії
width=число – товщина лінії
dash - для малювання штрихами, довжина пунктиру і пропуску

Прямокутник 

ім’я_полотна.create_rectangle([x1,y1],[x2,y2], атрибути)

Еліпс 
ім’я_полотна.create_oval([x1,y1],[x2,y2], атрибути)
Багатокутник
ім’я_полотна.create_polygon([x1,y1],[x2,y2],…,[xn,yn], атрибути)
Дуга, сегмент, сектор
polotno.create_arc( [x1,y1],[x2,y2], атрибути)
Атрибути:
start – початкове значення об’єкта у градусах
extent – кут повороту у градусах
fill – колір заливки
outline – колір контуру
style – визначає вид фігури (CHORD, ARC), за замовчуванням – сектор.
Завдання

04.03
Змінні
Завдання 1 в turtle
  • квадратна спіраль 4 бали
  • кольорова +2
  • на чорному фоні +1
  • спіраль з 6 різнокольорових кругів +3

11.03
Для різних (випадкових) кольорів 
r=randint(0,255)
g=randint(0,255)
b=randint(0,255)
colors = f"#{r:02x}{g:02x}{b:02x}"

Завдання 
в черепашці 10 балів
в канві 12 балів

6 балів 1 вид, +2 за кожен наступний
(з дистосвіти)
Завдання 


17.03
Завдання за допомогою функцій
  • Сніг 
  • Квіти з 6-кутників
01.04 - 8.04
Рекурсія 
Фрактали
Завдання
Фрактальні квадрати
Рекурсивне дерево
Сніжинка Коха
Трикутник Серпінського


08.04
Створити за зразком рух кульки
Створити програму Політ метелика

Підказки
frames = [PhotoImage(file=f) for f in anim]
cur_frame = 0

# Створюємо метелика на канві
pic = canvas.create_image(100, 100, image=frames[cur_frame])



Завдання за допомогою модулів
  • нічне місто - прямокутники будинки та квадратні вікна

15.04


22.04
https://eolymp.com/uk/problems/8942-8952



29.04 - 06.05

Завершити 


13.05

20.05
Тест 1

Тест 2









1.10



22.10
Робота з текстом
Створити листівку  (по 2 бали за кожен виконаний пункт)
  1. Заголовок (створений за допомогою декількох шарів)
  2. Текст 
  3. 2-3 зображення вставлених (готових), створення колажу
  4. Зображення власне створене
  5. Використання фільтрів, корекції кольору тощо
  6. Оригінальність

22.10

Анімація
Створити три анімаційних зображення
  1. за допомогою інструменту інтерактивне викривлення
  2. зі створених шарів з фільтрами
  3. кожен шар - один кадр
Створення об'єкта для вебсторінки





Кімната приклад
Колони для кімнати



05.11




12.11
Завдання 1
Векторний редактор Method Draw онлайн ТУТ

Завдання 2
Створення логотипу нашої школи

Алгоритм створення фірмового знаку або логотипу
1. Створіть ескізи «від руки»
2. Підберіть кольори
3. Пропорція та симетричність
4. Підберіть правильний шрифт
5. Не повторюйтесь (будьте унікальними)
6. Використовуйте прозорий фон

Завдання 3

З використанням запропонованих сервісів, створити логотип школи 1. 

3.    https://logotypemaker.com/

   https://www.graphicsprings.com/

2.    https://www.tailorbrands.com/

28.11
Завдання Основи дизайну




03.12





10.12

торт

Створити листівку, плакат, афішу
використати:
  1. заливку градієнтом
  2. заливку візерунком
  3. два види тексту 
  4. об'єкт створений зміною контурів
  5. об'єкт створений, за допомогою операцій над контурами 
  6. два види фільтрів

17.12






2026


14.01 
Буклети
Створити буклет на вибрану тематику, однак буклет повинен містити текст, заголовки, зображення, буквицю, списки та таблицю. 
Колірна гама: використовуйте не більше 3-х основних кольорів.
Шрифти: Заголовки та основний текст мають легко читатися і гармоніювати.
Цілісність: Всі сторінки виглядають як одна єдина робота.
  1. Шкільний календар (визначні та пам'ятні дати, про які повинні знати учні)
  2. Правила поведінки в комп'ютерному класі
  3. Безпечний Інтернет
  4. Наша рідна школа
  5. Історія нашого класу
  6. Моє місто
  7. 7 чудес України
  8. Рекомендую відвідати ці чудові місця України
Оцінювання:
Початковий рівень (1–3 бали)
  • 1–3 бали:  структура буклету порушена. Текст розміщено хаотично, ілюстрації відсутні або не відповідають темі. Наявні грубі технічні помилки.
Середній рівень (4–6 балів)
  • 4 бали: Буклет має 3 колонки, але не дотримано відступів. Тему розкрито частково.
  • 5 балів: Текст читабельний, але оформлення занадто просте. Використано стандартні шрифти без форматування заголовків.
  • 6 балів: Додано ілюстрації, проте вони мають низьку якість або заважають читанню тексту. Дотримано базових правил композиції.

Достатній рівень (7–9 балів)

  • 7 балів: Робота виконана повністю. Витримано структуру. Інформація структурована за допомогою списків або підзаголовків.
  • 8 балів: Колірна гама підібрана вдало. Використано елементи інфографіки (іконки, рамки). Немає помилок у відступах від країв.
  • 9 балів: Грамотно використано шрифтову ієрархію. Текст та зображення збалансовані (немає надто порожніх або захаращених зон).
Високий рівень (10–12 балів)

  • 10 балів: Професійний вигляд макета. Використано авторські елементи дизайну. Враховано психологію сприйняття кольору.
  • 11 балів: Висока якість верстки. Застосовано складні елементи (обтікання текстом, градієнти, QR-коди). Зміст буклету є цікавим та корисним.
  • 12 балів: Бездоганна робота. Матеріал подано креативно та оригінально. Макет повністю готовий до друку.


21.01
Створення листівки.
Завдання 1.
Створити листівку-запрошення на випускний (2бали +по 2 бали за кожен виконаний пункт)
  1. Заголовок
  2. Текст
  3. Зображення вставлене (готове)
  4. Зображення власне створене
  5. Оригінальність
Завдання 2.
Створити відео листівку 
  • заголовок
  • текст привітання
  • зображення 
  • музика
  • оригінальність

28.01, 04.02
Створення журналу


Тривимірне моделювання

13.02

Створення моделей в тінкеркад

20.02
Створення чашки в тінкеркад та креманки з морозивом або тарілочки з печивом

27.02
Створення парку розваг


06.03



13.03
Відео-урок Режим редагування
Будинок

Комп'ютерний стіл



20.03

Завершити моделювання комп'ютерного стола. 
Розфарбувати модель

27.03
  • земля на якій буде розташовуватися будинок
  • будинок з куба, засобами редагування
  • дах - модифікатори: фаска, матриця, дзеркалення
  • димохід з кубів та дим з метакулі


Для створення дерева:
  1. меню Редагування
  2. пункт Уподобання
  3. Додатки ->  категорія Додати криву
  4. встановити прапорець Add Curve: Sapling Tree Gen і закрити вікно
  5. Меню Додати - Крива - Sapling Tree Gen
  6. В додатковому меню встановити налаштування за смаком
  7. Для листочків Leaves - Show Leaves
Для створення камінчиків стежки:
  1. Площина, редагувати вершини, щоб змінити форму
  2. модифікатор Потовщення
  3. модифікатор Поділ, рендер 2
  4. ПКМ - згладжене тонування
  5. Продублювати камінь, змінювати розмір, обертати, створити доріжку з камінчиків або створювати нові камінчики
  6. Виділити всі камінці та сполучити (Об'єкт - Сполучити)
Додати паркан з кубів
Додати бочки

Перевірити грані - справа вгорі Показ накладок - Орієнтація грані.
Все має бути синім. Якщо ні, то в режимі редагування Alt+N - Перерахувати назовні. В режимі об'єкта перевірити знову.

Створення трави
Землю виділити, перейти в режим редагування, виділити верхню грань, дублювати, а потім ПКМ - виокремлення - вибране. Створиться об'єкт- площина - така як земля.
Надайте текстуру - залений колір або з папки текстуру трави.
Створити об'єкт - травинка (з площини декілька травинок, типу кущик)
Додаємо та налаштовуємо частини
  • частини
  • додати, волосся
  • зменшити довжину
  • Фізика - Маса
  • Рендер - Об'єкт - піпеткою вибрати травинку
  • змінити масштаб, випадковість масштабу
  • вибрати об'єкт травинка, в налаштуваннях об'єкта в розділі зв'язки поклацати осі, щоб травинки розташувалися як слід
  • за потреби в режимі редагування перемістити травинку вгору або вниз
  • ставимо прапорець обертання, налаштовуємо випадковість

Текстури



Комп'ютерний стіл

24.04
Додати - Текст
Для введення тесту перейти в режим редагування
В режимі об'єкта можна форматувати текст за допомогою панелі інструментів
По завершенню редагування тексту, його можна конвертувати в об'єкт (ПКМ)

01.05
Анімація
Завдання 1 Збери пірамідку
Натиснути кнопку запису ключів. 
Перемістити курсор в наступний ключовий кадр.
Змінити розташування, обертання, переміщення об'єкту
Останній кадр - дублювати перший кадр
Переглянути результат

Або завдання забити гол у ворота 

Завдання 2 Рух планет
Додати криву у вигляді еліпса (в режимі редагування змінити розташування точок, Е - витягнути ще точки, виділити дві точки- першу і останню та натиснути F для з'єднання)
Виділити об'єкт та криву. ПКМ, приріднення, слідувати шляхом
Налаштувати для кривої (панель налаштувань - крива - анімація) 250 кадрів
Додати ще два таких шляхи та об'єкти-кулі
Додати до однієї планети супутник використовуючи аналогічний алгоритм, але спочатку криву супутника прикріпити до шляху планети, а потім супутник
Планети розфарбувати. Додати сонце, налаштувати світло



08.05
Анімація Скатертина на стіл
  1. Створити стіл
  2. В PhysicsProperties задати Тверде тіло (зняти прапорець динаміка) та Зіткнення
  3. Створити скатертину - площина, поділити її на частини (Поділити - 50)
  4. Задати фізичні властивості (в PhysicsProperties) Тканина
  5. Для тканини додати згладжене тонування
  6. З аналогічними налаштуваннями до столу додати підлогу 
  7. Розфарбувати за смаком
  8. Огляд - Вирівняти огляд - Вирівняти активну камеру за вибраним - для наведення камери на підлогу та скатертину
Анімація Прапор
  • площину редагувати, створити у формі прапора, поділити поверхню.
  • щоб прапор не падав, виділяємо крайній ряд вершин, в Objekt Data Properties додаємо групу вершин та натискаємо Присвоїти
  •  В PhysicsProperties задаємо Тканина - Шовк, в Форма вибираємо Пришпилити і вказуємо створену групу
  • Збільшити кроки якості- 10, встановити прапорець Самозіткнення та якість зіткнення 5
  • Додати - Силове поле - Вітер
  • Налаштувати силу вітру та інші параметри
  • Додати флагшток прапора 
  • Додати кольори та текстури
  • Налаштувати камеру

15.05-22.05

Анімація персонажів
Створити персонаж. Можна додати модифікатор Поділ поверхні, а потім згладжене тонування.
Далі додаємо об'єкт арматура в Objekt Data Properties - Показ вікна огляду - включити прапорець Напереді для відображення арматури.
Перемістимо "кістку" в область тазу.
В режимі редагування інструментом Витиснути (або Е на клавіатурі) додаємо кістки скелету.
Прив'язуємо "тіло" до "скелету": в режимі об'єкта виділяємо персонажа, натискаємо Shift тоді виділяємо скелет. Меню Об'єкт- Приріднення - З автоматичною вагою
(Для більш природнього руху можна зробити додаткові налаштування: виділяємо скелет, далі персонажа та переходимо в режим Малювання вагомостей. Синім кольором позначаються нерухомі області. Тому можна розфабовувати, змінюючи вагомість)
Також в режимі пози можна додати кістці Інверсної кінематики (Bone Constraint Properties) для легшого створення рухів. (довжина >0)
Тепер створюємо анімацію
(якщо 3Дкурсор не на місці: Shift+S - курсор в центр світу)
Виділяємо об'єкта, Ctrl+A, Усі трансформації. Те ж для скелета.
Вгорі переключаємося на Animation Замість шкали часу вибираємо Аркуш експозиції - Редактор дій. Створюємо новий Рух. В режимі пози задаємо першу позу, виділяємо всі кістки, натискаємо І, вибираємо РозташОберт. Дублюємо ключові кадри (Shift+D) та вставляємо на останній кадр.
Ще раз дублюємо кадри і вставляємо посередині шкали. Змінюємо позу.
Можна додавати й інші ключові кадри та змінювати позу.


29.05
Створити зображення з анімацією за зразком
Відео-інструкція











Немає коментарів:

Дописати коментар

Підписатися на: Дописи (Atom)