Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Создание Flash-анимации

2015 г.Петрова Л.Б.Ход урокаFlash имеет три различных способа анимации объектов: покадровая анимация, когда автор сам создает каждый кадр и устанавливает последовательность их просмотра; автоматическая анимация (tween), когда автор создает только ключевые кадры, а Flash генерирует все
2015 г.Создание Flash-анимации 2015 г.Петрова Л.Б.Ход урокаFlash имеет три различных способа анимации объектов: покадровая анимация, 2015 г.Петрова Л.Б.Автоматическая анимация (tween)Выполним три задания на различные виды автоматической анимации 2015 г.Петрова Л.Б.I. Анимация движения (motion tween) Изменим цвет сцены (stage) на 2015 г.Петрова Л.Б.I. Анимация движения (motion tween) Добавляем новый слой (Insert – 2015 г.Петрова Л.Б.II. Анимация формы - морфинг (shape tween) Создадим новый файл 2015 г.Петрова Л.Б.II. Анимация формы - морфинг (shape tween) Запускаем просмотр анимации 2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) Рассмотрим классическую анимацию на примере 2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) Создадим копии первого кадра в 2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) В контекстном меню первого кадра 2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) Полученную анимацию можно сохранить в 2015 г.Петрова Л.Б.Проверка и закреплениеДля проверки понимания и закрепления учащимися нового материала 2015 г.Петрова Л.Б.Заключительная частьПодведение итогов: что нового узнали, чему научились, что понравилось 2015 г.Петрова Л.Б.ИсточникиН.Д. Угринович Информатика и ИКТ-10. Базовый курс. Учебник для 10
Слайды презентации

Слайд 2 2015 г.
Петрова Л.Б.
Ход урока
Flash имеет три различных способа

2015 г.Петрова Л.Б.Ход урокаFlash имеет три различных способа анимации объектов: покадровая

анимации объектов:

покадровая анимация, когда автор сам создает каждый

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

автоматическая анимация (tween), когда автор создает только ключевые кадры, а Flash генерирует все промежуточные кадры;

анимация по сценарию, который представляет собой описание поведения объекта на языке ActionScript; синтаксис этого языка напоминает синтаксис языков, используемых в Web (JavaScript и VBScript).


Слайд 3 2015 г.
Петрова Л.Б.
Автоматическая анимация (tween)
Выполним три задания на

2015 г.Петрова Л.Б.Автоматическая анимация (tween)Выполним три задания на различные виды автоматической

различные виды автоматической анимации с помощью интерактивной доски (или

экрана и мультимедийного проектора )

На этом уроке будет рассматриваться только автоматическая анимация, которая имеет три различных вида:

Анимация движения (motion tween) – основана на перемещении объекта по заданному пути

Анимация формы (shape tween) – основана на трансформации объекта

Классическая анимация (classic tween) – изменение прозрачности, эффекты смены слайдов


Слайд 4 2015 г.
Петрова Л.Б.
I. Анимация движения (motion tween)
Изменим цвет

2015 г.Петрова Л.Б.I. Анимация движения (motion tween) Изменим цвет сцены (stage)

сцены (stage) на голубой и нарисуем солнышко с помощью

инструментов Овал и Кисть
Выделяем все нарисованные объекты, ПКМ (контекстное меню) – Сreate motion tween. На линейке кадров появятся дополнительные кадры, закрашенные в голубой цвет. Растягиваем голубую полосу на 100 кадров для более медленного движения. Перемещаем солнышко в противоположную сторону и запускаем анимацию клавишами Ctrl+Enter



Линию движения можно изменить инструментом Selection


Слайд 5 2015 г.
Петрова Л.Б.
I. Анимация движения (motion tween)
Добавляем новый

2015 г.Петрова Л.Б.I. Анимация движения (motion tween) Добавляем новый слой (Insert

слой (Insert – Timeline – Layer), на котором кистью

нарисуем облако, установив белый цвет заливки и прозрачность alpha=50%
ПКМ по облаку (контекстное меню) – Сreate motion tween. На линейке кадров появятся дополнительные кадры, закрашенные в голубой цвет. Растягиваем голубую полосу на 100 кадров для более медленного движения. Перемещаем облако в противоположную сторону и запускаем анимацию клавишами Ctrl+Enter


Слайд 6 2015 г.
Петрова Л.Б.
II. Анимация формы - морфинг (shape tween)

2015 г.Петрова Л.Б.II. Анимация формы - морфинг (shape tween) Создадим новый


Создадим новый файл и нарисуем в центре круг без

контура красного цвета
На 25 кадре создадим ключевой кадр F7 и нарисуем синий квадрат без контура
Скопируем первый кадр в 50 кадр и получим исходный красный круг
Между 1 и 25 кадрами на линейке кадров Timeline ПКМ (контекстное меню) выбираем Create shape tween.
То же самое повторим на втором отрезке между 25 и 50 кадрами. Линейка станет светло-зеленого цвета со стрелкой



Слайд 7 2015 г.
Петрова Л.Б.
II. Анимация формы - морфинг (shape tween)

2015 г.Петрова Л.Б.II. Анимация формы - морфинг (shape tween) Запускаем просмотр


Запускаем просмотр анимации Ctrl+Enter
Можно добавлять любые произвольные фигуры на

промежуточных кадрах между первым и последним кадрами.



Слайд 8 2015 г.
Петрова Л.Б.
III. Классическая анимация (classic tween)
Рассмотрим классическую

2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) Рассмотрим классическую анимацию на

анимацию на примере создания анимированной открытки.
Создадим новый файл и

поместим на первый слой красивую картинку и добавим второй слой.
Инструментом Текст напечатаем поздравительный текст, например: «С Днем Рождения» и сразу преобразуем его в символ, нажав клавишу F8. Тип символа (Type) выберем Movie Clip. Образовался второй слой с текстом

Слайд 9 2015 г.
Петрова Л.Б.
III. Классическая анимация (classic tween)
Создадим копии

2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) Создадим копии первого кадра

первого кадра в 25, 75 и 100 кадрах (F6).
Вернемся

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

После этого, на этой же панели, на вкладке Color Effect выберите тип смешивания Alpha значение 0%.


Слайд 10 2015 г.
Петрова Л.Б.
III. Классическая анимация (classic tween)
В контекстном

2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) В контекстном меню первого

меню первого кадра выберите Create Classic Tween.
Затем на панели

Tweening установите значения параметра Erase равным 100 так, как показано на рисунке слева:

В последнем кадре повторим все действия как и в первом кадре, изменив значение параметра Erase c 100 до -100


Слайд 11 2015 г.
Петрова Л.Б.
III. Классическая анимация (classic tween)
Полученную анимацию

2015 г.Петрова Л.Б.III. Классическая анимация (classic tween) Полученную анимацию можно сохранить

можно сохранить в различных форматах: swf, gif, avi, с

помощью команды
File – Export - Export movie

Слайд 12 2015 г.
Петрова Л.Б.
Проверка и закрепление
Для проверки понимания и

2015 г.Петрова Л.Б.Проверка и закреплениеДля проверки понимания и закрепления учащимися нового

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

видео-уроков по информатике [3]:
http://www.videouroki.net/view_post.php?id=32
- видео-уроки по информатике. Видеоурок «Создание и использование клипов».


Слайд 13 2015 г.
Петрова Л.Б.
Заключительная часть
Подведение итогов:
что нового узнали,

2015 г.Петрова Л.Б.Заключительная частьПодведение итогов: что нового узнали, чему научились, что

чему научились,
что понравилось или не понравилось
Оценивание:
Оценить работу

на уроке
Выставить оценки за самостоятельную работу
Домашнее задание:
Ознакомиться с другими уроками на сайтах
http://www.flashgods.net
http://www.videouroki.net

  • Имя файла: sozdanie-flash-animatsii.pptx
  • Количество просмотров: 164
  • Количество скачиваний: 0