Мета: Принцип покадрової анімації. Створення gif-анімації в середовищі Adobe ImageReady. Розвивати уяву, алгоритмічне та прогностичне мислення.
Прилади і матеріали: Файл з прикладом завдання svitlofor.avi
Тип уроку: Урок засвоєння вмінь і навичок.
(1). Організаційна частина
- присутні
(2). повідомлення теми, мети уроку
(3). Сприйняття та осмислення нового матеріалу
1. Означення gif-анімації.
Графічні файли формату GIF можуть зберігати в собі декілька окремих зображень (кадрів). При відкритті таких файлів програма-переглядач зчитує усі ці кадри і з певною швидкістю відображає їх один за одним. На екрані утворюється ефект анімації, яка отримала назву gif-анімація.
2. Означення покадрової анімації.
Це анімація, яка утворюється шляхом зміни окремих зображень (кадрів) на екрані з наперед визначеною частотою.
3. Редактор анімації Adobe ImageReady.
1) Середовище (вікно) редактора
2) Створення анімації
· Файл/Новый… (розмір малюнка; колір фону).
· Зберігаємо документ (*.psd).
· Слой/Опции слоя… (назва шару).
· Малюємо тулуб.
· Слой/Новый/Слой… (назва шару).
· Малюємо руки.
· Слой/Новый/Слой… (назва шару).
· Малюємо ноги.
· Прибираємо прапорець New Layers Visible In All Frames на панелі інструментів «Анімація».
· Дублюємо кадр.
· Другий кадр. Дублюємо шар «Тулуб» (курсор на шарі «Тулуб», Слой/Дублировать слой, перейменувати шар на «Тулуб1»).
· Вимикаємо відображення шару «Тулуб».
· Трошки опускаємо тулуб на зображенні.
· Так само дублюємо шари «Руки» і «Ноги», вимикаємо оригінали, перемальовуємо нові шари.
· Так самим чином створюємо ще два кадри, на яких людина продовжує присідати.
· Виділяємо усі кадри і дублюємо їх.
· Команда панелі «Анімація» Reverse Frames – встановлюємо копії кадрів у зворотному порядку.
· Запускаємо анімацію (кнопка на панелі «Анімація»).
· Задаємо тривалість відображення кожного кадру (швидкість зміни кадрів) – виділяємо усі кадри і у будь-якого з них натискаємо на кнопку з трикутником.
· Дивимось результат.
· Задаємо кількість повторень – Forever/Other…
· Дивимось результат.
· Зберігаємо анімацію у форматі GIF – Файл/Сохранить оптимизированное .
· Переглядаємо створений gif-файл.
(4). Узагальнення та систематизація знань
Завдання: Створити анімацію «Світлофор». Файл з прикладом: \\c1\lessons\10\animaciia\svitlofor.avi .
(5). Підсумок уроку
Наумов Микола Сергійович, вчитель інформатики Новоград-Волинського колегіуму, Житомирська обл.