Конспект открытого урока на тему: ГОУСОШ №1996

ГОУСОШ №1996
Конспект открытого урока
на тему:
«Преобразование растровой картинки в
векторную. Анимация.»
Составила: уч. информатики
Неклеса Ольга Олеговна
Москва, 2006.
Образовательные цели:
 Научить преобразовывать растровую картинку в векторную;
 Научить двигаться изображение.
Воспитательные цели:
 Воспитание познавательной активности;
 Нести ответственность перед коллективом за результаты труда.
Развивающие цели:
 Развитие речи, обогащение и усложнение словарного запаса;
 Развитие мышления, умения анализировать, формулировать выводы, объяснять
изученные понятия.
Тип урока: объяснение нового материала.
Организационная форма: эвристическая беседа.
План урока:
1.Орг. момент
2. Изучение нового материала.
3. Закрепление нового материала.
4. Подведение итого урока.
Этапы урока:
1. Орг. момент
Деятельность учителя:
Здравствуйте. Садитесь.
Меня зовут Ольга Олеговна.
Проверьте чтобы у вас на партах лежала рабочая тетрадь, ручка.
2. Изучение нового
Ребята, в прошлом году вы знакомились с программой Flash анимация.
материала.
Что вы создавали в этой программе? (анимацию)
Какие виды анимации бывают? (кадровые, преобразование Shape, анимация в движении
Motion)
Нам понадобиться анимация в движении Motion?
Ребята, посмотрите пожалуйста на экран. (показ фильма)
Что здесь движется? (голова, хвост)
Сможете ли вы нарисовать такую же собаку? (нет)
Что нужно сделать что бы была одинаковая собака? (скопировать)
Садитесь ребята за компьютеры.
Откройте программу Flash. Пуск – Программы- Macromedia – Flash.
Щёлкните на слое «Layer 1» два раза левой кнопкой мыши.
Удалите старое название и введите новое название «Такса».
Нажмите Enter.
Вставим изображение собаки.
Главное меню File/Import/ Import to Stage /Мои документа/Материалы/ Такca.
Появилось изображение собаки.
Выполните команду Modify/ Bitmap /Trace Bitmap (трассировка).
Появилась таблица Trace Bitmap установим в ней значение:
 Minimum area – 10 pixels
Нажмите ОК.
Установим голубой цвет фона кадра:
Выполните команду Modify/Document.
Открылось окно Document Properties .
В окне Backqround color – выберите цвет голубой.
Нажмите ОК.
Наше изображение разбилось на отдельные закрашенные области, преобразовавшиеся к
векторному виду.
Нажмите на инструмент Selection Tool «Чёрная стрелка».
Щёлкните мышкой по фону.
Затем, щелкните мышкой по белому контуру изображения собаки нажмите клавишу Shift и
выделите мышкой остальные светлые фрагменты.
Нажмите клавишу Delete.
Убрали ненужные части.
Выберите инструмент «Лассо».
Обведите область, вокруг хвоста таксы.
Выполните команду Edit/Cut (вырезать).
Создадим новый слой:
Нажмите на клавишу Insert Layer.
Появился новый слой.
Щёлкните на слое «Layer 2» два раза левой кнопкой мыши.
Удалите старое название и введите новое название «хвост».
Нажмите Enter.
В 1 кадр слоя «Хвост» - вставить выполните команду Edit/Paste in Place (вставить на место).
Встаньте на 1 кадр слоя «Такса».
Выберите инструмент «Лассо».
Обведите область, вокруг головы таксы.
Выполните команду Edit/Cut (вырезать).
Создадим новый слой:
Нажмите на клавишу Insert Layer.
Появился новый слой.
Щёлкните на слое «Layer 3» два раза левой кнопкой мыши.
Удалите старое название и введите новое название «Голова».
Нажмите Enter.
Встаньте на 1 кадр слоя «Голова».
Выполните команду Edit/Paste in Place (вставить на место).
Встаньте на 1кадр слоя «Такса».
Создадим ключевой кадр:
 Встаньте на 20 кадр. Нажмите F6.
 Встаём на 1 кадр. Выделяем все кадры.
 Нажмите на правую клавишу мыши.
 Появилось меню выберите: Create Motion Tween.
Встаньте на 20 кадр. Выполните команду Edit/Paste in Place (вставить на место).
Встаньте на 1кадр слоя «Хвост».
Создадим ключевой кадр:
 Встаньте на 5 кадр. Нажмите F6.
 Встаём на 1 кадр. Выделяем все кадры.
 Нажмите на правую клавишу мыши.
 Появилось меню выберите: Create Motion Tween.
Встаньте на 5 (10, 15, 20) кадры слоя «Хвост».
Нажмите F6.
С помощью инструмента «Трансформация» поднимите (опустите) хвост. и т.д. для всех
остальных кадров. (анимация через каждые 5 кадров)
Встаньте на 1кадр слоя «Голова».
Создадим ключевой кадр:
 Встаньте на 5 кадр. Нажмите F6.
 Встаём на 1 кадр. Выделяем все кадры.
 Нажмите на правую клавишу мыши.
 Появилось меню выберите: Create Motion Tween.
Встаньте на 5 (10, 15, 20) кадры слоя «Голова».
Нажмите F6.
С помощью инструмента «Трансформация» поднимите (опустите) голову и т.д. для всех
остальных кадров. (анимация через каждые 5 кадров).
Просмотрим фильм. Нажмите одновременно две клавиши Ctrl+ Enter.
4. Закрепление нового
Ребята, сегодня мы с вами будем создавать свой анимационный фильм.
материала.
Посмотрите, пожалуйста, на экран. Я хочу показать вам, что вы должны сделать сегодня на
уроке. (Показ фильма)
Вы должны создать фон, анимировать хвост и голову лошади, и руку обезьяны.
Ребята, давайте составим план действий:
1.Открыть программу Flash. Пуск – Программы- Macromedia – Flash.
2.Сохранить файл Fail /Save As/ Мой компьютер Диск Е / Ученик/Africa .
3.Создадим слой «Фон»:
 Нажмите на клавишу Insert Layer.
 Появился новый слой.
 Щёлкните на слое «Layer 1» два раза левой кнопкой мыши.
 Удалите старое название и введите новое название «Фон».
 Нажмите Enter.
4. Создадим слой «Лошадь» (см.пункт 3).

Вставим изображение лошади. (Мои документы- Материалы - Лошадь)

Преобразуем растровую картинку в векторную. (Выполните команду Modify/ Bitmap
/Trace Bitmap).

Появилась таблица Trace Bitmap установим в ней значение:
Minimum area – 10
pixels

Нажмите ОК.
5.Создадим слой «Обезьяна». (см.пункт 3).
Вставим изображение обезьяны. ». (см.пункт 4).
Преобразуем растровую картинку в векторную.
6.Встанем на слой «Лошадь» – выделим лассо хвост – вырежем (Edit/Cut) – создадим новый
слой «Хвост» (см.пункт 3). – вставим Edit/Paste in Place.
7.Встанем на слой «Лошадь» – выделим лассо голову – вырежем (Edit/Cut) – создадим новый
слой «Голова» (см.пункт 3). – вставим Edit/Paste in Place.
8.Встанем на слой «Обезьяна» – выделим лассо руку - вырежем (Edit/Cut) – создадим новый
слой «Рука» (см.пункт 3). – вставим Edit/Paste in Place.
9.Создадим анимацию к слоям «Обезьяна», «Лошадь».
 Встаньте на 20 кадр. Нажмите F6.
 Встаём на 1 кадр. Выделяем все кадры.
 Нажмите на правую клавишу мыши.
 Появилось меню выберите: Create Motion Tween.
10.Создадим анимацию к слоям «Хвост», «Голова», «Рука». (создать анимацию на 5, 10, 15,
20 кадрах):
 Встаньте на 5 кадр. Нажмите F6.
 Встаём на 1 кадр. Выделяем все кадры.
 Нажмите на правую клавишу мыши.
 Появилось меню выберите: Create Motion Tween.
11.Щелкнем на слое «Фон». Дорисуем на слое «Фон» небо, землю, деревья.
12. Создадим анимацию к слою «Фон».
 Встаньте на 20 кадр. Нажмите F6.
 Встаём на 1 кадр. Выделяем все кадры.
 Нажмите на правую клавишу мыши.
 Появилось меню выберите: Create Motion Tween
13. Просмотрим фильм. Нажмите одновременно две клавиши Ctrl+ Enter.
4. Подведение итога
Уважаемая комиссия прошу Вас подходить к детям и просмотреть их работы.
урока.
Ребята, давайте выясним что же у нас не получилось и почему.
Лучше всего справились с заданием ……
Урок окончен.