Flash menü készítése 1

Most ezt a menüt fogjuk elkészíteni:

1.Új dokumentum, 150*170px, frame rate: 30, background color: #CC99FF.

 

2. Nevezzük át a Layer 1-et “button”-ra.

 

3. Katt a “Line Tool”-ra, majd alul a stroke colornál állítsd fehérre (#FFFFFF), solid legyen, és pipáld ki a stroke hinting-et.

 

4. Rajzolj négy vonalat, mint a képen:

 

5. KAtt a “Text Tool”-ra, és alul állítsd be: Static text-re, Arial-ra, 12-es betűméretre, félkövérre, és a színt fehérre, majd gépeld be a szöveget.

 

6. Katt a “Selection Tool”-ra, majd jelöld ki az első menü nevét és az alatta lévő vonalat, mégpedig úgy, hogy katt a pl home-ra, majd shiftet lenyomva tartod és katt a vonalra.

 

7. Nyomj F8-at és csinálj belőle movie clip-et. A neve legyen home_mc.

 

8. Ezután alul is írd át home_mc-re, különben nem fog működni a menü.(Ezt azért hangsúlyozom ki, mert én legelőször kihagytam és nem jöttem rá sokáig miért nem működött a menüm xD hát azért mert ezt nem írtam át)

 

9. Dupla katt a home movie cliped közepén lévő kis fehér pöttyre, hogy bekerülj a movie clip belsejébe.

10. Nevezd át a Layer 1-et line-ra.

 

11. Katt a Selection Tool-ra és utána csak a szövegre.

 

12. Nyomj “ctrl+x”-et. Új layer, nevezd át text-re és nyomj “ctrl+shift+v”-t.

 

13. Nyomj F8-at –> movie clip –> nevezd el home_inside_mc -nek.

 

14. A 8-as és 16-os frame-nél nyomj F6-ot.

 

15. Most ugye ott vagyunk a 16-os frame-en, most kattints egyszer a szövegre, majd alul –> Tint –> #CC99FF.

 

16. Most menj a 8-asra és a Selection Tool segítségével mozgasd a szöveget és kicsit lentebb.

17. Az 1 és 8 frame között jobb egérgomb, majd Motion Tween, és a 8 éa 16 között is.

 

18. Katt a line nevű rétegre és a 16-os framenél nyomj F5-öt.

 

19. Csinálj egy új réteget a line fölé (text alá), és nevezd át rectangle-ra.

 

20. Most a rectangle rétegen kattints a 2-es frame-re és nyomj F6-ot. Most katt a Rectangle Tool-ra, és oldalt a stroke color-t blokkold a kis-fehér-négyzet-áthúzva-pirossal ikonnal, és a fill colort állítsd fehérre.

 

21. Most rajzolj egy kis négyzetszerűséget az első vonalad fölé, úgy körülbelül 2-3px magasságút.

 

22. Most katt a rectangle layer 16 frame-jére és nyomj F6-ot.

 

23. Maradsz a 16-oson és katt a Free Transform Tool-ra, és nyújtsd meg felfelé az előbb rajzolt négyzetszerűséget.

 

24. Alul, ahol van a Tween, állítsd Shape-re.

 

25. Menj a Scene 1-re (felül).

 

26. Csinálj egy új layer-t a button layer fölé, és nevezd el invisible button-nak.

 

27. Katt az invisible button layerre, majd a Rectangle Tool-ra, és alul megint a stroke colort blokkold, színnek meg válasst ki egy színt, teljesen mindegy, hogy milyet, úgy sem fog látszani, csak te lásd. Rajzolj egy négyzetet az első menüdre, vagyis a home-ra, úgy hogy teljesen befedje, ez azért fontos, mert ez a felület amit most ez letakar, erre ha ráviszik az egeret, vagy rákattintanak, ezt fogja érzékelni, mint gombot.

 

28. Katt erre az négyzetre –> F8 –> button –> nevezd el invisible button1-nek.

 

29. Katt kétszer erre az “invisible button”-ra, majd az Up alatt fogd meg a fekete pöttyöt és húzd át a Hit-re.

 

30. Menj vissza a Scene 1-re. Kattints az invisible buttonodra, ami az én képemen kék, majd nyomj F9-et, és tedd be a következő kódot: (Persze a linket írd át a te linkedre)

on (rollOver) {
_root.mouse_over_home_mc = true;
}on (rollOut) {
_root.mouse_over_home_mc = fstartlse;
}
on (release){
getURL(“http://everlasting.hu”);
}

31. Csinálj egy új layer-t, nevezd el action-nek. Kattints ezen a layer-en a legleső frame-re, majd nyomj F9-et és tedd be a következő kódot:

_root.home_mc.onEnterFrame = function() {
if (mouse_over_home_mc) {
_root.home_mc.nextFrame();
} else {
_root.home_mc.prevFrame();
}
};

Ha le szeretnéd tölteni a mintát, mert valamit nem értettél, akkor kattints ide: Katt!