Дистанционный мастер-класс

Об автореО сайте

Основы Flash-анимации

Окно приветствия
Рабочее пространство
Графические объекты Flash
Графические инструменты Flash
Анимация
Практическая работа «Светофор»
Символы
Твининг движения. Практическая работа «Полёт мяча»

Практическая работа «Прыгающий мяч»
Часть 1
Часть 2
Часть 3 (движение по произвольной траектории)

Практическая работа «Старый автомобиль»
Часть 1. Movie-clip.
ЧАсть 2. Анимированные кнопки.
Часть 3. Назначение сценария кнопке.
Имитация движения камеры вместе с движущимся объектом.
Импортирование gif-анимации. (задание для самостоятельной работы).

Морфинг- анимация (твининг формы)
Практические работы «Метаморфозы», «Слон из мухи»

Практическая работа «Открытка»
Работа с растровым изображением
Вставка клипа в кнопку
Добавление сцены. Маскирование.
Переход между сценами.
Вставка звука

Практическая работа «Открытка»

Исходный файл
Flash-ролик

Вставка клипа в кнопку

  1. Импортируйте в библиотеку файл fl1.gif (File>Import to library).
  2. Это анимированный gif. во избежание дальнейших сложностей переименуйте появившиеся в библиотеке растровые символы в порядке их следования: fl1-1, fl1-2… и т.д., всего 8 символов.
  3. Создайте в библиотеке папку flower1 и поместите в неё fl1 и все символы, входящие в его состав.
  4. Поместите клип fl1 на сцену и протестируйте фильм, чтобы узнать, как выглядит клип на сцене. Вы видите букет, который распускается, отцветает, исчезает и снова появляется, и всё это менее, чем за секунду. Такое мельтешение свойственно gif-анимации, но нам не подходит. Кроме того можно заметить ещё один недостаток: фаза «отцветания» у букета длиннее, чем фаза «расцветания».
  5. Откройте клип fl1 для редактирования (двойной клик в панели Library).
  6. Выберите команду Control>Play. Клип проигрывается, начиная с того момента, когда букет начинает постепенно исчезать.
  7. Проанализируем состав кадров клипа. В 1-м кадре цветы имеют максимальный размер. Далее со 2-го по 5-й кадр они постепенно уменьшаются. В 6-м кадре размер цветов не меняется, но куда-то исчезает вся зелень, 7-й кадр аналогичен 3-му, 8 кадр аналогичен 2-му, т.е. процесс идёт в обратном порядке, но один кадр (тот, что должен был быть аналогичным 4-му) пропущен.
  8. Удалите из клипа кадры 6-8 (выделите и выберите команду Remove frames из контекстного меню).
  9. Выделите все оставшиеся кадры и разместите их в обратном порядке (команда Reverse frames в контекстном меню).
  10. Выделите последний кадр. Откройте панель Actions. Убедитесь, что в заголовке панели написано Actions – Frame (сценарий в кадре).
  11. stop();
  12. Примечание: вообще говоря лучше бы для всех скриптов завести отдельный слой с именем actions и создавать ключевые кадры там, где необходимо поместить скрипт.
  13. Создайте новый символ – кнопку.
  14. В кадр up поместите Bitmap-символ fl1-5 (нераспустившийся букет). Задайте для него координаты (0, 0).
  15. В кадре Over вставьте ключевой кадр, удалите Bitmap-символ и поместите в этот кадр клип fl1. Задайте для него те же координаты (0, 0).
  16. Вернитесь к редактированию сцены.
  17. Удалите с неё клип (он был нужен только для того, чтобы понять его работу).
  18. Поместите на сцену созданную вами кнопку.
  19. Протестируйте фильм.
  20. По своему усмотрению создайте ещё несколько подобных кнопок.
  21. Сохраните и опубликуйте фильм.
Hosted by uCoz