Анімація в растровому графічному редакторі.
ТЕМА УРОКУ
ПЛАН УРОКУ
ЗАПИШІТЬ П’ЯТЬ КЛЮЧОВИХ СЛІВ З МИНУЛОГО УРОКУ, ТА ПОЯСНІТЬ ЇХ?
ВИКОНУЙМО РАЗОМ!
ПРАЦЮЙМО НА ОЦІНКУ!
Ретуш та художня обробка зображень. Гама-корекція.
Анімація в растровому�графічному редакторі
Анімація – штучне відтворення руху в кіно, на телебаченні чи в комп’ютерній графіці шляхом послідовного відображення малюнків або кадрів з частотою, що забезпечує цілісне зорове сприйняття образів
Приклад мальованої анімації
Анімація в растровому�графічному редакторі
Технології комп'ютерної анімації:
Класична (покадрова) анімація
Анімація ключових кадрів
Морфінг - спеціальний ефект, що створює ефект плавного переходу (перетікання) між об'єктами.
Колірна анімація
ЗD-анімація
Анімація в растровому�графічному редакторі
Технології відтворення анімації залежить від задач:
Для простих ефектів — CSS
Для графіки — растрова/векторна
Для складних сцен — 3D
Анімація в растровому�графічному редакторі
Графічний файл формату GIF:
Швидка зміна малюнків (кадрів), які мало відрізняються один від одного
Застосовують у веб-дизайні
Для невеликих анімацій
Обмежена палітра
Анімація в растровому�графічному редакторі
https://www.youtube.com/watch?v=1t0Fdhk7Yf0
Анімація «Діамантове серце»
1. Створюємо новий документ розміром 250х250 пікселів
Анімація «Діамантове серце»
2. Заливаємо шар чорним кольором
Панель параметрів
Використовуємо інструмент Заливка
Анімація «Діамантове серце»
3. Створюємо новий шар, на якому м’яким червоним пензлем діаметром 200 ставимо точку в центрі
Діаметр 200
Анімація «Діамантове серце»
1
2
3
4
4. Створюємо ще один шар і розміщуємо на ньому фігуру (інструмент Довільна фігура) в режимі створення Контуру.
5
Анімація «Діамантове серце»
1
5. Налашто-вуємо пензель білого кольору (меню Вікно ⇒ Параметри пензля) зі збільшеними інтервалами:
2
3
Анімація «Діамантове серце»
1
6. Переходимо на панель Контури та виконуємо обведення контура пензлем:
2
Анімація «Діамантове серце»
6. Переходимо на панель Контури та виконуємо обведення контура пензлем:
Анімація «Діамантове серце»
8. Застосовуємо стиль Роздроблений метал
Анімація «Діамантове серце»
9. На палітрі Шари створюємо новий шар, і застосовуємо трансформацію: меню Редагувати ⇒ Трансформувати контур ⇒ Масштаб; зв’язуємо висоту на ширину і вказуємо 80%. Зміни потрібно підтвердити Enter.
Анімація «Діамантове серце»
10. Знову переходимо на панель Контури і виконуємо обведення та застосовуємо стиль і зменшуємо до 80%. Повторюємо ще раз, щоб отримати три шари із сердечками різного розміру: найбільше, середнє та мале.
Анімація «Діамантове серце»
11. Відкри-ваємо панель анімації: меню Вікно ⇒ Шкала часу. Створюємо 4 кадри анімації:
Анімація «Діамантове серце»
12. Налашто-вуємо видимість шарів на кожному із них за схемою: Велике-Середнє-Мале-Середнє та тривалість кадрів по 0.2 секунди:
Анімація «Діамантове серце»
1
13. Якщо анімація працює правильно, зберігаємо її для веб-середовища (меню Файл ⇒ Експорт ⇒ Зберегти для веб-середовища)
2
3
Дайте відповіді на запитання
Працюємо за комп’ютером
Створення анімації
Створіть анімацію «Діамантове серце»
Додаткові матеріали
ДОМАШНЄ ЗАВДАННЯ
2. Виконати тест по перевірці уроків 37-38
3. Виконати практичну роботу до уроків 37-38
4. Підготуватися до Контрольної роботи з теми «Растрова графіка»