275238
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 6.900 руб.;
- курсы повышения квалификации от 1.500 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ 50%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаКонспектыУрок информатики "Растровая и векторная графика"

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

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

Выбранный для просмотра документ Открытый урок Растровая и векторная анимация.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

Общая информация

Номер материала: ДВ-126187

Вам будут интересны эти курсы:

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс повышения квалификации «Развитие информационно-коммуникационных компетенций учителя в процессе внедрения ФГОС: работа в Московской электронной школе»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Теория и методика обучения информатике в начальной школе»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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