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

Урок информатики "Растровая и векторная графика"


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

Документы в архиве:

390.64 КБ vse_mogut_koroli.mp3
31.83 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik001.gif
8.21 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik002.gif
36.09 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik004.gif
6.89 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik009.gif
10.11 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik010.gif
10.73 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik011 (1).gif
2.92 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik011.gif
18.01 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik012.gif
17.95 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik013.gif
26.17 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik014.gif
6.95 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik016.gif
9.36 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik02.gif
69.67 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik03.gif
5.42 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik031.gif
10.58 КБ IN_INK_ZubkovaEA_KonkursMM5_smailik036.gif
189.5 КБ Вращение Земли.pps
2.64 КБ 1.gif
2.59 КБ 10.gif
2.6 КБ 11.gif
2.63 КБ 12.gif
2.64 КБ 13.gif
2.67 КБ 14.gif
2.53 КБ 2.gif
2.46 КБ 3.gif
2.42 КБ 4.gif
2.45 КБ 5.gif
2.44 КБ 6.gif
2.45 КБ 7.gif
2.47 КБ 8.gif
2.54 КБ 9.gif
5.55 КБ Вращение Земли.gif
23.24 КБ земля.gif
73 КБ Открытый урок Растровая и векторная анимация.doc
578.5 КБ Создание GIF-анимации Практическая работа.doc

Название документа Открытый урок Растровая и векторная анимация.doc

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


ПЛАН-КОНСПЕКТ УРОКА

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

(Тема урока)


ФИО (полностью)

Архицкая Лариса Михайловна

Место работы

МОУ ООШ с. Брянкустичи Унечского района Брянской области

Должность

Учитель информатики

Предмет

Информатика и ИКТ

Класс

9

Тема и номер урока в теме

Растровая и векторная анимация, урок №8

Базовый учебник

Угренович Н. Д. Информатика и ИКТ: учебник для 9 класса. М.: БИНОМ. Лаборатория знаний, 2010.

  1. Цели:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ОС Windows XP/7, Microsoft PowerPoint 2007, программа GIF-аниматор, программа Adobe Flаsh, презентация, карточки.

  1. Тип урока:

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

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

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

  1. Методы:

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













СТРУКТУРА И ХОД УРОКА

Этап урока

Время

Деятельность учителя


Деятельность ученика

1

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

3 мин

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


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


2

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

5 мин

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

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


Ответы уч-ся

3

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


2 мин

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

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


Записи в тетрадях

4

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


12 мин

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

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

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

(Показ презентацию в обычном режиме).

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

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

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

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

Другой способ анимации – gif-анимация – последовательность растровых графических изображений (кадров), которые хранятся в одном растровом графическом файле в формате gif. Для создания последовательности растровых изображений можно использовать обычный растровый редактор, а для их превращения в gif-анимацию – специальный редактор..

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


Записи в тетрадях основных понятий
















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

5

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


20 мин

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

Для тех, кто закончит работу раньше, чем через 10 мин, дополнительное задание: Самостоятельно нарисовать и анимировать движение Луны вокруг Земли.

Коллективная игра «Кто быстрее» (3-5 минут). Две команды: один ученик за компьютером – оператор – по выбору ребят, остальные сидят сзади и вместе обсуждают действия, оператор принимает окончательное решение и работает на компьютере. По инструкции команды должны создать анимацию в PowerPoint: двух петушков, расходящихся в разные стороны. Побеждает команда, выполнившая задание быстрее и без ошибок.

Выберите оператора.

Займите места у компьютеров.

Учитель раздает 4 инструкции (по 2 на команду, игроки сами решают, как их использовать)

Учитель объявляет победителей

Вывод учителя: Мы знали, что есть графика растровая и векторная. Растровые рисунки создаются в растровом графическом редакторе, векторные – в векторном. А сегодня мы узнали, что есть еще и анимация – растровая и векторная, в основе которых лежит соответственно растровая и векторная графика.

Учитель выставляет оценки.


Ученики пересаживаются на рабочие места и выполняют Практическую работу «Анимация в презентации» (10-15 минут).














Выбор обучающихся.

6

Домашнее задание

3 мин

5. Домашнее задание: § 1.4, создать анимационную презентацию, используя Clipard, по сюжету: человек выходит из дома – подходит к дороге – пропускает машину – переходит через дорогу – уходит.


Ученики заполняют карточки рефлексии.





















Приложение №1

Игра «Кто быстрее» Применение анимационных эффектов к изображениям в Microsoft PowerPoint

Используя анимационное изображение Петушок.gif из папки [Документы → 9класс → Заготовки], создайте анимацию в презентации PowerPoint. Попробуйте сделать так, чтобы петушок «пробежал» по экрану сначала в одну, затем в другую сторону (в обратном направлении).

(hello_html_2067e296.pnghello_html_2067e296.pngПри выполнении этой работы используйте две копии изображения, одну из которых отразите слева направо, используя инструмент Повернуть в меню Формат, которое появляется при выделении объекта изображения.)

  1. Откройте программу Microsoft PowerPoint.

  2. Установите макет Пустой слайд.

  3. Вставьте изображение Петушок.gif из папки [Документы → 9класс → Заготовки].

  4. Откройте закладку Эффекты анимации «Пути перемещения», нарисуйте путь петушка в любую сторону, установите.

  5. Сделайте копию изображения петушка, бегущего в другую сторону.

  6. Аналогично п. 4 нарисуйте путь петушка в другую сторону.

  7. Продемонстрируйте анимацию.







Название документа Создание GIF-анимации Практическая работа.doc

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

Создание GIF-анимации с помощью растрового графического редактора GIMP

(практическая работа из учебника Н. Угриновича «Информатика» 9 класс)


  1. Запустить редактор GIMP командой Пуск - Все программ-GIMP-GIMP2.

  2. Сhello_html_2008e38f.jpg
    помощью команды Файл - Открыть загрузите в окна изображений файлы 1.gif-14.gif из папки GIF-анимация, расположенной на рабочем столе.



  1. Пhello_html_7895ff90.jpg
    ерейти в окно изображения 2.gif и ввести команду Правка - Копировать.



  1. Перейти в окно изображения 1.gif и ввести команду Правка - Вставить как - Новый слой.



  1. Зhello_html_2c09681a.jpg
    акрыть окно изображения 2.gif.

  2. Выполнить пункты 3 - 5 для изображений 3.gif-14.gif.

  3. В итоге получиться вот такой список слоев:

hello_html_38cad489.jpghello_html_m30593a20.jpg

слои переименованы для удобства.

  1. Направляемся в Слой - Стопка слоев - Обратный порядок слоев,

hello_html_20d65f1d.jpghello_html_1d094ca4.jpg

  1. Затем идем в Фильтры - Анимация - Воспроизведение и смотрим на наше творение.

hello_html_73d0fca4.jpg

  1. Сохраним полученное изображение как GIF-анимацию. В окне изображения 1.gif ввести команду Файл - Сохранить как… (или Файл - Экспортировать)
    Появится окно:

hello_html_2d480f2e.jpgили hello_html_466c7027.jpg

Затем:

hello_html_1b23919.jpg

И, наконец:

hello_html_m5c3506fb.jpg


Автор
Дата добавления 05.11.2015
Раздел Информатика
Подраздел Конспекты
Просмотров436
Номер материала ДВ-126187
Получить свидетельство о публикации

Похожие материалы

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