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.



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.