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

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

Данный видеокурс расскажет, как с помощью 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 15109
2. Кадры и ключевые кадры (часть первая) 3:11 0 11096
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14541
4. Покадровая анимация 3:24 0 14576
5. Режим многослойной структуры 3:36 0 6899
6. Редактирование нескольких кадров 1:07 1 4930
7. Анимация движения 1:52 0 12859
8. Сглаживание анимации 0:57 0 9669
9. Создание собственного анимационного пути 2:06 1 10646
10. Ориентация объекта по анимационному пути 2:10 0 13095
11. Анимация формы 1:41 2 9057
12. Подсказки формы 3:34 0 6211
13. Анимация маски 1:52 0 9106
Символы
14. Что такое символ 1:09 0 4652
15. Создание символа 2:05 0 5042
16. Редактирование символов 1:45 0 4373
17. Точка регистрации 1:55 0 4518
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5547
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3807
20. Символ «кнопка» 3:26 0 7899
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7525
22. Работа с фильтрами (часть вторая) 2:15 0 4893
23. Копирование анимации 1:46 0 4326
Программные инструменты
24. 3D Инструменты 2:45 0 6175
25. Инструмент «Аэрограф» 1:35 0 3798
26. Инструмент «Декор» 3:58 0 3554
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6375
28. Инструмент «Связывание» 1:56 0 3114
29. Редактор движения 2:20 0 5185
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6797
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 7118
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5397
33. Вывод данных (часть первая) 2:30 0 4263
34. Вывод данных (часть вторая) 2:14 0 3373
35. Переменные в ActionScript® 2:26 0 3561
36. Функции в ActionScript® 2:17 1 3742
37. Пишем функцию 3:02 0 3798
38. События мыши 2:32 0 6724
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45928
40. Начало создания флэш-сайта (часть вторая) 1:47 3 21164
41. Навигация по сайту 3:51 1 18413
42. Переходы на флэш сайте 3:14 4 18029
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook