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

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

Данный видеокурс расскажет, как с помощью 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 15069
2. Кадры и ключевые кадры (часть первая) 3:11 0 11073
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14517
4. Покадровая анимация 3:24 0 14534
5. Режим многослойной структуры 3:36 0 6883
6. Редактирование нескольких кадров 1:07 1 4922
7. Анимация движения 1:52 0 12845
8. Сглаживание анимации 0:57 0 9634
9. Создание собственного анимационного пути 2:06 1 10629
10. Ориентация объекта по анимационному пути 2:10 0 13071
11. Анимация формы 1:41 2 9044
12. Подсказки формы 3:34 0 6201
13. Анимация маски 1:52 0 9097
Символы
14. Что такое символ 1:09 0 4646
15. Создание символа 2:05 0 5035
16. Редактирование символов 1:45 0 4362
17. Точка регистрации 1:55 0 4508
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5534
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3804
20. Символ «кнопка» 3:26 0 7893
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7504
22. Работа с фильтрами (часть вторая) 2:15 0 4882
23. Копирование анимации 1:46 0 4323
Программные инструменты
24. 3D Инструменты 2:45 0 6160
25. Инструмент «Аэрограф» 1:35 0 3792
26. Инструмент «Декор» 3:58 0 3547
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6343
28. Инструмент «Связывание» 1:56 0 3111
29. Редактор движения 2:20 0 5183
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6795
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 7114
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5392
33. Вывод данных (часть первая) 2:30 0 4262
34. Вывод данных (часть вторая) 2:14 0 3372
35. Переменные в ActionScript® 2:26 0 3556
36. Функции в ActionScript® 2:17 1 3741
37. Пишем функцию 3:02 0 3798
38. События мыши 2:32 0 6718
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45861
40. Начало создания флэш-сайта (часть вторая) 1:47 3 21129
41. Навигация по сайту 3:51 1 18350
42. Переходы на флэш сайте 3:14 4 18006
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook