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

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

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

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

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

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

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

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

Практическая работа «Светофор»

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

  1. Создайте новый документ.
  2. Выберите инструмент Selection (стрелка). Если выбран этот инструмент, и на сцене нет выделенных объектов, то в панели Properties отображаются параметры данного документа (размеры, частота смены кадров, цвет фона и т.д.).
  3. Выберите из палитры Background в панели Properties небесно-голубой цвет фона.
  4. Выберите инструмент Прямоугольник (Rectangle). Цвет заливки серый, цвет контура чёрный, толщина контура 1, стиль контура Solid.
  5. Постройте прямоугольник шириной примерно 3 см и высотой 8 см. Это будет корпус светофора.
  6. Дважды щёлкните по имени слоя, содержащего прямоугольник, и введите новое имя: Корпус.
  7. Заблокируйте слой.
  8. Добавьте новый слой и дайте ему имя Сигналы.
  9. Нарисуйте в этом слое три одинаковых круга, которые будут обозначать сигналы светофора. (Для дублирования объекта его следует выделить и перетащить на новое место, удерживая клавишу Ctrl). Верхний круг залейте красным, остальные два – тёмно-серым.
  10. Перейдите в 65 кадр и вставьте кадры во обоих слоях (клавиша F5).
  11. До 25 кадра будет гореть красный свет. Затем включается жёлтый (красный не выключается). В слое Сигналы сделайте 25-й кадр ключевым (выделите и нажмите F6). Слой Корпус не изменяется, значит ключевые кадры в нём не нужны.
  12. «Включите» в 25-м кадре жёлтый свет, изменив цвет соответствующего круга.
  13. Красный и жёлтый будут включены до 35 кадра. В 35-м кадре они погаснут, и загорится зелёный. Вставьте 35-й ключевой кадр в слое Сигналы и внесите соответствующие изменения в этом кадре.
  14. Зелёный горит до 47-го кадра. После этого он начинает мигать. Вставьте 47-й ключевой кадр в слое Сигналы и в этом кадре перекрасьте зелёный сигнал в тёмно-серый.
  15. Вставьте 49 ключевой кадр в слое Сигналы и снова «включите» зелёный свет.
  16. Вставьте 51-й ключевой кадр в слое Сигналы и «выключите» зелёный свет.
  17. В 53-м кадре зелёный снова включается.
  18. В 55-м кадре зелёный гаснет окончательно, и включается жёлтый. Он будет гореть до 65 –го кадра, после чего фильм начнётся сначала.
  19. Протестируйте фильм (Control>Test Movie).
  20. Сохраните фильм в отведенной для него папке под именем traffic-lightВнимание! Избегайте русскоязычных названий для Flash-фильмов! Использование русских букв сделает затруднительным размещение вашего фильма на страницах сайта.
  21. .
  22. Выполните команду File>Publish Settings.
  23. Выберите вкладку Formats и выберите форматы swf, html и exe.
  24. Нажмите кнопку Publish.
  25. Перейдите в папку, в которой сохранен фильм и просмотрите файлы, получившиеся в результате публикации.
  26. По желанию можете дорисовать пейзаж ( облаlse" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
Hosted by uCoz