Przycisk zmieniający kolor

~ pozostałe przykłady ~

  1. Uruchamiamy program i tworzymy pusty dokument.
  2. Wybieramy narzędzie "prostokąt" i rysujemy prostokąt. 2x klikamy na prostokąt, ustawiamy kolor lini na czarny na 3 px.
  3. Klikamy prawym przyciskiem myszy na prostokąt i wybieramy "Przejście tonalne", ustawiamy górny kolor na jasno szary, dolny na ciemno szary:
  4. Ramka > Czas ramki ustawiamy na "Zatrzymaj na tej ramce".

  5. Zamieniamy prostokąt na MovieClip. Wybierz "Edycja > Zamień na sprite(MovieClip)"

  6. Klikamy dwukrotnie lewym przyciskiem myszy na sprite aby go otworzyć (przejść do MovieClipu).
  7. Ramka > Czas ramki ustawiamy na "Zatrzymaj na tej ramce"
  8. Tworzymy kolejne 2 ramki (Ramka > Wstaw, Ilość: 2).

  9. Przechodzimy na ramkę 2 i wybieramy tło ramki Ramka > Czas ramki > Matryca

  10. Przechodzimy na ramkę 3 i wybieramy tło ramki Ramka > Czas ramki > Matryca oraz czas 0.05 sekundy

  11. Kopiujemy nasz prostokąt z ramki 1 do schowka (Edycja > Kopiuj). Przechodzimy do ramki 2 i wklejamy prostokąt.
  12. Klikamy na prostokąt lewym przyciskiem myszy, wybieramy "Przejście tonalne" i ustawiamy górny kolor na jasno czerwony a dolny na ciemno czerwony:

  13. Pokolorowany prostokąt z ramki 2 kopiujemy i wklejamy do ramki 3.

  14. Wracamy na ramki 1. zaznaczamy szary prostokąt, wybieramy "Akcja" > "Najechanie", zaznaczamy "Skok do ramki" i wybieramy ramka 2.



  15. Idziemy na ramki 2, zaznaczamy czerwony prostokąt, wybieramy "Akcja" > "Wyjechanie", zaznaczamy "Skok do ramki" i wybieramy ramka 3.


  16. Teraz wciśnij F9 i upewnij się czy najechanie myszą powoduje zmianę koloru przycisku.
  17. Wracamy do ramki 1 tworzymy za pomocą narzędzia "Tekst" napis np. BUTTON i ustawiamy go centralnie. Klikamy prawym przyciskiem myszy, wybieramy "Kolor Tekstu" i ustawiamy na #000000 (czarny).

  18. Do ramki 2 wklejamy kopię napisu i kolorujemy na biało.

  19. W ramce 3 wklejamy białš kopię napisu z ramki 2.

  20. Przechodzimy do ramki 2, zaznaczamy nasz czerwony prostokąt, wybieramy "Intro" > "Animacja Intro" i ustawiamy jak poniżej. Identycznie robimy z białym napisem.



  21. Idziemy do ramki 3, zaznaczamy nasz czerwony prostokąt, wybieramy "Outro" > "Animacja Outro" i ustawiamy jak poniżej. Identycznie robimy z białym napisem.





  22. F9 i gotowe !

Pobierz gotowy plik projektu tego przykładu (1 KB)



Pobierz program Flash Designer

Chcesz skomentować ten tutorial?

Jeśli chcesz skomentować krótko ten artykuł, możesz napisać komentarz poniżej (długość do 255 znaków): *


Twój email: (tylko jeśli oczekujesz odpowiedzi)


W pole poniżej wpisz wynik działania matematycznego, cyfrę: 4+2+2 (podpowiedź: osiem).
Jest to zabezpieczenie przed spamem.

* pole wymagane

| Strona główna | Zamówienie | Pobierz | O programie | Wsparcie | Przykłady |
Copyright © 1999-2017 Selteco Flash Software. All rights reserved.