Technologie Flash są dziś wszechobecne w witrynach internetowych, a nawet początkujący webmasterzy starają się dodawać elementy flash do swoich witryn. Na przykład projekt menu przy użyciu tej technologii będzie funkcjonalny i piękny. Jako przykład opiszemy, jak zrobić wygodny przycisk flash w Adobe Flash CS4, który można umieścić na swojej stronie i stworzyć blok menu na podstawie takich przycisków.
Instrukcje
Krok 1
Przygotuj dwa pliki graficzne z obrazem tła przycisków bez tekstu w formacie jpg, różniących się kilkoma fragmentami koloru. Następnie otwórz Adobe Flash, utwórz nowy dokument i wybierz z listy Action Script 2.0.
Krok 2
Otwórz sekcję ustawień i ustaw szerokość na 273 piksele i wysokość na 54 piksele. Kliknij przycisk Importuj w menu Plik i wybierz Importuj do biblioteki, aby zaimportować dwa renderowane obrazy do biblioteki danych.
Krok 3
Przeciągnij pobrane obrazy do obszaru roboczego, naciśnij F8, zmień nazwę jednego z obrazów iw sekcji Typ wybierz Klip filmowy.
Krok 4
Następnie przeciągnij drugi obraz do obszaru roboczego, zmień jego nazwę i określ ten sam parametr w sekcji Typ.
Krok 5
Na każdym przycisku wpisz żądany tekst i naciśnij Ctrl + F8, aby utworzyć nowy przycisk. Otworzy się okno Nowy symbol. Podaj nazwę przyszłego przycisku i wybierz typ przycisku. Skopiuj pierwszy edytowany obraz powyżej do obszaru roboczego utworzonego przycisku Klip filmowy.
Krok 6
Utwórz nowy klip filmowy, również naciskając Ctrl + F8, i skopiuj wynikowy do obszaru roboczego. Utwórz nową warstwę i skopiuj klip filmowy z drugim obrazem.
Krok 7
Na pierwszej warstwie utwórz ramkę, cofając się nieco i wybierając opcję Wstaw ramkę z menu prawego przycisku myszy. Powtórz to samo na następnej warstwie, wybierając Wstaw klatkę kluczową z menu kontekstowego. Wybierz utworzoną klatkę kluczową i otwórz jej ustawienia.
Krok 8
W sekcji Efekt koloru wybierz Styl alfa i ustaw wartość na 0%. W pierwszej klatce tej samej warstwy ustaw wartość na Klasyczna animacja ruchu.
Krok 9
Na stole montażowym wybierz obiekt przycisku i otwórz Akcje. Wklej następujący kod w wolne pole: on (release) {
getURL („aboutme.htm”, „_self”, „GET”);
}
Krok 10
W ustawieniach nadaj przyciskowi żądaną nazwę. Wróć do pierwszej sceny i skopiuj klip filmowy, zaznacz go i ponownie otwórz Akcje. Wpisz inny kod, gdzie sim_btn to nazwa Twojego przycisku: onClipEvent (enterFrame) {
jeśli (idź) {
następna ramka ();
} w przeciwnym razie {
poprzednia ramka ();
}
}
onClipEvent (wczytaj) {
var idź;
zatrzymać ();
sim_btn.onRollOver = funkcja () {
idź = prawda;
};
sim_btn.onRollOut = funkcja () {
idź = fałsz;
};
}
Krok 11
Wyeksportuj przycisk, wybierając opcję Eksportuj film z menu Plik.
