Главная » Бизнес в Интернете

Делаем flash-ролик с анимацией движения

flash-ролик с анимацией движенияЕсли заполнение кадров с изменением формы можно делать только для фигур, то анимацию движения, наоборот, для фигур делать нельзя. Заполнение кадров с анимацией движения применяется для групп, импортированных картинок и текста.

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

Для того, чтобы создать анимацию движения, проделайте следующие действия:

  1. делаем ключевой кадрВыделите кадр, в котором хотите начать анимацию движения. Если этот кадр не ключевой, сделайте его ключевым кадром с помощью меню Insert — Timeline — Keyframe, или с помощью клика по кадру правой клавишей мыши и выбора пункта Insert Keyframe.
  2. Нарисуйте или импортируйте изображение.
    • Если для анимации движения Вы хотите использовать рисованное изображение, сгруппируйте его: выделите его целиком и выберите в меню Modify — Convert into Symbol (вместо этого можно нажать клавишу F8), затем поставьте галочку напротив пункта Graphic и нажмите OK.
    • Если Вы импортируете изображение, заранее приготовьте его, например, в программе Photoshop, затем выберите в программе Macromedia Flash Professional 8 пункт File — Import — Import to Stage, и выберите файл рисунка.
    • Если Вы хотите сделать анимацию движения с текстом, никаких дополнительных действий делать не нужно — текст сам по себе является объектом, пригодным для заполнения кадров с движением.
  3. Выделите кадр, в котором хотите закончить анимацию движения, и сделайте его ключевым. В этом ключевом кадре передвиньте изображение туда, где оно должно находиться в конце анимации.
  4. Выделите какой-либо кадр между ключевыми кадрами, откройте панель свойств Properties, и выберите в списке Tween (заполнение кадров) пункт Motion (движение).
  5. Протестируйте свою анимацию движения, выбрав Control — Test Movie (появится flash-ролик). Также flash-ролик можно вызвать нажатием клавиш Ctrl+Enter. Чтобы проиграть анимацию движения прямо в программе Macromedia Flash Professional 8  - нажмите Enter.
  6. Отрегулируйте количество кадров в секунду, нажав на соответствующую иконку на временной ленте. Если анимация движения получилась слишком прерывистой, добавьте промежуточные кадры. Для добавления кадров выделите ряд промежуточных кадров, затем нажмите на выделенные кадры правой клавишей мыши, и выберите Insert Frame. Добавляется ровно столько же кадров, сколько было выделено.

Параметры анимации движения

дополнительные параметры панели свойствВ панели свойств Properties Вы можете увидеть дополнительные настройки для любых объектов, если нажмете на белый треугольник в нижнем правом углу панели.

свойства анимации движенияScale (масштаб) — разрешает, или запрещает плавное изменение размера объекта во время анимации движения. Если Вы в конечном, или начальном ключевом кадре уменьшили или увеличили размер изображения (инструментом Transform), то изображение будет во время анимации увеличиваться или уменьшаться, при включенном этом параметре.

Ease (замедление) — используется, когда необходимо создать эффект ускорения, или замедления. Если Вы хотите, чтобы анимация сначала воспроизводилась медленно, а затем ускорялась, опустите ползунок вниз (в окошке появится отрицательное число). Если Вы хотите, чтобы анимация замедлялась, поднимите ползунок вверх (в окошке появится положительное число). Можно непосредственно проставить числа в окошке от −100 до 100.

анимация движенияRotate (вращение) — с помощью этого параметра можно вращать объекты. Выберите тип вращения (против или по часовой стрелке), а затем укажите, сколько оборотов необходимо выполнить во время перемещения. При этом, если Вы в последнем ключевом кадре повернете объект относительно его положения в первом ключевом кадре, программа Macromedia Flash Professional 8 сама добавит часть оборота, чтобы анимация движения оставалась плавной, и в последнем ключевом кадре получился нужный Вам поворот.


Задание для Вас: сделать flash-ролик с анимацией движения. Вот, что получилось у меня: flash-ролик состоит из трех составляющих: движение с замедлением, движение отсутствует, движение с ускорением. Рисунок в самом начале и в конце анимации расположен за пределами рабочей области программы Macromedia Flash Professional 8.

data="http://pro444.ru/UserFiles/Flash/animsdvizh.swf"
type="application/x-shockwave-flash">

Видео о том, как я делал свой flash-ролик с анимацией движения


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


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

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

3 комментария »

  • Александр пишет:

    Все достаточно просто. Хорошие уроки по работе с Macromedia Flash.

  • Сергей пишет:

    Спасибо Александр,всё просто,понятно,очень помогло.Удачи Вам.

  • Людмила пишет:

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

Оставьте свой комментарий и ответный визит Вам обеспечен