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

1. Uruchom program Flash Designer i przy starcie wybierz "pusty dokument"
2. Wybierz narzędzie "Elipsa" i narysuj powierzchnię buttona z wciśniętym klawiszem CTRL by narysować koło
3. Ustaw koło, wybierz "Edycja" > "Przesuń do" i wstaw wartości x:75, y:46, szerokość:65, wysokość:65, zatwierdź klikając OK
4. Wybierz "Obiekt" > "Grubość linii" > "4px"
5. Wybierz "Obiekt" > "Przejście tonalne"
6. Wybierz "Pionowy"
7. Kliknij na "Góra" zmień wartość na # 1F436D, zatwierdź OK
8. Kliknij na "Dół" zmień wartość na # 4B8FED, zatwierdź OK
9. Potwierdź klikając OK aby wypełnić koło gradientem
10. Narysuj mniejszą elipsę by stworzyć efekt odblasku
11. Wybierz "Obiekt" > "Przejście tonalne"
12. Wybierz "Pionowy"
13. Kliknij na "Góra" zmień go na # FFFFFF (biały), zatwierdź klikając OK
14. Kliknij na "Dół" i wybierz "Brak koloru", zatwierdź OK
15. Potwierdź klikając OK by wypełnić koło gradientem
16. Wybierz "Edycja" > "Przesuń do" i ustaw wartości x:87, y:51, szerokość:40, wysokość:26, zatwierdź klikając OK
17. By stworzyć cień zaznacz większe koło, wybierz "Edycja" > "Powiel", ustaw wartości x: 5 i y: 5, zatwierdź klikając OK
18. Wybierz "Edycja" > "Pod spód" by przesunąć cień pod spód.
19. Zmień wypełnienie cienia i kolor obramowania na # 39528E

Wciśnij F9 by zobaczyć swój przycisk

Powielanie przycisku

1. Wciśnij Ctrl+A by zaznaczyć wszystkie elementy
2. Wybierz "Edycja" > "Powiel" ustaw wartości x: 100 i y: 0, zatwierdź klikając OK
3. Zmień kolory nowego przycisku, zaznacz wierzchnie koło, wybierz "Obiekt" > "Przejście tonalne" i zmień kolory "Góra" i "Dół".

Wciśnij F9 by zobaczyć przycisk

Definiowanie akcji

1. Zaznacz niebieski wierzchni przycisk i wybierz "Akcja" > "Kliknięcie", następnie "Play" i zatwierdź klikając.
2. Wybierz "Akcja" > "Kolor najechania", odznacz "Brak" i zmień kolor na # B5D6FF
3. Zaznacz czerwony niebieski przycisk i wybierz "Akcja" > "Kliknięcie", następnie "Stop" i zatwierdź klikając.
4. Wybierz "Akcja" > "Kolor najechania", odznacz "Brak" i zmień kolor na # FFB3A0

Wciśnij F9 by zobaczyć swój przycisk, najedź kursorem myszki nad przycisk

Dopracowywanie

1. Narysuj zielony trójkąt narzędziem "Kształt".
2. Dodaj czerwone kółko narzędziem "Elipsa".
3. Wprowadź tekst narzędziem "Tekst"
4. Wybierz "Ramka" > "Nowa"
5. Na liście ramek animacji (Lista ramek) ustaw nową ramkę tła z rozwijanej listy na "Frame 1"
6. Narysuj prostokąt po tekście

Wciśnij F9 by zobaczyć animację, prostokąt powinien migać

Ażeby przyspieszyć miganie zmień opóźnienie (Czas) obydwu ramek na 0.1 sec.

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