Rejestracja | Zaloguj




Poprzedni temat «» Następny temat
[Easy] Okrąglaśne Menu
Autor Wiadomość

Pomar1 





Program: MS Paint, GIMP, Flash
Posty: 15
Dołączył: 25 Sie 2008
Wiek: 16
Skąd: Zabrze

GFXPoints: 28
Piwa: 2/1
Wysłany: 2008-08-25, 21:42 [Easy] Okrąglaśne Menu


To mój pierwszy tutorial więc bądźcie wyrozumiali :D

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 :P ).

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 :pfft:

- Nie wiem czy komuś chciało by się to Ripować :D

+80 GFX - samborek
_________________
http://img79.imageshack.us/img79/3305/pomar1ny6.jpg

Pierwszy Tutorial - Menu
Ostatnio zmieniony przez samborek 2008-08-25, 22:07, w całości zmieniany 1 raz  
Postaw piwo autorowi tego posta
 
 
     
Więcej szczegółów
Wystawiono 2 piw(a):
Berwo_szatan, Asiek

Berwo_szatan 





Program: Photoshop CS3
Posty: 146
Dołączył: 17 Mar 2008
Wiek: 19
Skąd: Izbica Kujawska

GFXPoints: 185
Piwa: 3/5
Wysłany: 2008-08-28, 12:36 


Pomar1, świetna poza tym to chyba pierwsze tutki w tym dziale :D no chyba trzeba będzie niedługo pobrać wersję trial i zacząć działać! :) dasz radę więcej takich wyskrobać? :D pozdrawiam! i zostawiam piwko.
_________________
FIGHT LIKE ME!
http://img394.imageshack.us/img394/3089/ichigoatak2cq4sh9.gif
Postaw piwo autorowi tego posta
 
     

Pomar1 





Program: MS Paint, GIMP, Flash
Posty: 15
Dołączył: 25 Sie 2008
Wiek: 16
Skąd: Zabrze

GFXPoints: 28
Piwa: 2/1
Wysłany: 2008-08-28, 15:26 


Mów czego Ci trzeba chłopie to będę skrobał ile się da :P Poprostu nie wiem co by się Wam przydało.
_________________
http://img79.imageshack.us/img79/3305/pomar1ny6.jpg

Pierwszy Tutorial - Menu
Postaw piwo autorowi tego posta
 
 
     

Asiek 





Program: Photoshop CS3, CorelDraw X3, Flash 8
Posty: 263
Dołączyła: 06 Sty 2008
Wiek: 21
Skąd: Sosnowiec

GFXPoints: 1486
Piwa: 36/10
Wysłany: 2008-08-28, 17:55 


O widzę, że ktoś od flasha :D
Ciekawe, ja nigdy nie robię przycisków na buttonach, a na MC ale efekt fajny
łap piwko :)
_________________
Flash master
AKCJA - PAJACYK: http://grafart.org/topics...0465.htm#111652
Gifts:
Groove | Widmo

http://img99.imageshack.us/img99/6417/abstract22lf6.pnghttp://img369.imageshack.us/img369/4915/oceniamdk4.png
Postaw piwo autorowi tego posta
 
     

Pomar1 





Program: MS Paint, GIMP, Flash
Posty: 15
Dołączył: 25 Sie 2008
Wiek: 16
Skąd: Zabrze

GFXPoints: 28
Piwa: 2/1
Wysłany: 2008-08-28, 18:03 


Ja też zrobiłem przyciski MC, a nie BTN.
_________________
http://img79.imageshack.us/img79/3305/pomar1ny6.jpg

Pierwszy Tutorial - Menu
Postaw piwo autorowi tego posta
 
 
     
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  
Powered by phpBB modified by Przemo © 2003 phpBB Group
Style created by GrafArt.org & DeXteR007
statystyka
Polecane serwisy [ Dodaj swój link ]
Lost: Zagubieni | Wyniki Na Żywo | InterPatrol.pl | Forum windows | Zjawiska paranormalne | serwery hosting www | Zakłady Bukmacherskie | wiersze | Forum Tuningowe | Szkolenia Linuksowe |Najlepszy darmowy CMS-EF | Kurs HTML

Graphic Addicts Topsites: Graphic Art - Animation - Music - Gaming szablony na bloga

Za treść postów administracja nie odpowiada. W przypadku naruszenia prawa, wszelkie zgromadzone dane o osobie łamiącej prawo, zostaną przekazane odpowiednim władzom. Kopiowanie elementów graficznych oraz rozwiązań technologicznych zastosowanych na niniejszej witrynie surowo wzbronione.