Przycisk zmieniający kolor
~ pozostałe przykłady ~
- Otwieramy dokument o rozmiarze np. 500x500px. Wybieramy narzędzie "prostokąt" i rysujemy prostokąt. 2x Klikamy na obiekt, ustawiamy kolor lini na czarny na 3 px. Klikamy prawym przyciskiem myszy na obiekt i wybieramy "Gradient..", ustawiamy:
kolor 1(góra): #DBDBDB
kolor 2(dół): #999999
Czas ramki ustawiamy na "Stop".
- Zamieniamy obiekt na MovieClip. Wybierz "Edycja > Zamień na sprite(MovieClip)"
- Klikamy dwukrotnie lewym przyciskiem myszy na obiekt aby go otworzyć(przejść do MovieClipu). Czas ramki ustawiamy na "Stop" i tworzymy kolejne 3 ramki do których kopiujemy nasz obiekt.
- Przechodzimy do ramki 2. Kopiujemy obiekt po raz drugi. Klikamy na niego lewym przyciskiem myszy, wybieramy "Gradient.." i ustawiamy:
kolor 1(góra): #FF0400
kolor 2(dół): #A30000
- Pokolorowany obiekt z ramki 2 kopiujemy do ramki 3.
- 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).
- Do ramki 2 wklejamy 2 kopie napisu. Kopie dolną zostawiamy czarną a tą która jest widoczna kolorujemy na biało.
- W ramce 3 robimy dokładnie to samo.
- Pora na nadanie animacjii. Idziemy do ramki 2, zaznaczamy nasz czerwony obiekt, wybieramy "Intro" > "Animacja Intro", w oknie zaznaczamy "włącz" wybieramy "pokaż", czas animacji ustawiamy na 0.5s i zaznaczamy "przenikanie". Identycznie robimy z białym napisem.
- Idziemy do ramki 3, zaznaczamy nasz czerwony obiekt, wybieramy "Outro" > "Animacja Outro", w oknie zaznaczamy "włącz" wybieramy "usuń", czas animacji ustawiamy na 0.5s i zaznaczamy "przenikanie". Identycznie robimy z białym napisem.
- Ostatnie co trzeba zrobić to nadać akcje. Wracamy na ramki 1. zaznaczamy obiekt, wybieramy "Akcja" > "Najechanie", zaznaczamy "Skok do ramki" i wybieramy ramka 2.
- Idziemy na ramki 2, zaznaczamy czerwony obiekt, wybieramy "Akcja" > "Wyjechanie", zaznaczamy "Skok do ramki" i wybieramy ramka 3.
- Idziemy do ramki 3, jedyne co trzeba tu zrobić to zmienić czas ramki na 0.01s.
- F9 i gotowe !
Pobierz gotowy plik projektu tego przykładu (1 KB)
