Переходы на флэш сайте

С этим уроком также смотрят

Данный видеокурс расскажет, как с помощью Adobe® Flash® CS4 создавать анимацию, использовать необходимые программные инструменты, узнать и научиться пользоваться ActionScript® 3.0, и, наконец, сделать простейший Flash – сайт.

Adobe®, Flash® and ActionScript® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 11 сентября 2011

Создаем сайт на Flash,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Текст урока
Создание анимационных эффектов
 

В этом уроке рассмотрим принцип создания анимационных эффектов для контентной области сайта.

Сначала, включим режим редактирования множества кадров и расширим его на временной шкале. Затем выделяем контент на всех кадрах. После чего, перемещаем весь контент за пределы сцены и отключаем режим редактирования множества кадров.

Потом, выделяем первый кадр на слое «страницы», затем, выбрав контент главной страницы, нажимаем правую кнопку мыши и выбираем пункт «создать анимацию движения». Теперь, выделим последний кадр данной анимации и переместим объект на сцене в нужное положение.

Те же самые действия проделываем и с остальным контентом….. (пауза 7 секунд)

Теперь нужно изменить экшн скрипт. Отобразив панель «кадр-действия», меняем название «gotoAndStop» на «gotoAndPlay».

После чего, необходимо, в конце каждой анимации, вставить ключевой кадр на слое «экшн скрипт», и вставить в кадр команду «стоп», чтобы остановить непрерывное воспроизведение анимации.

Выделив 9-й кадр, пишем команду «стоп», затем пишем данную команду в 19-том кадре и 29-том кадре.

Тестируя ролик, хорошо видно, как переходы страниц анимируются. Но анимация происходит слишком быстро. Поэтому, чтобы ее замедлить, выделим два кадра первой анимации и нажмем три раза клавишу «F5». Затем повторим эту же операцию на второй анимации и на третьей анимации.

В завершение, выделим первый кадр на слое «экшн скрипт», отобразим панель скриптов и удалим первую команду «стоп».

В результате, получим анимированные переходы с одной страницы на другую.

Теперь, Вы научились делать анимационные эффекты с контентом. В уроке был рассмотрен простейший эффект, а вы можете, поняв принцип, создавать и более сложные. Не стоит забывать, что анимировать можно как свойства объектов, так и фильтры, которые были применены к объектам. Экспериментируйте, и у Вас все получится!

Комментарии (4)

Оглавление
Анимация в Adobe® Flash® CS4
1. Временная шкала 3:11 1 14904
2. Кадры и ключевые кадры (часть первая) 3:11 0 10832
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14329
4. Покадровая анимация 3:24 0 14173
5. Режим многослойной структуры 3:36 0 6792
6. Редактирование нескольких кадров 1:07 1 4857
7. Анимация движения 1:52 0 12634
8. Сглаживание анимации 0:57 0 9177
9. Создание собственного анимационного пути 2:06 1 10471
10. Ориентация объекта по анимационному пути 2:10 0 12851
11. Анимация формы 1:41 2 8927
12. Подсказки формы 3:34 0 6076
13. Анимация маски 1:52 0 8908
Символы
14. Что такое символ 1:09 0 4593
15. Создание символа 2:05 0 4944
16. Редактирование символов 1:45 0 4268
17. Точка регистрации 1:55 0 4417
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5376
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3763
20. Символ «кнопка» 3:26 0 7804
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7223
22. Работа с фильтрами (часть вторая) 2:15 0 4812
23. Копирование анимации 1:46 0 4268
Программные инструменты
24. 3D Инструменты 2:45 0 5919
25. Инструмент «Аэрограф» 1:35 0 3737
26. Инструмент «Декор» 3:58 0 3467
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6050
28. Инструмент «Связывание» 1:56 0 3067
29. Редактор движения 2:20 0 5043
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6700
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 6988
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5309
33. Вывод данных (часть первая) 2:30 0 4216
34. Вывод данных (часть вторая) 2:14 0 3332
35. Переменные в ActionScript® 2:26 0 3509
36. Функции в ActionScript® 2:17 1 3697
37. Пишем функцию 3:02 0 3756
38. События мыши 2:32 0 6623
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45419
40. Начало создания флэш-сайта (часть вторая) 1:47 3 20958
41. Навигация по сайту 3:51 1 17946
42. Переходы на флэш сайте 3:14 4 17848
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook