Использование простых анимационных графических объектов. Компьютерная графика и анимация. Программы для создания анимации

Информация:

Цели урока:

Заинтересовать учащихся и раскрыть перспективу дальнейшего изучения темы на профиле по информационным технологиям;
Ознакомить учащихся со способами создания мультфильмов;

Задачи урока:

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

познакомить учащихся со способами создания анимированных роликов;

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

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

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

развить представления о принципах создания мультфильма;
научится применять на практике полученные знания.

ТСО и наглядность:

компьютерный класс;
мультимедийный проектор;

Программная поддержка: Программа Macromedia Flash MX.

Ход урока:

Macromedia Flash MX предоставляет несколько способов создания анимационных последовательностей:

анимационные эффекты - программа сама создает последовательность кадров, имитирующую тот или иной эффект применительно к некоторому объекту;
покадровая анимация - пользователь создает каждый кадр будущей анимации;
автоматическая tweened-анимация, или анимация трансформации, - пользователь задает начальный и конечный кадр, а программа сама создает промежуточные кадры на основе программной интерполяции.

Анимационные эффекты

Flash MX включает предварительно подготовленные анимационные эффекты (timeline-эффекты), которые позволяют создавать сложные анимации, используя минимальное количество действий. Вы можете применять функцию Timeline Еffects к следующим объектам:

текст;
графические объекты, включая формы, сгруппированные объекты и графические символы;
растровые изображения;
кнопки.

Когда вы добавляете анимационные эффекты к объекту, Flash автоматически создает соответствующий слой и все трансформации движения и формы, необходимые для данного эффекта, реализуются в этом слое. Новый слой автоматически получает то же имя, что и эффект.

В качестве примера создадим эффект «взрыв» применительно к тексту. Для этого напечатаем некоторую фразу или слово (рис. 1), выделим его с помощью инструмента Arrow и выполним команду Insert → Timeline Effects → Effects → Explode .

Рис. 1. Выделенный текстовый объект

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

Рис. 2. Панель Explode

Наличие окна предпросмотра позволяет анализировать разные вариации эффектов, не покидая панели Explode . После того как вы выберете необходимые параметры, нажмите кнопку ОК и получите примерно такую анимацию .

Аналогично эффекты можно применить к растровому изображению. Рассмотрим пример с плавным исчезновением растровой картинки. Импортируем растровое изображение на сцену по команде File → Import → Import to stage (рис. 3) и применим эффект Вlur по команде Insert → Timeline Effects → Effects → Blur ролик .

Рис. 3. Растровое изображение, импортированное на сцену

Для того чтобы отредактировать анимационный эффект, выделите на сцене объект, ассоциированный с эффектом, и в появившемся окне Properties нажмите кнопку Edit (рис. 4) - в результате появится панель Blur .

Рис. 4. Кнопка Edit находится внизу на панели

В панели Blur можно вновь поменять параметры эффекта и сохранить новые настройки (рис. 5).

Рис. 5. Панель Blur позволяет поменять настройки эффекта

Покадровая анимация

Рассмотрим простейший пример - листочек перемещается из одной точки экрана в другую с поворотом вокруг своей оси.

Рис. 6. Первый ключевой кадр анимации

Нарисуем кленовый листочек, например такой, как показано на рис. 6, - соответствующий кадр на панели Timeline окрасится в серый цвет и внутри него появится точка, указывающая на то, что это ключевой кадр. Ключевой кадр - это кадр, в котором происходит помещение содержимого или его изменение.

Рис. 7. Второй кадр создадим перетаскиванием и трансформацией первого

Затем щелкнем правой кнопкой мыши по соседнему кадру и вставим еще один ключевой кадр, используя команду Insert Keyframe . В результате в этом кадре появится копия листочка; переместим ее вниз (пользуясь инструментом Arrow) и повернем, используя команду Modify → Transform → Free Transform (рис. 7).

Повторим процедуру таким образом, чтобы в 6-м кадре лист занимал конечное положение (рис. 8).

Рис. 8. Последний кадр анимации

Обратите внимание на панель Properties (рис. 8) - в левой ее части указывается тип объекта. В каждом кадре листок является объектом типа Shape (форма), о других типах объектов будет рассказано чуть позже.

Для того чтобы экспортировать фильм в виде SEF-файла (родной формат Macromedia для Flash-фильмов), выполним команду File → Export → Export Movie . В результате получим следующий фильм . Просмотреть получившийся фильм можно не покидая программы Flash по команде Control → Test Movie . Причем для того, чтобы просмотреть, какой объем занимают отдельные кадры фильма, следует выполнить команду . В результате мы увидим, что каждый из шести кадров занимает около 600 Кбайт (рис. 9). Таким образом, объем всего фильма составляет 3686 байт.

Рис. 9. Просмотр фильма в режиме Bandwidth Profiler

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

Автоматическая анимация

Рис. 10. Объект автоматически превращается в графический символ

Рассмотрим, как можно сделать ту же анимацию и получить более компактный результирующий файл. Выделим на экране нарисованный листок инструментом Arrow и выполним команду Insert → Timeline → Create Motion Tween , в результате листочек будет помещен в рамочку, а в панели Properties появится сообщение, что выделенный объект имеет свойства Grafic (рис. 10). Это означает, что анимируемый объект автоматически преобразован в графический символ. Теперь его уже невозможно произвольно редактировать инструментом Arrow как объект типа Shape. Использование символов является важным понятием во Flash. Однажды создав символ, его можно использовать несколько раз в фильме, не увеличивая размер результирующего файла. Символы делятся на графические (graphic), символы-кнопки (button) и символы-мувиклипы (movie clip). В данном уроке рассмотрим графический символ, а к другим типам символов вернемся позднее. Каждый новый символ сразу становится частью библиотеки текущего документа (рис. 11).

Рис. 11. Каждый новый символ становится частью библиотеки

Если выполнить команду Window → Library , то можно убедиться, что в библиотеке появился символ и ему по умолчанию присвоено имя Tween 1. Для того чтобы присвоить символу другое имя, достаточно дважды щелкнуть по названию и заменить его на желаемое. После того как мы сформировали графический символ, перейдем в конечный кадр нашей анимации (пусть это будет 15-й кадр) и вставим ключевой кадр (по команде Insert Keyframe ). В этом кадре появится копия символа, которую мы переместим и повернем вокруг оси (по команде Modify Transform→Free Transform ), как в предыдущем примере. Как видно из рис. 12, все кадры между двумя ключевыми окрасились в голубой цвет и от первого ключевого кадра к последнему протянулась стрелка, что указывает на создание анимации Motion Tween .

Рис. 12. Стрелка на голубом фоне свидетельствует о создании анимации

Motion Tween

Выполнив команду Control → Test Movie , получим информацию, представленную на рис. 13.

Рис. 13. Просмотр фильма в режиме Bandwidth Profiler

Несмотря на то что в этом примере у нас 15, а не шесть кадров, как в предыдущем, и анимация получилась более плавная, размер результирующего файла оказывается меньше - всего 900 байт. Как видно из диаграммы (рис. 13), информация об объекте хранится только в первом кадре, а в каждом новом кадре необходимо запоминать лишь новые положения листка. На это уходит в среднем всего по 20 байт.

Для того чтобы проиллюстрировать падение листа с поворотом вокруг плоскости листа, повторим предыдущий пример, только при модификации последнего ключевого кадра добавим команду Modify → Transform → Flip Horizontal. В результате получим следующий фильм .

Теперь рассмотрим пример, когда листочек приближается к зрителю. Для этого в конечном кадре вместо зеркального отображения (Flip Horizontal ) будем увеличивать размер листка. Для того чтобы не возникало ощущения замедления движения при приближении объекта к зрителю, скорость его движения необходимо увеличивать. Для того чтобы добиться этого эффекта, необходимо щелкнуть по первому кадру и обратиться к разделу Ease в панели Properties . Положительные значения параметра Ease приводят к замедлению движения, а отрицательные - к ускорению. Выберем максимальное ускорение объекта.

Рис. 14. Выберем максимальное ускорение объекта Ease = –100

Для этого выставим значение параметра Ease равным –100 (рис. 14). В результате получим фильм . Отметим, что первый кадр можно поместить и за сценой, тогда мы получим фильм, в котором листок будет влетать в кадр и двигаться навстречу зрителю. Можно моделировать вращение листа вокруг смещенного центра симметрии. Надеюсь, читатель сам сможет поэкспериментировать, усложняя модификацию конечного кадра и изменяя таким образом характер движения листа.

Из представленных примеров очевидно, что автоматическая анимация движения эффективна, когда трансформация объекта при его движении задается простыми функциями (поворот, масштабирование и т.п.). Если же необходимо анимировать сложные движения (например, движение руки героя мультфильма), то здесь анимация трансформации движения не применима. Каждый кадр приходится рисовать вручную, то есть применять покадровую анимацию, состоящую из набора ключевых кадров. Таким образом, покадровая анимация - это наиболее универсальный, но вместе с тем и самый трудоемкий вид анимации, кроме того, он создает наиболее «тяжелые» файлы. Всегда, когда можно заменить покадровую анимацию автоматической, - это предпочтительно. Рассмотрим ряд примеров, которые позволяют использовать автоматическую анимацию движения при имитации полета.

Движение по заданной траектории

Flash позволяет задать движение объекта вдоль заданной траектории. Для того чтобы задать эту траекторию, выполните команду Insert → Timeline → Motion Guide .

В результате над текущим слоем появится специальный слой, который по умолчанию будет иметь имя Guide Layer 1 .

Щелкнем мышью по слою траектории и с помощью инструмента «карандаш» нарисуем линию, вдоль которой планируется перемещение листка (рис. 15).

Рис. 15. Пример задания траектории движения

Теперь перейдем в первый кадр (щелкнем по нему мышью) и в появившейся панели Properties установим флажок Snap (задает режим привязки к траектории движения) - рис. 16.

Рис. 16. Параметр Snap задает режим привязки к траектории движения

После того как вы поставите флажок Snap , центр листа совместится с траекторией движения. Пользуясь инструментом Arrow, можно переместить листочек вдоль кривой движения, но если вы попробуете оторвать листок от траектории и расположить его рядом с ней, он будет притягиваться назад и вновь «прилипать» к траектории движения (рис. 17).

Рис. 17. Объект как бы прилипает к траектории движения своим центром

Перейдите на последний кадр и аналогично привяжите листок к конечной точке траектории движения. Для придания фильму объемности добавим трансформацию Flip Horizontal , - в результате получим фильм .

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

Очевидно, что если мы хотим анимировать полет самолета или птицы, то нам нужно, чтобы они все время двигались носом вперед. Во Flash такой характер движения задать очень просто (рис. 18).

Рис. 18. Если поставить флажок Orient to Path , птица будет лететь головой вперед

Необходимо поставить флажок Orient to Path , и движение птицы изменится на вполне привычное.

Рис. 19. Добавление одноцветного фона

Если вы хотите добавить одноцветный фон, щелкните мышью по фону и в появившейся панели Properties (рис. 19) в поле Background выберите необходимый цвет фона.

Если мы хотим добавить фоновый рисунок, нам понадобится для этого отдельный слой. В принципе, программа Flash предлагает возможность создания системы слоев, сходной с теми, что используются в классической анимации, при которой фон и различные подвижные объекты рисуются каждый на своем слое прозрачной пленки.

Расположив фоновое изображение и каждый анимируемый объект на своем слое, добиться контроля над ними гораздо проще. Итак, для того чтобы добавить фоновый рисунок, создадим для него новый слой. Для этого щелкнем правой кнопкой мыши по слою, который на рис. 19 обозначен как layer 1, и в выпадающем меню выберем строку Insert layer. В добавленном слое нарисуем солнце. Чтобы не запутаться в номерах слоев, дадим слою название «фон». Для этого необходимо щелкнуть на текущем названии и ввести необходимое имя (рис. 20).

Рис. 20. На новом слое создадим неподвижный фоновый объект

Как видно из рис. 20, птица находится за солнцем, что противоречит здравому смыслу. Для того чтобы поменять местами слои, достаточно в режиме drag-and-drop перетащить слой с именем «фон» вниз.

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

Рис. 21. Для анимации облака создадим отдельный слой

Теперь добавим к нашей анимации подвижные объекты, например облако. Для облака создадим новый слой и на нем зададим анимацию трансформации движения. Для того чтобы облако влетало в сцену, расположим его, как показано на рис. 21. В результате получим следующий

Требования к уровню подготовки выпускников

1. Запись средствами ИКТ информации об объектах и процессах окружающего мира (природных, культурно-исторических, школьной жизни, индивидуальной и семейной истории) - запись изображений и звука с использованием различных устройств (цифровых фотоаппаратов и микроскопов, видеокамер, сканеров, магнитофонов);

Текстов, (в том числе с использованием сканера и программ распознавания, расшифровки устной речи);

Музыки (в том числе с использованием музыкальной клавиатуры);

Уметь:

· пользоваться персональным компьютером и его периферийным оборудованием (принтером, сканером, модемом, мультимедийным проектором, цифровой камерой, цифровым датчиком);

· следовать требованиям техники безопасности, гигиены, эргономики и ресурсосбережения при работе со средствами информационных и коммуникационных технологий;

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

1. Рисунки и фотографии.Ввод изображений с помощью инструментов графического редактора, сканера, графического планшета, использование готовых графических объектов. Геометрические и стилевые преобразования. Использование примитивов и шаблонов.

Уметь:

· создавать рисунки, чертежи, графические представления реального объекта, в частности, в процессе проектирования с использованием основных операций графических редакторов, учебных систем автоматизированного проектирования;

создания информационных объектов, в том числе для оформления результатов учебной работы;

2. Звуки и видеоизображения. Композиция и монтаж. Использование простых анимационных графических объектов.

Уметь

· осуществлять простейшую обработку цифровых изображений;

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

создания информационных объектов, в том числе для оформления результатов учебной работы;

3. Проектирование и моделирование. Чертежи. Двумерная и трехмерная графика. Использование стандартных графических объектов и конструирование графических объектов: выделение, объединение, геометрические преобразования фрагментов и компонентов.

Уметь:

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

· создания простейших моделей объектов и процессов в виде изображений и чертежей,

4. Тексты.

Создание текста посредством квалифицированного клавиатурного письма с использованием базовых средств текстовых редакторов.Работа с фрагментами текста. Страница. Абзацы, ссылки, заголовки, оглавления. Выделение изменений. Проверка правописания, словари. Включение в текст списков, таблиц, изображений, диаграмм, формул. Печать текста. Планирование работы над текстом. Примеры деловой переписки, учебной публикации (доклад, реферат).

Уметь:

· структурировать текст, используя нумерацию страниц, списки, ссылки, оглавления;

· проводить проверку правописания;

· использовать в тексте таблицы, изображения;

5. Математические инструменты, динамические (электронные) таблицы. Таблица как средство моделирования. Ввод данных в готовую таблицу, изменение данных, переход к графическому представлению. Ввод математических формул и вычисление по ним, представление формульной зависимости на графике.

Уметь:

· создавать и использовать различные формы представления информации: формулы, графики, диаграммы,

· создавать и использовать таблицы (в том числе динамические, электронные, в частности – в практических задачах),

· переходить от одного представления данных к другому;

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

· создания простейших моделей объектов и процессов в виде (электронных) таблиц,

· проведения компьютерных экспериментов с использованием готовых моделей объектов и процессов;

6. Базы данных. Поиск данных в готовой базе. Создание записей в базе данных

Уметь:

· создавать записи в базе данных;

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

создания информационных объектов, в том числе для оформления результатов учебной работы;

7. Обработка информации. Алгоритм, свойства алгоритмов. Способы записи алгоритмов; блок-схемы. Алгоритмические конструкции. Логические значения, операции, выражения. Разбиение задачи на подзадачи, вспомогательный алгоритм. Обрабатываемые объекты: цепочки символов, числа, списки, деревья, графы. Восприятие, запоминание и преобразование сигналов живыми организмами.

Знать/понимать:

· программный принцип работы компьютера;

Уметь:

· пользоваться персональным компьютером

· следовать требованиям техники безопасности, гигиены, эргономики и ресурсосбережения.

Использовать приобретенные знания и умения в практической деятельности и повседневной жизни для:

· создания простейших моделей объектов и процессов в виде программ (в том числе в форме блок-схем);

Представление информации. Формализация описания реальных объектов и процессов, примеры моделирования объектов и процессов, в том числекомпьютерного.

8. Управление, обратная связь. Основные этапы развития средств информационных технологий.

Уметь:

Использовать приобретенные знания и умения в практической деятельности и повседневной жизни для:

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

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

Образовательные области приоритетного освоения: языки, искусство; проектная деятельность в различных предметных областях.

Поиск информации. Компьютерные энциклопедии и справочники; информация в компьютерных сетях, некомпьютерных источниках информации. Компьютерные и некомпьютерные каталоги; поисковые машины; формулирование запросов.

Образовательные области приоритетного освоения: обществоведение, естественнонаучные дисциплины, языки.

Проектирование и моделирование. Чертежи. Двумерная и трехмерная графика. Использование стандартных графических объектов и конструирование графических объектов: выделение, объединение, геометрические преобразования фрагментов и компонентов. Диаграммы, планы, карты.

Простейшие управляемые компьютерные модели. Образовательные области приоритетного освоения: черчение, материальные технологии, искусство, география, естественнонаучные дисциплины.

Математические инструменты, динамические (электронные) таблицы.

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

Образовательные области приоритетного освоения: информатика и информационные технологии, естественнонаучные дисциплины, обществоведение (экономика).

Организация информационной среды.

Создание и обработка комплексных информационных объектов в виде печатного текста, веб-страницы, презентации с использованием шаблонов.

Организация информации в среде коллективного использования информационных ресурсов.

Электронная почта как средство связи. Правила переписки, приложения к письмам, отправка и получение сообщения. Сохранение для индивидуального использования информационных объектов из компьютерных сетей (в том числе Интернета) и ссылок на них. Примеры организации коллективного взаимодействия: форум, телеконференция, чат.

Образовательные области приоритетного освоения: информатика и информационные технологии, языки, обществоведение, естественнонаучные дисциплины.

ТРЕБОВАНИЯ К УРОВНЮ ПОДГОТОВКИ ВЫПУСКНИКОВ.

В результате изучения информатики и информационно-коммуникационных технологий ученик должен знать/понимать:

Виды информационных процессов; примеры источников и приемников информации;

Единицы измерения количества и скорости передачи информации; принцип дискретного (цифрового) представления информации;

Основные свойства алгоритма, типы алгоритмических конструкций: следование, ветвление, цикл; понятие вспомогательного алгоритма;

Программный принцип работы компьютера;

Назначение и функции используемых информационных и коммуникационных технологий;уметь

Выполнять базовые операции над объектами: цепочками символов, числами, списками, деревьями; проверять свойства этих объектов; выполнять и строить простые алгоритмы;

Оперировать информационными объектами, используя графический интерфейс: открывать, именовать, сохранять объекты, архивировать и разархивировать информацию, пользоваться меню и окнами, справочной системой; предпринимать меры антивирусной безопасности;

Оценивать числовые параметры информационных объектов и процессов: объем памяти, необходимый для хранения информации; скорость передачи информации;

Создавать информационные объекты, в том числе:

Структурировать текст, используя нумерацию страниц, списки, ссылки, оглавления; проводить проверку правописания; использовать в тексте таблицы, изображения;

Создавать и использовать различные формы представления информации: формулы, графики, диаграммы, таблицы (в том числе динамические, электронные, в частности - в практических задачах), переходить от одного представления данных к другому;

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

Создавать записи в базе данных;

Создавать презентации на основе шаблонов;

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

Пользоваться персональным компьютером и его периферийным оборудованием (принтером, сканером, модемом, мультимедийным проектором, цифровой камерой, цифровым датчиком); следовать требованиям техники безопасности, гигиены, эргономики и ресурсосбережения при работе со средствами информационных и коммуникационных технологий;

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

Создания простейших моделей объектов и процессов в виде изображений и чертежей, динамических (электронных) таблиц, программ (в том числе в форме блок-схем);

Проведения компьютерных экспериментов с использованием готовых моделей объектов и процессов;

Создания информационных объектов, в том числе для оформления результатов учебной работы;

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

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

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

Среди принципов формирования содержания общего образования современная дидактика выделяет принцип единства и противоположности логики науки и учебного предмета. Б.Т.Лихачев утверждал, что «идея единства и противоположности логики науки и логики конструирования учебного предмета обусловлена тем, что наука развивается в противоречиях». Она пробивает себе дорогу сквозь толщу предрассудков, совершает скачки вперед, топчется на месте и даже отступает. Педагогическая логика содержания учебного предмета учитывает логику развития основных категорий, понятий данной науки. Вместе с тем педагоги и психологи руководствуются необходимостью учета возрастных особенностей освоения материала школьниками, организуют его на основе как восхождения от абстрактного к конкретному, так и от конкретного к абстрактному».

Цели урока:

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

Тип урока: урок изучения нового материала.

Методы и формы обучения: объяснительно-иллюстративный, эвристический.

Средства обучения: компьютеры с подключением к сети Интернет, мультимедийный проектор.

Урок сопровождается показом: презентации (Приложение 1) и мультфильмов или их фрагментов.

План урока:

Орг. момент – 2 мин.
Подведение к теме урока – 3 мин.
Изучение нового материала – 20 мин.
Самостоятельная работа в сети Интернет – 15 мин.
Итог урока – 3 мин.
Дача домашнего задания – 2 мин.

Ход урока

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

2. Подведение к теме урока.

Учитель: С каждым годом роль медиатехнологий в передаче информации увеличивается. Как бы кому не хотелось, но постепенно текстовая информация уступает часть позиций графической и мультимедийной. Например, компьютерные презентации в учебном процессе стали нормой, а с увеличением скорости Интернета в содержании сайтов увеличивается доля графики. Как вы считаете, почему так происходит?

Ответ: Причина этого в легкости восприятия такой информации. Кроме того, растут объемы информации, а, следовательно, должны появляться и способы ее более быстрого и легкого усвоения.

Учитель: Я предлагаю вам посмотреть один видеосюжет.

Демонстрация первого компьютерного мультфильма «Кошечка» (Можно скачать на сайте «Математические этюды» ).

Более 40 лет назад, 1968 год… Группа под руководством Николая Николаевича Константинова создает математическую модель движения животного (кошки). Машина БЭСМ-4, выполняя написанную программу решения обыкновенных (в математическом смысле слова) дифференциальных уравнений, рисует мультфильм "Кошечка", содержащий даже по современным меркам удивительную анимацию движений кошки, созданную компьютером. Это было сделано в рамках создания программ, моделирующих механизмы. Что особо интересно, для создания собственно кинопленки с мультфильмом каждый кадр был распечатан на принтере, а роль пикселя играла буква «Ш» .

Итак, какова же тема сегодняшнего урока?

Ответ: Компьютерная анимация.

3. Изучение нового материала.

Давайте для начала определимся с термином, что же такое «Анимация» и чем «анимация» отличается от «мультипликации»?

Представление об анимации имеет подавляющее большинство людей. Наверное, многие сразу представят какой-нибудь мультипликационных фильм (что-нибудь вроде «Шрека» или «Винни-Пуха»).

Попытайтесь дать определение.

Ответ: анимация - это движение рисованных изображений.

Слова «анимация» и «мультипликация» означают одно и то же. Во многих странах мультипликацию называют анимацией. Трудно сказать, почему так получилось. В латинском языке слово «multiplikato» означает умножение. Понятно, почему им воспользовались, придумывая название для фильмов, в которых нужно многократно повторять, т.е. множить рисунки, чтобы персонажи на экране двигались. А слово «анимация» образовалось от латинского «anima» - одушевление. Имеется в виду, что все нарисованное в кино выглядит как настоящее, живое, одушевленное.

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

На «западный манер» будем использовать первый вариант.

Какие виды анимации вы можете назвать?

объемная анимация (пример «Пластилиновая ворона»).
живописная анимация (большинство мультфильмов).
перекладочная анимация (пример «Спокойной ночи, малыши!»).
компьютерная анимация (например, «Шрек»).

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

Материал для сообщений можно взять на Сайте для учителей информатики Филатовой Н.А. .

Учитель: Итак, перейдем, непосредственно к компьютерной анимации и рассмотрим ее виды. Я думаю, что определение вы дадите сами.

Ответ: Компьютерная анимация – это анимация, созданная с помощью компьютера.

Или, компьютерная анимация – это создание иллюзии движения объектов на экране монитора.

Виды компьютерной анимации.

Так как основой компьютерной анимации являются графические изображения, то анимацию можно разделить на два вида:

Растровая (анимация в презентациях, Gif-анимация);
Векторная (Flash-фнимация).

Рассмотрим способы анимирования объектов .

Анимация по ключевым кадрам. Расстановка ключевых кадров производится аниматором. Промежуточные же кадры генерирует специальная программа. Этот способ наиболее близок к традиционной рисованной анимации.

Представим временную шкалу (киноленту) как дорожку, состоящую из отдельных кадров. Допустим, что в кадре №1 объект должен находиться слева, а в кадре №100 - справа. Эти два кадра отмечаются как ключевые для данного объекта. В них он располагается в начале и конце движения (рис. 2). Все остальные кадры - промежуточные - не требуют фиксации объекта - изображение в них создаст компьютерная программа. Она сама вычислит, где и в какой момент должен находиться объект. Понятно, что если мы ходим сделать передвижение объекта по кривой, то и ключевых кадров придется сделать больше (или использовать специальные средства, предоставляемые программой, для создания траектории).

Запись движения. Данные анимации записываются специальным оборудованием с реально двигающихся объектов и переносятся на их имитацию в компьютере. Распространённый пример такой техники - Motion capture (захват движений). Актеры в специальных костюмах с датчиками совершают движения, которые записываются камерами и анализируется специальным программным обеспечением. Итоговые данные о перемещении суставов и конечностей актеров применяют к трёхмерным скелетам виртуальных персонажей, чем добиваются высокого уровня достоверности их движения.

Такой же метод используют для переноса мимики живого актера на его трёхмерный аналог в компьютере.

Процедурная анимация. Процедурная анимация полностью или частично рассчитывается компьютером. Сюда можно включить следующие её виды:

Симуляция физического взаимодействия твёрдых тел.
Имитация движения систем частиц, жидкостей и газов.
Имитация взаимодействия мягких тел (ткани, волос).
Расчёт движения иерархической структуры связей (скелета персонажа) под внешним воздействием.
Имитация автономного (самостоятельного) движения персонажа.

Программируемая анимация. Широкое применение в сети получили два языка, с помощью которых программируются движения анимируемых объектов:

Java-Script - браузерный язык
Action-Script - язык работы с приложениями Flash

Преимущество программируемой анимации - в уменьшении размера исходного файла, недостаток - нагрузка на процессор клиента.

Программное обеспечение для создания анимации.

Учитель: Современный человек должен не только уметь воспринимать информацию в «графическом виде», но и производить ее.

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

Учитель: Анимация является разделом темы «Компьютерная графика», подумайте, какие программы можно использовать для создания анимации?

Ответ: Графические редакторы.

Учитель: Да, можно анимировать объекты и с помощью некоторых графических редакторов, но есть и специальные программы для создания анимации. Давайте запишем некоторые из программ.

Условно можно выделить два или три вида ПО для создания анимации:

Программы, позволяющие создавать анимацию из готовых изображений (различные gif-аниматоры, например, Microsoft GIF Animator).
Программные среды, позволяющие создавать 2D анимацию (например, Adobe Flash CS4, Synfig).
Программные среды, позволяющие создавать 3D анимацию (например, Autodesk 3ds Max, Blender).

Кроме того можно создавать анимацию с помощью графических редакторов, например, AdobePhotoshop или GIMP.

Существуют и программы для создания анимации с помощью цифрового фотоаппарата. Сегодня программное обеспечение, позволяющее задействовать цифровой фотоаппарат для съёмки анимации, применяется также часто, как и ставшие привычными 3D- или 2D-пакеты. Любая программа такого типа обеспечивает управление цифровым фотоаппаратом через компьютер и работу с полученными кадрами.

4. Самостоятельная работа в сети Интернет.

Задание: с помощью Интернет заполнить таблицу «Сравнительная характеристика программного обеспечения для создания анимации» (Приложение 2).

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

Анимация своими руками при помощи стандартных программ ОС Windows

Анимация — последовательная демонстрация (показ) графических файлов, которая создает иллюзию движения объектов. Для ее разработки понадобится всего две стандартные программы, которые имеются почти на всех компьютерах с операционной системой Windows — Paint и Movie Maker. Первая позволяет создавать и редактировать графические рисунки, вторая — видео. Качество разработанной анимации будет зависеть от ваших способностей рисования.

1. Создание кадров

Открываем Paint. Выбираем на панели инструментов кисть, подбираем нужный цвети рисуемна рабочем поле любой объект. Сохраняем рисунок в заранее созданную папку под именем «Кадр 1». Затем снова рисуем тот же объект, но немного меняя его положение (например, в первом кадре стрелка часов может стоять на отметке «12», а на втором на «1»). Сохраняем изображение под именем «Кадр 2». Таким образом, разрабатываем несколько кадров. Чем больше их количество, тем плавней будет движение объекта в анимации.

2. Соединение нарисованных кадров в один ролик

Открываем программу Movie Maker. В панели задач выбираем «Импорт изображений» и загружаем кадры. Они будут отображаться в панели «Сборник». Поочередно переносим их на расположенную внизу дорожку. Нажимаем на «Отображение шкалы времени». Если не изменять стандартное для программы время показа, объект анимации будет двигаться резко и медленно. Чтобы изменить это, щелкаем по кадрам и передвигаем появившуюся полоску влево. Кадры будут становиться уже, а значит, время их показа уменьшится.

3. Озвучка анимации

К анимации можно добавить комментарии, записав их через микрофон, или поставить фоновую музыку. В первом случае заходим во вкладку «Сервис» и выбираем «Шкала времени комментария». Затем жмем «Запустить», озвучиваем персонажа или читаем закадровый текст. По завершению нажимаем «Остановить», сохраняем комментарий, добавляемего в проект, а потом на звуковую дорожку в нижней панели.

4. Сохранение анимации в нужном формате

Выбираем пункт меню «Файл» и последовательно кликаем «Сохранить файл фильма», «Показать дополнительные варианты», «Другие варианты». Затем выбираем формат будущего видеофайла. Рекомендуем сохранять анимацию в популярном формате (например, AVI, MPEG, PAL, и др.), чтобы ее можно было воспроизводить на многих плеерах и проще закачать наYouTube.

Создание GIF анимации

GIF анимация («гифка») состоит из отдельных кадров, для которых задается такой параметр, как длительность показа до появления следующей картинки. Она поддерживает лишь 8-битную палитру, из-за чего отображается не больше 256 цветов, что является преимуществом перед другими форматами. Наиболее часто анимационные GIF файлы применяются как элементы навигации на сайтах и рекламные баннеры.

Наиболее простой программой для создания GIF анимации является Easy GIF Animator Pro . Скачиваем ее, открываем, в главном окне кликаем «Создать новую анимацию», после чего откроется «Мастер анимации». Далее добавляем изображения (подбираем в интернете или самостоятельно рисуем в программе Paint). Нажимаем «Вперед». Устанавливаем продолжительность каждого кадра. При необходимости выбираем показ анимации по кругу.

Если подобраны изображения разных размеров, программа предлагает несколько вариантов позиционирования картинок относительно наибольшего изображения:

по центру кадра;
левый верхний угол кадра;
увеличить меньшие картинки до размера самого большого изображения.

Также GIF анимацию можно создать при помощи программы UnFREEz. Для этого достаточно разработать кадры и «перетянуть» их в окно программы. Затем нужно выполнить указание времени задержки между кадрами и включение цикличности. В конце необходимо нажать «Make Animated GIF».

Программы для создания анимации

Программа с большим функционалом и понятным интерфейсом. Она позволяет создавать рисованных персонажей и «оживлять» их в 2D-анимации. Ее возможности:

набор растровых и векторных инструментов для создания и обработки изображений;
возможность рисовать пером или кистью;
создание фигур с помощью «ломаной линии»;
импорт фона;
работа со слоями,
добавление аудиофайла для экспорта в формате swf.

Synfig Studio

При помощи этой бесплатной программы можно создать простую анимацию в 2D-формате — похожую на ту, которая используется в художественных фильмах. Ее преимущества:

функция «tweening», позволяющая автоматически разработать промежуточные кадры;
наложение градиента;
поддержка векторных элементов;
искажения;
фильтры;
инструменты для создания фракталов.

ToonBoom Studio

Программа имеет два рабочих режима: Рисования и Сценарный. Содержит необходимые инструменты для разработки векторных рисунков: кисть, карандаш, «прямоугольник», «ломаная линия», «эллипс». Функции: рисование с применением планшета, векторизация растровых изображений, наложение анимированных сцен на реальный видеоролик, экспорт данных (например, отдельных фрагментов из фотографий).

Это популярная программа для создания 3D-анимации. Ее преимущества:

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

Другие популярные программы для создания анимации своими руками: Plastic animation paper, Creatoon, 3D Studio Max, Adobe Image Ready, MyPaint, Jasc Animation Shop.

Закажите создание анимации, написание сценария или разработку идеи для видеоролика в компании KINESKO — мы качественно выполним свою работу!

Контактная информация: