Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Другие методич. материалы / Урок на тему "Растровая и векторная анимация"

Урок на тему "Растровая и векторная анимация"


До 7 декабря продлён приём заявок на
Международный конкурс "Мириады открытий"
(конкурс сразу по 24 предметам за один оргвзнос)

  • Информатика

Поделитесь материалом с коллегами:




ТЕМА: Растровая и векторная анимация

Цели:

Образовательная:

  • познакомить с различными видами анимации;

  • повторить и закрепить навыки работы с основными инструментами анимации в PowerPoint;

  • научить применять различные приемы эффектов для создания анимации по сюжету.

Развивающая:

  • развивать познавательный интерес, творческую активность учащихся;

  • развивать навыки работы на компьютере, развивать дружеское и деловое общение учащихся в совместной работе.

Воспитательная:

  • воспитывать интерес к предмету, аккуратность, внимательность, дисциплинированность, умение работать в команде.

Опорные термины:

Анимация, эффекты анимации, GIF-анимация, GIF-файл, Flash-анимация, ключевой кадр.

Технические средства обучения:

ПК учителя и учеников, мультимедиапроектор, экран.

Программное обеспечение и материалы к уроку:

ОС Windows 7, Microsoft PowerPoint 2013, программа GIF-аниматор, программа Macromedia- Flаsh, презентация «Урок №10», карточки.

Тип урока:

изучение и первичное закрепление знаний.

Применяемые технологии:

ИТ, личностно-ориентированный подход, здоровьесберегающая, игровая.

Методы:

объяснительно-иллюстративный, практика, игра.

Методическая литература:

Учебник Информатика и ИКТ для 9 кл./ Н.Д. Угринович - М: БИНОМ, 2012.




Ход урока

1. Организационный момент (3 мин)

2. Проверка знаний по теме «Редактирование изображений и рисунков» (5 мин)

3. Постановка цели урока (2 мин)

4. Объяснение нового материала (12 мин)

5. Закрепление и рефлексия (20 мин)

6. Домашнее задание (3 мин)


1. Организационный момент

Ученики сидят за партами. ПК на рабочих местах уже включены для экономии времени.

Приветствие учащихся. Проверка наличия отсутствующих в классе. Раздача карточек рефлексии.

2. Проверка знаний по теме «Техника безопасности в кабинете информатики».

Давайте вспомним, что представляет собой растровое изображение? Что представляет собой векторное изображение?

Чем различаются рисунки, созданные в векторном и в растровом редакторах? (Опрос «по цепочке»).

3. Постановка цели урока

Приступим к изучению нового материала. Тему урока запишите в тетрадь.

Сегодня на уроке мы с вами научимся создавать анимацию в PowerPoint. Также познакомимся с другими видами анимации.

4. Объяснение нового материала

Так как изображения растровые и векторные, то и анимация бывает растровой и векторной.

Анимация – создание иллюзии движения на экране монитора. Компьютерная анимация использует быструю смену кадров, которую глаз человека воспринимает как непрерывное движение. Чем больше кадров меняется за одну минуту, тем более полная иллюзия движения возникает у человека, кстати, кадров должно быть не меньше, чем 24.

Анимацию в презентации можно выполнить с помощью эффектов, реализованных в процессе перехода слайдов. Для создания компьютерной анимации, показывающей движение Земли вокруг Солнца, необходимо создать последовательность кадров, на которых нарисованы разные положения Земли на орбите. (Учитель показывает презентацию в обычном режиме). Для создания иллюзии движения требуется осуществить их быстрый последовательный вывод на экран монитора (учитель демонстрирует анимацию, реализованную с помощью смены слайдов – презентация «Движение Земли вокруг солнца»).

Почему мы видим перемещение Земли (скачки)? И что надо сделать, чтобы создавалась полная иллюзия движения на экране монитора?

Ученики: Для того, чтобы мы не видели скачков, нужно сделать больше слайдов. Количество кадров секунду должно быть не менее 24.

Анимацию в презентациях можно создавать также с помощью анимационных эффектов для каждого объекта на слайде.

Способ создания анимации – это flash-анимация, которая базируется на использовании векторной графики и представляет собой последовательность векторных рисунков (кадров). Кадр строится с использованием набора векторных графических объектов, для каждого из которых можно задать размер, цвет линий и заливки и другие параметры. Достоинством flash-анимации является то, что нет необходимости прорисовывать каждый кадр. Достаточно нарисовать ключевые кадры и задать тип переходов между ними Редактор flash-анимации автоматически построит промежуточные кадры. Если промежуточных кадров много, то анимация получается плавной, а если мало, то быстрой.

4. Закрепление и рефлексия.

Ученики пересаживаются на рабочие места. Учитель рассаживает обучающихся по принципу: сильный ученик – слабый ученик за соседние ПК.

Практическая работа «Анимация в презентации» (10-15 минут). Для тех, кто закончит работу раньше, чем через 10 мин, дополнительное задание: Самостоятельно нарисовать и анимировать движение Луны вокруг Земли.

Практическая работа

Создание анимации изображения в презентации Microsoft PowerPoint 2013

Аппаратное и программное обеспечение. Компьютеры с операционной системой Windows, программа разработки презентаций Microsoft PowerPoint 2013, входящая в интегрированное офисное приложение Microsoft Office 2013.


Цель работы. Научиться использовать возможности программ разработки презентаций для создания эффекта анимации изображений.


Задание. Применить к статическому изображению, внедренному в презентацию, эффекты анимации для создания иллюзии движения объекта.



hello_html_m49a949d7.jpgСоздание анимации изображения на слайде


  1. Запустить редактор презентаций Microsoft PowerPoint 2013 командой [Пуск – Все программы – Microsoft Office 2013Microsoft PowerPoint 2013]. Выберите Пустая страница.

  2. Для удобства выполнения работы замените титульный слайд презентации на пустой слайд. Для этого щелкните правой кнопкой мыши по титульному слайду и в контекстном меню в разделе Макет выберите Пустой слайд.


Создадим анимационное движение Земли вокруг Солнца.


  1. Подготовьте изображения Земли и Солнца, перейдя на ленту меню Вставка и щелкнув по кнопке Изображения из файла. В появившемся окне выбрать Документы, выделить рисунки Земля.gif и Солнце.gif., щелкнуть по кнопке Вставить.

  2. hello_html_20cb8d0d.gifВыделите объект «Земля» и перейдите вменю на вкладку Анимация для выбора эффектов. Выполните команду [Добавить анимацию → Другие пути перемещения].

  3. Откроется диалоговое окно Добавление пути перемещения. Укажите путь перемещения Круг и щелкните OK.

  4. Переместите Солнце таким образом, чтобы оно оказалось в центре отобразившегося пунктирного круга (т. е. в центре траектории движения Земли).

При необходимости увеличьте путь перемещения Круг с помощью специальных маркеров (квадратиков).

  1. Снова выделите объект «Земля», щелкните по кнопке Добавить анимацию и выполните команду [Выделение – Вращение].


Настроим анимационные эффекты.


  1. Вызовите область задач, на вкладке Анимация.

  2. В отобразившейся справа области выделите первый добавленный анимационный эффект (путь перемещения Круг) и, щелкнув на выделенном правой кнопкой мыши, в появившемся меню выберите пункт Параметры эффектов….

  3. В появившемся диалоговом окне Круг на вкладке Эффект передвиньте ползунки параметров Плавное начало и Плавное окончание на 0 сек.:

hello_html_m5666dfdc.png


  1. Переключитесь на вкладку Время и измените параметры следующим образом:


hello_html_m5e1df7ff.png


  1. Щелкните по кнопке OK.

  2. В Области анимации выделите второй анимационный эффект Вращение и в Параметрах эффектов… примените к нему следующие настройки:

hello_html_md288389.pnghello_html_m6c1261e4.png

  1. Для предварительного просмотра запустите презентацию на выполнение клавишей F5.

  2. Выделите объект «Солнце» и добавьте к нему анимацию Изменение размера. Для этого выполните следующие действия:

  1. выделите Солнце;

  2. на вкладке Анимация щелкните по кнопке Добавить анимацию hello_html_51dff144.png и выберите Дополнительные эффекты выделения;

  3. в группе Общие выберите эффект Изменение размера и щелкните кнопку OK.

  1. Для настройки параметров эффекта Изменение размера в Области анимации (в окне программы – справа) щелкните по добавленному эффекту правой кнопкой мыши и выберите Параметры эффектов….

  2. На вкладке Эффект установите следующие настройки:

hello_html_m5eabfd36.png

(Для настройки размера эффекта щелкните по кнопке раскрывающегося списка и в поле Другой: вручную введите 95%. Чтобы принять этот размер, после ввода числа нажмите на клавишу Группа 113).

  1. На вкладке Время установите следующие параметры:

hello_html_m68e977fe.png

  1. Сохраните изменения, нажав на кнопку OK.

  2. Просмотрите результат работы, нажав на клавишу Группа 29 или щелкнув по кнопке Показ слайдов hello_html_m7f3f400c.png на информационной панели (внизу окна программы).

  3. Сохраните работу в собственной папке под именем Вращение.

  4. Дополнительное задание. Открыть презентацию Вращение», самостоятельно нарисовать и анимировать движение Луны вокруг Земли. Сохранить изменения.





57 вебинаров для учителей на разные темы
ПЕРЕЙТИ к бесплатному просмотру
(заказ свидетельства о просмотре - только до 11 декабря)

Автор
Дата добавления 26.11.2016
Раздел Информатика
Подраздел Другие методич. материалы
Просмотров8
Номер материала ДБ-392593
Получить свидетельство о публикации
Похожие материалы

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Специальное предложение
Вверх