GIF-анімація (конспект уроку)

 Урок №5

Мета: Принцип покадрової анімації. Створення 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).                Підсумок уроку

Наумов Микола Сергійович,
вчитель інформатики Новоград-Волинського колегіуму,
Житомирська обл.

Джерело: http://www.nlr.ru