Розділ 2.
Розділ 2. РАСТРОВА ГРАФІКА (12 годин)
Посібник: Інформатика: графічний дизайн (вибірковий модуль для учнів 10–11 класів, рівень стандарту) / В. О. Потієнко. — Харків: / Вид-во «Ранок», 2020
GIMP 2.10.36 / GIMP Extensions Installer 8.0 (03 Jan 2024)
License: Open Source
System requirements: Windows 7/8/10
Download: GIMP 2.10.36 (306.0 MB)
Download: Photoshop GIMP Extensions Installer 8.0 (4.5 MB)
Download: GIMP Extension Pack (27.4 MB)
Download: Portable GIMP 2.10.36 (213.0 MB)
№
Дата
Тема
Матеріал
Робота
в класі
Домашнє
завдання
Photoshop CS6
37.
08.02
Інструктаж з БЖД. Колір, його характеристики, засоби відтворення. Практична робота № 2. Опрацювання кольорових моделей
1. Опрацювати п. 2.1., питання 1-6
Опрацювати п. 2.1., питання 1-6
38.
08.02
Інструктаж з БЖД. Растровий графічний редактор як інструмент для дизайну. GIMP. Практична робота № 3. Колірні режими в GIMP
1.Опрацювати п. 2.2., питання 1-6
Опрацювати п. 2.2., питання 1-6
39.
15.02
Інструктаж з БЖД. Інструменти GIMP та їх налаштування.
Практична робота № 4. Інструменти малювання в GIMP
1.Опрацювати п. 2.3., питання 1-6
Опрацювати п. 2.3., питання 1-6; завдання для самостійного виконання (ст. 32)
40.
15.02
Інструктаж з БЖД. Створення контурів у GIMP.
Практична робота № 5. Робота з контуром у GIMP
1.Опрацювати п. 2.4., питання 1-6
Опрацювати п. 2.4., питання 1-6; створити тест "Створення контурів у GIMP"
41.
22.02
Інструктаж з БЖД. Інструменти виділення. Шари в GIMP.
Практична робота № 6. Багатошарові зображення в GIMP
Опрацювати п. 2.5., питання 1-6; завдання для самостійного виконання (ст. 39)
42.
22.02
Інструктаж з БЖД. Режими шарів у GIMP.
Практична робота № 7. Режими шарів у GIMP
Опрацювати п. 2.6., питання 1-6; самостійна робота №1 (ст. 44)
43.
29.02
Інструктаж з БЖД. Створення колажів у GIMP.
Практична робота № 8. Створення колажу
1.Опрацювати п. 2.7., питання 1-6
2.Завдання для самостійного виконання (ст. 49)
Опрацювати п. 2.7., питання 1-6; самостійна робота №2 (ст. 51)
44.
29.02
Інструктаж з БЖД. Фільтри. Робота з текстом.
Практична робота № 9. Текст. Фільтри
1.Опрацювати п. 2.8., питання 1-6
2.Завдання для самостійного виконання (ст. 55)
Опрацювати п. 2.8., питання 1-6
45.
07.03
Інструктаж з БЖД. Практична робота № 10. Застосування фільтрів до тексту. Коригування зображення в GIMP. Тонове та колірне коригування
46.
07.03
Інструктаж з БЖД. Коригування зображення в GIMP. Інструменти ретушування. Практична робота № 11. Інструменти. Перспектива. Штамп з перспективою
47.
14.03
Інструктаж з БЖД. Комп'ютерна анімація.
Практична робота № 12. Створення анімаційного зображення в GIMP
48.
14.03
Інструктаж з БЖД. Макетування та верстка документа. Макетування для Веб. Практична робота № 13. Створення макета сайту засобами GIMP. Практична робота № 14. Градієнти, структури
Очікувані результати
Зміст навчання
Растрова графіка
Знаннєва складова
Пояснює основні принципи створення й обробки растрових зображень.
Описує основні параметри растрових зображень.
Описує призначення й функції растрового графічного редактора.
Пояснює призначення й спосіб використання основних інструментів малювання.
Описує методику виділення областей на зображеннях і методику побудови багатошарових зображень.
Використовує елементи авторської графічної техніки.
Знає прийоми створення колажів.
Пояснює алгоритм створення анімацій у середовищі растрового графічного редактора.
Описує процес ретушування зображень, у тому числі коригування діапазону яскравості, застосування фільтрів, клонування тощо.
Наводить приклади графічних елементів на веб-сторінках.
Діяльнісна складова
Створює прості ілюстрації засобами растрового графічного редактора.
Уміє використовувати різні способи виділення фрагментів зображень.
Уміє переміщувати, масштабувати й обертати область виокремлення.
Застосовує засоби уточнення попереднього виокремлення.
Обробляє виділені області в стандартному режимі та в режимі маски.
Створює колажі з фрагментів зображень.
Керує властивостями шарів зображень.
Здійснює тонове коректування зображень, керуючи яскравістю й контрастністю зображень.
Виконує коригування кольору зображень.
Усуває дефекти на фотографіях за допомогою фільтрів.
Розробляє дизайн та створює листівки в середовищі растрового графічного редактора за допомогою інструментів малювання.
Створює ілюстрації для календаря та постери методом колажу.
Описує принципи формування анімаційних зображень у середовищі растрового графічного редактора.
Розробляє піктограми для конкретного сайту.
Створює анімації засобами растрового графічного редактора.
Уміє створювати анімовані зображення та налаштовувати часові параметри їхнього відтворення.
Виконує налаштування параметрів відображення тексту у графічному редакторі.
Використовує засоби растрового графічного редактора для розробки шаблону інформаційного листа.
Ціннісна складова
Визначає алгоритм створення графічного зображення у середовищі растрового редактора.
Враховує можливості редактора растрової графіки.
Характеристики зображення та засобів його відтворення - яскравість, контрастність, роздільна здатність, інтервал оптичної щільності (фотографічна ширина), колірна гама, палітра, глибина кольору, насиченість кольору.
Растровий графічний редактор як інструмент для дизайну.
Основні інструменти для малювання.
Концепція побудови пошарового зображення
Робота з шарами.
Створення колажів. Прийоми колажування.
Робота з текстом.
Робота з векторними елементами.
Ретуш та художня обробка зображень, отриманих шляхом фотографування або сканування. Гама-корекція як засіб узгодження діапазону яскравості зображення і характеристик засобу його відтворення.
Тонова корекція зображень. Робота з кольором.
Створення елементів для веб-сторінок.
Анімація в растровому графічному редакторі.
Розділ 1. ГРАФІЧНИЙ ДИЗАЙН ЯК ЗАСІБ ВІЗУАЛЬНОЇ КОМУНІКАЦІЇ (6 годин)
№
Дата
Тема
Матеріал
Робота в класі
Домашнє завдання
31.
18.01
Інструктаж з БЖД. Поняття і історія графічної культури. Дизайн і його тенденції
1. Презентація
Опрацювати п. 1.1., питання 1-6; завдання 1-4
Опрацювати п. 1.1., питання 1-6; завдання 5, 6
32.
18.01
Інструктаж з БЖД. Реклама. Основи створення реклами. Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди. Психологія сприйняттям реклами. Практична робота № 1. Форматування шрифту в текстовому процесорі
1. Презентація
Опрацювати п. 1.2., питання 1-6
33.
25.01
Інструктаж з БЖД. Ілюстрація. Цифрове мистецтво.
Сучасна реклама та фірмовий стиль. Інфографіка
1. Презентація
Опрацювати п. 1.3., питання 1-6
34.
25.01
Інструктаж з БЖД. Основи типографіки. Шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів
1. Презентація
2. Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу
Опрацювати п. 1.4., питання 1-6, завдання 5, 6
35.
01.02
Інструктаж з БЖД. Електронні та друковані портфоліо
2. Створити власне портфоліо (зразок)
36.
01.02
Інструктаж з БЖД. Веб-дизайн
Очікувані результати
Зміст навчання
Графічний дизайн як засіб візуальної комунікації
Знаннєва складова
Знає основні засоби візуальної комунікації.
Пояснює сприйняття інфографіки людиною.
Описує основні напрямки сучасного цифрового мистецтва.
Називає основні властивості шрифтів та способи їх поєднання.
Розуміє поняття друкованої реклами.
Наводить приклади використання дизайну.
Знає основні способи графічної реклама в міському середовищі,
Знає основні принципи оформлення вітрин.
Розуміє різницю між електронними та друкованими портфоліо.
Діяльнісна складова
Розпізнає нестандартні рекламні носії (упаковки, книжки-трансформери, предметну ілюстрацію і фото-типографіку)
Виконує розробку концепції виставкового стенду.
Ціннісна складова
Оцінює рекламу конкретного товару, послуги або підприємства.
Усвідомлює важливість засобів графічного дизайну у сучасному суспільстві.
Історія графічної культури.
Дизайн і його тенденції.
Ілюстрація. Цифрове мистецтво.
Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди.
Реклама. Психологія сприйняттям реклами.
Інфографіка.
Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів.
Коротка історія дизайну і типографіки.
Електронні та друковані портфоліо.
Веб-дизайн.
ІНСТРУКТАЖ З БЕЗПЕКИ ЖИТТЄДІЯЛЬНОСТІ
License: Open Source
System requirements: Windows 7/8/10
Download: GIMP 2.10.36 (306.0 MB)
Download: Photoshop GIMP Extensions Installer 8.0 (4.5 MB)
Download: GIMP Extension Pack (27.4 MB)
Download: Portable GIMP 2.10.36 (213.0 MB)
№ | Дата | Тема | Матеріал | Робота в класі | Домашнє завдання | Photoshop CS6 |
37. | 08.02 | Інструктаж з БЖД. Колір, його характеристики, засоби відтворення. Практична робота № 2. Опрацювання кольорових моделей |
| 1. Опрацювати п. 2.1., питання 1-6
| Опрацювати п. 2.1., питання 1-6 |
|
38. | 08.02 | Інструктаж з БЖД. Растровий графічний редактор як інструмент для дизайну. GIMP. Практична робота № 3. Колірні режими в GIMP |
| 1.Опрацювати п. 2.2., питання 1-6
| Опрацювати п. 2.2., питання 1-6 |
|
39. | 15.02 | Інструктаж з БЖД. Інструменти GIMP та їх налаштування. Практична робота № 4. Інструменти малювання в GIMP |
| 1.Опрацювати п. 2.3., питання 1-6
| Опрацювати п. 2.3., питання 1-6; завдання для самостійного виконання (ст. 32) |
|
40. | 15.02 | Інструктаж з БЖД. Створення контурів у GIMP. Практична робота № 5. Робота з контуром у GIMP |
| 1.Опрацювати п. 2.4., питання 1-6
| Опрацювати п. 2.4., питання 1-6; створити тест "Створення контурів у GIMP" |
|
41. | 22.02 | Інструктаж з БЖД. Інструменти виділення. Шари в GIMP. Практична робота № 6. Багатошарові зображення в GIMP | Опрацювати п. 2.5., питання 1-6; завдання для самостійного виконання (ст. 39) |
| ||
42. | 22.02 | Інструктаж з БЖД. Режими шарів у GIMP. Практична робота № 7. Режими шарів у GIMP | Опрацювати п. 2.6., питання 1-6; самостійна робота №1 (ст. 44) |
| ||
43. | 29.02 | Інструктаж з БЖД. Створення колажів у GIMP. Практична робота № 8. Створення колажу | 1.Опрацювати п. 2.7., питання 1-6 2.Завдання для самостійного виконання (ст. 49) | Опрацювати п. 2.7., питання 1-6; самостійна робота №2 (ст. 51) |
| |
44. | 29.02 | Інструктаж з БЖД. Фільтри. Робота з текстом. Практична робота № 9. Текст. Фільтри | 1.Опрацювати п. 2.8., питання 1-6 2.Завдання для самостійного виконання (ст. 55) | Опрацювати п. 2.8., питання 1-6 |
| |
45. | 07.03 | Інструктаж з БЖД. Практична робота № 10. Застосування фільтрів до тексту. Коригування зображення в GIMP. Тонове та колірне коригування |
|
|
|
|
46. | 07.03 | Інструктаж з БЖД. Коригування зображення в GIMP. Інструменти ретушування. Практична робота № 11. Інструменти. Перспектива. Штамп з перспективою |
|
|
|
|
47. | 14.03 | Інструктаж з БЖД. Комп'ютерна анімація. Практична робота № 12. Створення анімаційного зображення в GIMP |
|
|
|
|
48. | 14.03 | Інструктаж з БЖД. Макетування та верстка документа. Макетування для Веб. Практична робота № 13. Створення макета сайту засобами GIMP. Практична робота № 14. Градієнти, структури |
|
|
|
|
Очікувані результати | Зміст навчання | |
Растрова графіка | ||
Знаннєва складова Пояснює основні принципи створення й обробки растрових зображень. Описує основні параметри растрових зображень. Описує призначення й функції растрового графічного редактора. Пояснює призначення й спосіб використання основних інструментів малювання. Описує методику виділення областей на зображеннях і методику побудови багатошарових зображень. Використовує елементи авторської графічної техніки. Знає прийоми створення колажів. Пояснює алгоритм створення анімацій у середовищі растрового графічного редактора. Описує процес ретушування зображень, у тому числі коригування діапазону яскравості, застосування фільтрів, клонування тощо. Наводить приклади графічних елементів на веб-сторінках. Діяльнісна складова Створює прості ілюстрації засобами растрового графічного редактора. Уміє використовувати різні способи виділення фрагментів зображень. Уміє переміщувати, масштабувати й обертати область виокремлення. Застосовує засоби уточнення попереднього виокремлення. Обробляє виділені області в стандартному режимі та в режимі маски. Створює колажі з фрагментів зображень. Керує властивостями шарів зображень. Здійснює тонове коректування зображень, керуючи яскравістю й контрастністю зображень. Виконує коригування кольору зображень. Усуває дефекти на фотографіях за допомогою фільтрів. Розробляє дизайн та створює листівки в середовищі растрового графічного редактора за допомогою інструментів малювання. Створює ілюстрації для календаря та постери методом колажу. Описує принципи формування анімаційних зображень у середовищі растрового графічного редактора. Розробляє піктограми для конкретного сайту. Створює анімації засобами растрового графічного редактора. Уміє створювати анімовані зображення та налаштовувати часові параметри їхнього відтворення. Виконує налаштування параметрів відображення тексту у графічному редакторі. Використовує засоби растрового графічного редактора для розробки шаблону інформаційного листа. Ціннісна складова Визначає алгоритм створення графічного зображення у середовищі растрового редактора. Враховує можливості редактора растрової графіки. | Характеристики зображення та засобів його відтворення - яскравість, контрастність, роздільна здатність, інтервал оптичної щільності (фотографічна ширина), колірна гама, палітра, глибина кольору, насиченість кольору. Растровий графічний редактор як інструмент для дизайну. Основні інструменти для малювання. Концепція побудови пошарового зображення Робота з шарами. Створення колажів. Прийоми колажування. Робота з текстом. Робота з векторними елементами. Ретуш та художня обробка зображень, отриманих шляхом фотографування або сканування. Гама-корекція як засіб узгодження діапазону яскравості зображення і характеристик засобу його відтворення. Тонова корекція зображень. Робота з кольором.
Створення елементів для веб-сторінок. Анімація в растровому графічному редакторі. | |
Розділ 1. ГРАФІЧНИЙ ДИЗАЙН ЯК ЗАСІБ ВІЗУАЛЬНОЇ КОМУНІКАЦІЇ (6 годин)
№ | Дата | Тема | Матеріал | Робота в класі | Домашнє завдання |
31. | 18.01 | Інструктаж з БЖД. Поняття і історія графічної культури. Дизайн і його тенденції | 1. Презентація | Опрацювати п. 1.1., питання 1-6; завдання 1-4 | Опрацювати п. 1.1., питання 1-6; завдання 5, 6 |
32. | 18.01 | Інструктаж з БЖД. Реклама. Основи створення реклами. Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди. Психологія сприйняттям реклами. Практична робота № 1. Форматування шрифту в текстовому процесорі | 1. Презентація | Опрацювати п. 1.2., питання 1-6 | |
33. | 25.01 | Інструктаж з БЖД. Ілюстрація. Цифрове мистецтво. | 1. Презентація | Опрацювати п. 1.3., питання 1-6 | |
34. | 25.01 | Інструктаж з БЖД. Основи типографіки. Шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів | 1. Презентація 2. Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу | Опрацювати п. 1.4., питання 1-6, завдання 5, 6 | |
35. | 01.02 | Інструктаж з БЖД. Електронні та друковані портфоліо | 2. Створити власне портфоліо (зразок) | ||
36. | 01.02 | Інструктаж з БЖД. Веб-дизайн |
Очікувані результати | Зміст навчання | |
Графічний дизайн як засіб візуальної комунікації | ||
Знаннєва складова Знає основні засоби візуальної комунікації. Пояснює сприйняття інфографіки людиною. Описує основні напрямки сучасного цифрового мистецтва. Називає основні властивості шрифтів та способи їх поєднання. Розуміє поняття друкованої реклами. Наводить приклади використання дизайну. Знає основні способи графічної реклама в міському середовищі, Знає основні принципи оформлення вітрин. Розуміє різницю між електронними та друкованими портфоліо. Діяльнісна складова Розпізнає нестандартні рекламні носії (упаковки, книжки-трансформери, предметну ілюстрацію і фото-типографіку) Виконує розробку концепції виставкового стенду. Ціннісна складова Оцінює рекламу конкретного товару, послуги або підприємства. Усвідомлює важливість засобів графічного дизайну у сучасному суспільстві. | Історія графічної культури. Дизайн і його тенденції. Ілюстрація. Цифрове мистецтво. Сучасна реклама та фірмовий стиль: напрямки, стилі, тренди. Реклама. Психологія сприйняттям реклами. Інфографіка. Типографіка, шрифти і шрифтові пари. Прийоми каліграфії та леттерингу. Особливості поєднання шрифтів. Коротка історія дизайну і типографіки. Електронні та друковані портфоліо. Веб-дизайн. | |
