To mój pierwszy tutorial więc bądźcie wyrozumiali
Potrzebne Umiejętności:
→ Podstawowa obsługa interfejsu Flash'a
→ Bardzo mała znajomość Action Script'a
→ Znajomość kilku skrótów (podane w tutorialu)
Tak więc zaczynamy:
1. Tworzymy nowy plik (
File→New). Wybierzcie sobie rozmiar i ok.
2. Wybieramy narzędzie "
Oval tool" (skrót
O) i trzymając ALT oraz SHIFT, rysujemy kółko na środku sceny.
http://img300.imageshack..../guide01wk9.jpg [Duży screen więc dałem tylko link]
3. Dzielimy kółko na cztery równe części (najlepiej uzyć
Line Tool). Zaznaczamy pierwszą, używamy skrótu klawiszowego
F8 i tworzymy nowy Movie Clip, o nazwie "Button01".
http://img294.imageshack..../guide02hw2.jpg
4. Teraz zaznaczamy nasz Movie Clip i w panelu
Properties, w miejscu label wpisujemy "Button01_mc".
http://img396.imageshack..../guide03lf6.jpg
5. Teraz klikamy byle gdzie na scenie (tylko nie na rysunku!) i otwieramy
Actions - Frame panel.
Wpisujemy tam kodzik:
Aby móc zobaczyć zawartość umieszczoną w tagu [ CODE ] musisz się zarejestrować[/code:
W kodzie są wytłumaczone wszystkie rzeczy.
6. Teraz zamykamy panel Actions i klikamy dwa razy na Button01_mc.
Powinna włączyć się edycja "wnętrza" buttona.
Tworzymy
Keyframe'y do 15 miejsca.
http://img133.imageshack..../guide06oc6.jpg
Klikamy na Keyframe na 1 miejscu i włączamy
Panel Actions. Tam wpisujemy kod:
Aby móc zobaczyć zawartość umieszczoną w tagu [ CODE ] musisz się zarejestrować[/code:
To samo robimy na Keyframe'ach na: 5, 10 i 15 miejscu.
7. Teraz:
Frame od 2 do 5 to "OnRollOver", czyli animacja która pokazuje się gdy kursor najedzie na Button.
Frame od 6 do 10 to "OnRollOut", czyli animacja która pokazuje się gdy kursor nie najedzie na Button.
Frame od 2 do 5 to "OnRelease", czyli animacja która pokazuje się gdy wciśniemy Button.
Tak więc teraz to tylko od was zależy co tu wstawicie. Ja dałem, że gdy najedziemy, to kulka się odsuwa, gdy odjedziemy to się przysuwa, a gdy klikniemy to się zaciemnia.
8. Teraz wracamy do głównej sceny. Kasujemy
wszystko poza Button01. Gdy już to zrobimy, kopiujemy nasz button i wklejamy go 3 razy (będziemy mieli wtedy
4 x Button01, tak?). Układamy te cztery części w kółko.
http://img155.imageshack..../guide07ey1.jpg
9. Teraz tworzymy nowy
Layer i nazywamy go "Teksty" (nie trzeba go nazywać, ale ładnie to wygląda

).
http://img155.imageshack..../guide08aj1.jpg
Zablokowujemy poprzedni Layer, bo już go nie potrzebujemy.
Teraz używając
Text Tool (skrót to
T) tworzymy zwykły (Static) tekst, np. Home. Używając
F8 tworzymy z niego Movie Clip o nazwie "Home_txt". Potem dopasowujemy go do Buttona01:
http://img523.imageshack..../guide09cd3.jpg
10. I powtarzamy pkt. 9 do każdego z czterech buttonów. Ja zrobiłem: home, gallery, contact i grafart.
http://img360.imageshack..../guide11us4.jpg
11. Teraz zaznaczamy pojedynczo każdy tekst ( Movie Clip ), włączamy
Properties Panel i ustawiamy
Alpha na "
0".
http://img404.imageshack..../guide12yp4.jpg
12. I tyle! Teraz wciskamy
CTRL + ENTER i sprawdzamy czy wszytko działa.
Moje przykładowe menu (nie starałem się o grafikę, tylko o efekt):
http://img513.imageshack....e=menu01ph7.swf
Dzięki
- Nie wiem czy komuś chciało by się to Ripować
+80 GFX - samborek