Практическое решение создание сайта с использованием Macromedia Flash, Практическое решение примеров в программе Macromedia Flash (скриншоты примеров) - Составление анимации в web-сайте с применением Macromedia Flash-технологии

Практическое решение примеров в программе Macromedia Flash (скриншоты примеров)

Пример анимационная баннер сайта.

Пример баннер сайта состоит 227 кадров и из 10 слоев.

    1) Создаем документ File New либо Ctrl+N на пример задаем высоту Width 961 px и ширину Height 221px. 2) Импортируем объекты (рисунки) на рабочий стол, который мы используем для создания анимации File + Import + Import to Stage или Ctrl+R 3) Создаем слой Insert Layer, на 15,35,55 кадрах, создаем ключевые кадры Insert Keyframe или F6, и вставляем объект (рисунок), который будем анимировать и выделяем 55 кадр, переносим объект в нужное место. 4) Выделяем ключевые кадры, нажимаем на правую кнопку мыши, выходит контекстное меню в списке выбираем Create Motion Tween. В 15и 55 кадре выделяем объект (рисунок) в свойстве (Properties) в списке Color выбираем Alpha, задаем значение 0%. А в 35 кадре задаем значение Alpha 100%. Так мы создали 1-й анимационный слой. И так же делаем остальные текстовые анимации. В процессе рисунок сперва медленно появляется, а патом медленно исчезает.

Пример № 1 Человек ставивший печать.

По кадровая анимация т. е анимируем каждый ключевой кадр.

Пример № 2. Морфинг.

    1) Создаем новый слой (Insert Layer). 2) На 1-й кадр и рисуем четырехугольник. 3) Вставим пустой ключевой кадр (F 7) на 20 кадре рисуем овал. 4) Вставим пустой ключевой кадр (F 7) на 60 кадре рисуем треугольник. 5) Выделяем ключевые кадры, нажимаем на правую кнопку мыши, выходит контекстное меню в списке выбираем Create Shape Tween. И вот наш анимационный морфинг готов и для красоты создаем несколько слоев. И копируем слой, выделяем первый и последний кадр, при нажатие Shift нажимаем на правую кнопку мыши, выходит контекстное меню в списке выбираем Copy frames и вставляем на другой слой Past frames. И конечна, подвинем ключевые кадры.

Пример № 3 Слиток.

    1) Создаем новый документ вставим на 1 кадр нужный рисунок (в качестве фона). 2) Создаем слой Insert Layer, на 20,60 кадрах, создаем ключевые кадры Insert Keyframe или F6 и рисуем звездочку. Выделяем 20 ключевой кадр, нажимаем на правую кнопку мыши, выходит контекстное меню в списке выбираем Create Motion Tween. 3) Выделяем 35 кадр и создаем ключевой кадр выделяем 35кадр звездочку переносим нужное положение и выбираем инструмент Free Transform Tool и трансформируем звездочку (увеличиваем). В свойстве в (Properties) в списке Rotate выбираем CCW (по часовой) а значение 1. 4) А в 60 кадре трансформируем звездочку в исходное положение.

Пример № 4 Ракета.

    1) Создаем слой, на 10 и 35 кадре создаем ключевые кадры (F6) и на 10 кадре рисуем машину, выделяем 10 кадр нажимаем правую кнопку мыши, выходит контекстное меню в списке выбираем Create Motion Tween. И выделяем на 35 кадре машину переносим ее за кадр. 2) Выделяем 35 кадр открываем панель Action Script с помощи Window + Action или F 9 и прописываем код:

GotoAndStop(35); т. е клип остановится на 35 кадре.

    3) Создаем еще один слой, на 40 и 80 кадре создаем ключевые кадры (F6) и на 40 кадре рисуем ракету, выделяем 40 кадр нажимаем правую кнопку мыши, выходит контекстное меню в списке выбираем Create Motion Tween. И выделяем 80 кадр выделяем ракету, переносим ее за кадр. в свойстве (Properties) в списке Color выбираем Alpha, задаем значение 0%. 4) Создаем еще один слой и вставим из библиотеки кнопку (Window + Library), выделяем кнопку открываем панель Action Script с помощи Window + Action или F 9 и прописываем код:

On (press, keyPress "p") {

GotoAndPlay(37);

}

    5) Создадим направляющий слой Add Motion Guide (кнопка временной шкале в нижнем левом угле). На 40 кадре рисуем траекторию ракеты (линию). 6) Выделяем 40 кадр и ракету и переносим ракету на один конец линии и конечно же выделяем 80 кадр и ракету и переносим ракету на другую конец линии. И вот так мы создали еще один клип. В процесс машина отежает за кадр но на 35 кадре останавливается после нажатие кнопки ПУСК ракета взлетит на воздух.

Похожие статьи




Практическое решение создание сайта с использованием Macromedia Flash, Практическое решение примеров в программе Macromedia Flash (скриншоты примеров) - Составление анимации в web-сайте с применением Macromedia Flash-технологии

Предыдущая | Следующая