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

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

Данный видеокурс расскажет, как с помощью 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 14885
2. Кадры и ключевые кадры (часть первая) 3:11 0 10804
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14311
4. Покадровая анимация 3:24 0 14123
5. Режим многослойной структуры 3:36 0 6788
6. Редактирование нескольких кадров 1:07 1 4847
7. Анимация движения 1:52 0 12611
8. Сглаживание анимации 0:57 0 9111
9. Создание собственного анимационного пути 2:06 1 10449
10. Ориентация объекта по анимационному пути 2:10 0 12823
11. Анимация формы 1:41 2 8913
12. Подсказки формы 3:34 0 6055
13. Анимация маски 1:52 0 8883
Символы
14. Что такое символ 1:09 0 4585
15. Создание символа 2:05 0 4930
16. Редактирование символов 1:45 0 4258
17. Точка регистрации 1:55 0 4402
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5351
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3759
20. Символ «кнопка» 3:26 0 7799
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7189
22. Работа с фильтрами (часть вторая) 2:15 0 4805
23. Копирование анимации 1:46 0 4257
Программные инструменты
24. 3D Инструменты 2:45 0 5900
25. Инструмент «Аэрограф» 1:35 0 3734
26. Инструмент «Декор» 3:58 0 3462
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6023
28. Инструмент «Связывание» 1:56 0 3065
29. Редактор движения 2:20 0 5036
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6694
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 6970
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5297
33. Вывод данных (часть первая) 2:30 0 4210
34. Вывод данных (часть вторая) 2:14 0 3327
35. Переменные в ActionScript® 2:26 0 3505
36. Функции в ActionScript® 2:17 1 3694
37. Пишем функцию 3:02 0 3754
38. События мыши 2:32 0 6608
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45321
40. Начало создания флэш-сайта (часть вторая) 1:47 3 20919
41. Навигация по сайту 3:51 1 17871
42. Переходы на флэш сайте 3:14 4 17825
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook