Тип уроку: повторення й систематизації.
Обладнання та наочність: комп’ютери, підручники, презентація, проектор, GoogleChrome, Adobe Photoshop.
Хід уроку:
1. Організаційний момент.Привітання. Відмічання відсутніх.
Хвилина Патріотичного Виховання.
2. Актуалізація опорних знань.
1. Чи існує параметр border під час роботи із зображеннями? Якщо так, що він означає?
2. Що означає параметр hspace?
3. Яким чином за допомогою програми Photoshop можна вирізати потрібні частини зображення?
3. Вивчення нового матеріалу.
Розповідь учителя (з демонструванням презентації на екрані: Створення GIF-анімації.) Учитель. Анімації є класичним видом подання рекламної інформації чи змушення переходу по посиланню за рахунок привертання уваги своєю динамікою. Сьогодні і ми навчимось створювати прості анімаційні об’єкти.
4. Засвоєння нових знань.
1. Створити на робочому столі папку та назвати її власним прізвищем та ім’ям.
2. Відкрийте середовище Adobe Photoshop.
3. Створіть новий малюнок з прозорим фоном, шириною 350 пікселів та висотою в 200.
4. Додайте опрацьовані під час уроку елементи та створіть 2 кадри. Для першого встановіть тривалість в 0,2 секунди і увімкніть лише відображення прямокутника та напівпрозорого надпису «Перейти».
5. Для другого кадру встановіть тривалість в 0,2 секунди та вимкніть відображення напівпрозорого надпису й увімкніть надпис «Перейти» без прозорості та стрілки.
6. Перевірте роботу анімації відтворивши її та збережіть як веб елемент GIF 128 з тремтінням у власну папку.
Для учня.
5. Фізкультхвилинка.
Вправа для профілактики короткозорості та порушення зору.
6. Підбиття підсумків.
1. Що таке анімація?
2. Які існують способи використання анімацій?
3. З чого складається анімація?
4. Опишіть алгоритм створення анімації в Photoshop.
7.Домашнє завдання.
Створити банерну анімацію по залученню клієнтів до купівлі обраного вами технічного пристрою розміром 750х400 та мінімальною кількістю кадрів 5.
Немає коментарів:
Дописати коментар