Прехвърляне към съдържание


Снимка
- - - - -

Shadow button with two sounds


  • Please log in to reply
No replies to this topic

#1 graf_kaberne

graf_kaberne

    Нов

  • Потребители
  • 34 Мнения:
  • Точки:0
  • Новини:0
  • Уроци:0

Публикувано: 22 May 2009, 08:22

В този урок ще видите как можете да си саздадете бутон с два звука без помоща на action script. Вие ще научите също:

1. Как да създадете бутон.

2. Как да използвате Color Mixer Panel.

3. Как да направите сянка на бутона.

4. Как да импортирате звука в Flash и др.

Стъпка 1

Отворете нов Flash документ. Изберете Modify > Document (Ctrl+J ). задайте му 250 width 150 height цвят бял.

Стъпка 2

Вземете Rectangle Tool ( R ), кликнете върху Corner Radius намира се в панела с инструменти след това ще видите Rectangle Settings Panel и от там задйте на Corner Radius 4 points.Виж по-долу:

Публикувано изображение

Публикувано изображение

Стъпка 3

Изключете Stroke color, като кликнете на малката икона с молива и от там върху квадратчето с червена линия.За Fill color изберете цвят #7EBFD1 и направете "правоъгълник" с размери 120x40px.Виж по-долу:

Публикувано изображение

Стъпка 4

Докато правоъгълника e селектиран отворете Align Panel (Ctrl+K) и направете следното:

1. Уверете се, че Align/Distribute to Stage e включен.

2. Кликнете върху Align horizontal center и Align vertical center.

Публикувано изображение

Стъпка 5

Докато правоъгълника все още е селектиран отворете Color Mixer Panel (Wiindow > Color Mixer ) Shift + F9. След това направете настройките както е показано по-долу:

Публикувано изображение

Сега имате това:

Публикувано изображение

Стъпка 6

Вземете Text Tool (A) отворете Properties Panel и направете следните настройки:

1. Изберете Static Text.

2.Шрифт Cooper Black.

3.Размер на шрифта 20 pt.

4.Цвят бял.

5.Anti-alias for readability.

Публикувано изображение

Стъпка 7

Напишете "submit" повторете стъпка 4. Сега имате резултат като този:

Публикувано изображение

Стъпка 8

Вземете инструмента Selection Tool (V), маркирайте правоъгълника и текста натиснете F8 (Convert to Symbol), за да конвертирате правоъгълника и текста в бутон. Виж по-долу:

Публикувано изображение

Стъпка 9

Докато бутона е маркиран отворете Properties Panel (Ctrl+F3) изберете раздела Filters кликнете на "+" изберете Drop Shadow и направете настройките както е показано:

1. Blur X и Y до 15px.

2. Strength 74% .

3. Quality поставете на Low.

4. Color #69B5FF.

5. Angle 45.

6. Distance 5.

Публикувано изображение

Резултата до тук:

Публикувано изображение

Стъпка 10

Потърсете в нета два звукови файлове които ще използвате за този урок.

Стъпка 11

Импортирайте двата звукови файла във библиотеката File > Import > Import to Library. от прозореца, който се отваря намерете звуците натиснете и задражте клавиша Shift от клавиатурата кликнете на двата звука които ще използвате за да ги маркирате и натиснете Open. А сега отворете библиотеката (Ctrl+L), ще видите двата звукови файла, които вмъкнахте преди малко. Виж по-долу:

Публикувано изображение

Стъпка 12

Щракнете два пъти върху бутона с инструмента Selection tool (V). Сега сте в рамките на бутона.

Публикувано изображение

Стъпка 13

Щракнете с десния бутон на мишката върху кадър Over и от падащото меню изберете Insert keyframe. Виж по-долу:

Публикувано изображение

След това, маркирайте само правоъгълника и отворете Color Mixer Panel (Shift + F9) направете следното:

1. Изберете цвят за Fill.

2. Задайте Alpha до 45% за този цвят.

Стъпка 14

Клик с десния бутон на мишката върху кадър Down и от падащото меню изберете Insert keyframe. След това, маркирайте пак само правоъгълника Отворете отново Color Mixer Panel (Shift + F9) и задайте Alpha 30%.

Стъпка 15

Създайте нов слой с име sound над слоя layer 1.

Публикувано изображение

Стъпка 16

Клик с десния бутон на мишката върху кадър Over на слоя sound и от падащото меню изберете Insert keyframe.

Публикувано изображение

Стъпка 17

Докато сте на кадър Over плъзнете първия звук от библиотеката на сцената.

Стъпка 18

Щракнете с десния бутон върху кадър Down и от падащото меню изберете Insert keyframe.

Публикувано изображение

Стъпка 19

Плъзнете втория звук от библиотеката на сцената.

Публикувано изображение

Върнете се на главната сцена и тествайте (Ctrl + Enter).

източник

превод: graf_kaberne

резултат

fla file




0 потребители четат тази тема

0 регистрирани потребители, 0 гости и 0 анонимни потребители