sotw
Animacja #1 - H5N1
Banner reklamujący GrafArt.org
[nagroda]    [gratulacje]
 
3D #1 - Burger
Modelowanie - Mebel
[nagroda]    [gratulacje]


      PRZYPOMNIJ HASŁO   
Witaj Gościu! Aby otrzymać PEŁNY DOSTĘP do najlepszych tutoriali oraz dodatków, zarejestruj się!

    Zasoby dostępne po rejestracji:

        * darmowe TUTORIALE

        * konkursy, bitwy organizowane przez forum

        * darmowe STOCKI/RENDERY/BRUSHE/PLIKI
            PSD i wszystko, czego potrzebujesz
Witamy na forum GrafArt.org - Polish Graphic Board, najbardziej przyjazne oraz pozytywnie zaskakujące talentem graficznym miejsce w polskim Internecie. Aby móc przeglądać naszą sekcję z tutorialami (ponad 570 tutoriali podzielonych pod kątem doświadczenia w grafice) oraz centrum niezbędnych dodatków i aplikacji, zarejestruj się.
To całkiem DARMOWY proces. Podajesz minimum informacji.

Dołącz do nas. Nie będziesz tego żałował. Gwarantujemy!

Czeka na Ciebie przyjazna załoga, słynąca z pomocy każdemu bez względu na poziom jego umiejętności. Masz również możliwość zamieszczania swoich prac i poddawania ich wnikliwej analizie, a także bycia częścią rozwijającego się społeczeństwa najlepszych grafików!
Twoje prace graficzne będą oceniane przez profesjonalistów.

Jeżeli masz jakiekolwiek problemy z rejestracją na forum lub z Twoim loginem, prosimy o KONTAKT
             




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

Pomar1 



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

GFXPoints: 28

Status: Offline

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
Wiek: 19
Dołączył: 17 Mar 2008
Posty: 146
Piwa: 3/5
Skąd: Izbica Kujawska

GFXPoints: 185

Status: Offline

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
Wiek: 16
Dołączył: 25 Sie 2008
Posty: 15
Piwa: 2/1
Skąd: Zabrze

GFXPoints: 28

Status: Offline

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 
follow The Rabbit



Program: Photoshop CS3, CorelDraw X3, Flash 8
Wiek: 21
Dołączyła: 06 Sty 2008
Posty: 293
Piwa: 42/14
Skąd: Sosnowiec

GFXPoints: 1133

Status: Offline

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://i34.tinypic.com/szfyuu.png
Postaw piwo autorowi tego posta
 
     

Pomar1 



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

GFXPoints: 28

Status: Offline

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
Skocz do:  
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



statystyka
Polecane serwisy [ Dodaj swój link ] -
Lost: Zagubieni | Wyniki Na Żywo | InterPatrol.pl | Forum windows | serwery hosting www | Zakłady Bukmacherskie | wiersze | 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.
   Wszelkie prawa zastrzeżone.    
Copyright © 2007-2009 Forum graficzne - GrafArt.org            

Powered by phpBB modified by Przemo © 2003 phpBB Group