Как да създадете бутони във Flash

Навигационните менюта се нуждаят от бутони. Flash ви дава всички инструменти за създаване на някои наистина страхотни бутони. Ако не сте създавали Flash бутони преди, считайте това за вашето огнено кръщение. За да създадете бутон за вашето меню, изпълнете следните стъпки:

1 Изберете Вмъкване→ Нов символ.

Появява се диалоговият прозорец Създаване на нов символ.

2 Въведете име за вашия символ и изберете поведението на бутона от падащото меню Тип.

Създавате меню и очевидното място за стартиране на меню е с бутона Начало. Затова наименувайте бутона Начало .

3Щракнете върху OK и Flash влиза в режим на редактиране на символи.

Имате един слой, както и четири състояния, всяко от които се управлява от позицията на курсора на потребителя: нагоре, над, надолу и удар.

Това състояние определя целевата област на бутона. Добавяте състоянието на удара, ако имате особено изискан бутон, който може да е труден за избор.

4Ако още не е отворен, изберете Window→Properties.

Инспекторът на свойствата се отваря.

5 Създайте размера на формата за вашия бутон.

Когато създавате бутони, използвайте инструмента Правоъгълник с радиус на ъгъла 50 px, за да получите овална форма. Преди да създадете фигурата, променете стойността на опциите за правоъгълник в Инспектора на свойствата на 50, което ви дава приятен заоблен ръб. Избирането на View→Rulers ви позволява да създадете обект, който е с приблизителния размер на бутона.

6Изберете формата на бутона и в Инспектора на свойствата въведете желаните размери за вашия бутон в полетата за ширина и височина.

За да разберете какъв размер да направите всеки бутон, разделете ширината на навигационното си меню на броя на бутоните. В този пример създавате шест бутона за навигационно (навигационно) меню, което е с ширина 600 пиксела и височина 25 пиксела. Следователно всеки бутон е широк 100 пиксела и висок 25 пиксела.

7 Изберете и след това подравнете бутона в центъра на сцената.

Натиснете Ctrl+K (Windows) или Apple+K (Mac), за да отворите панела за подравняване. Поставете отметка в квадратчето До етап и след това щракнете върху иконите, които центрират бутона вертикално и хоризонтално.

8 Щракнете върху бутона Нов слой в долния ляв ъгъл на времевата линия.

Flash създава нов слой. Всичко, което трябва да знаете за слоевете засега, е, че слоевете ви помагат да организирате работата си. За бутона създавате отделен слой за текст на бутона.

9Щракнете двукратно върху бутона заглавие на текстовия слой.

Това отваря текстово поле, в което можете да въведете ново име за втория слой. Това не е наложително, но създаването на интуитивно име сега ви помага да дешифрирате по-късно кой слой за какво се използва, когато създавате сложен филм или символ.

10 Въведете име за слоя.

Текстът е толкова добро име, колкото и всяко друго име. Докато сте на това, преименувайте слоя, на който се намира бутонът. Button Shape е добро име.

11 Изберете инструмента за текст и въведете желаното име.

В този случай бутонът се нарича Начало. Когато посетител щракне върху този бутон, той отива на началната страница.

Пълноценен урок за инструмента за текст е извън обхвата на тази книга. Въпреки това, ако погледнете Инспектора на свойствата, ще видите колко лесно е да зададете параметри за инструмента за текст.

12Натиснете F5 в рамката надолу на слоя Text.

Това копира съдържанието на рамката нагоре в състоянията над и надолу.

13Натиснете F6, за да създадете ключови кадри за състоянията над и надолу в слоя Button Shape.

Създаването на ключови кадри ви позволява да промените или модифицирате съдържанието на тези рамки или да направите някаква друга промяна, която ще уведоми потребителите, че наистина са намерили бутон, върху който може да се щракне. Графиката в състоянието надолу се появява, когато потребителите успешно щракнат върху бутона.

14 Направете промени в състоянията Over и Down за слоя Button Shape.

За този работещ пример променихме цвета на бутона на червен в рамката Over и на оранжев в рамката надолу.

15 Щракнете върху бутона Назад (изглежда като стрелка и е вляво от заглавието на сцената над най-горния слой).

Бутонът е добавен към библиотеката и е готов за употреба.