Символ «кнопка»

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

Данный видеокурс расскажет, как с помощью 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...
Текст урока
Создание кнопки в Adobe Flash CS4
 

В этом уроке расскажем все, что необходимо знать о создании кнопок в программе Adobe® Flash® CS4.

Выберите инструмент «прямоугольник» и нарисуйте форму со скругленными углами, которая будет напоминать кнопку. Выделив ФОРМУ ИНСТРУМЕНТОМ ВЫДЕЛЕНИЯ, НАЖМИТЕ КЛАВИШУ «f8». В уже знакомом, появившемся окне, нужно ввести имя создаваемого символа и в раскрывающемся списке выбрать тип «кнопка». Поставив точку регистрации в нужном положении, нажмите «ок».

После чего, выделите данный символ, и дважды кликнув мышкой по объекту, перейдите в режим редактирования символа.

Если обратите внимание на временную шкалу, то вместо стандартной линии времени, отображается четыре кадра, которые подписаны: UP, OVER, DOWN, HIT (АП, Оувэ, ДАУЭН, ХИТ). Данные кадры отражают три состояния кнопки и область, по которой можно кликнуть.

Первый кадр – отражает состояние кнопки, когда кнопка не нажата.
Второй кадр – отражает состояние копки, когда на нее навели курсор мыши.
Третий кадр – отвечает за состояние кнопки, когда на нее нажали.

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

Для просмотра получившегося результата. Нажмите CTRL + ENTER«, чтобы протестировать ролик. Теперь, если навести курсор мыши на кнопку, то ее цвет изменится на светлый, если нажать на кнопку, то цвет станет темным, а если же убрать курсор мыши с кнопки, то ее цвет станет прежним.

Рассмотрим четвертый кадр. Находясь на третьем кадре, нажмите клавишу «F6», затем, находясь уже на четвертом кадре, удалите существующий объект и нарисуйте прямоугольную область. Теперь протестируйте ролик. В результате получилось, что последнего нарисованного прямоугольника не видно, но при наведении курсора на его области, кнопка меняет цвет. Это значит, что четвертый кадр отвечает за ту область, нажав на которую, нажимается кнопка. Таким образом, можно делать большие невидимые кнопки.

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

Оглавление
Анимация в 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 7225
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 6051
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 17947
42. Переходы на флэш сайте 3:14 4 17848
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook