Szklany przycisk
~ pozostałe przykłady ~
Stwórz "szklane" przyciski używając wypełnienia gradientowego
Źródło przykładu do pobrania: t1032.zip
Tworzenie części głównej przycisku
- Uruchom program Flash Designer i przy starcie wybierz "pusty dokument"
- Wybierz narzędzie "Elipsa" i narysuj powierzchnię buttona z wciśniętym klawiszem CTRL by narysować koło
- Ustaw koło, wybierz "Edycja" > "Przesuń do" i wstaw wartości x:75, y:46, szerokość:65, wysokość:65, zatwierdź klikając OK
- Wybierz "Obiekt" > "Grubość linii" > "4px"
- Wybierz "Obiekt" > "Przejście tonalne"
- Wybierz "Pionowy"
- Kliknij na "Góra" zmień wartość na # 1F436D, zatwierdź OK
- Kliknij na "Dół" zmień wartość na # 4B8FED, zatwierdź OK
- Potwierdź klikając OK aby wypełnić koło gradientem
- Narysuj mniejszą elipsę by stworzyć efekt odblasku
- Wybierz "Obiekt" > "Przejście tonalne"
- Wybierz "Pionowy"
- Kliknij na "Góra" zmień go na # FFFFFF (biały), zatwierdź klikając OK
- Kliknij na "Dół" i wybierz "Brak koloru", zatwierdź OK
- Potwierdź klikając OK by wypełnić koło gradientem
- Wybierz "Edycja" > "Przesuń do" i ustaw wartości x:87, y:51, szerokość:40, wysokość:26, zatwierdź klikając OK
- By stworzyć cień zaznacz większe koło, wybierz "Edycja" > "Powiel", ustaw wartości x: 5 i y: 5, zatwierdź klikając OK
- Wybierz "Edycja" > "Pod spód" by przesunąć cień pod spód.
- Zmień wypełnienie cienia i kolor obramowania na # 39528E
Powielanie przycisku
- Wciśnij Ctrl+A by zaznaczyć wszystkie elementy
- Wybierz "Edycja" > "Powiel" ustaw wartości x: 100 i y: 0, zatwierdź klikając OK
- Zmień kolory nowego przycisku, zaznacz wierzchnie koło, wybierz "Obiekt" > "Przejście tonalne" i zmień kolory "Góra" i "Dół".
Definiowanie akcji
- Zaznacz niebieski wierzchni przycisk i wybierz "Akcja" > "Kliknięcie", następnie "Play" i zatwierdź klikając.
- Wybierz "Akcja" > "Kolor najechania", odznacz "Brak" i zmień kolor na # B5D6FF
- Zaznacz czerwony niebieski przycisk i wybierz "Akcja" > "Kliknięcie", następnie "Stop" i zatwierdź klikając.
- Wybierz "Akcja" > "Kolor najechania", odznacz "Brak" i zmień kolor na # FFB3A0
Dopracowywanie
- Narysuj zielony trójkąt narzędziem "Kształt".
- Dodaj czerwone kółko narzędziem "Elipsa".
- Wprowadź tekst narzędziem "Tekst"
- Wybierz "Ramka" > "Nowa"
- Na liście ramek animacji (Lista ramek) ustaw nową ramkę tła z rozwijanej listy na "Frame 1"
- Narysuj prostokąt po tekście
Ażeby przyspieszyć miganie zmień opóźnienie (Czas) obydwu ramek na 0.1 sec.