Streszczenie

W tym poradniku dowiesz się jak stworzyć odbicie wody stosować na MovieClip ruchu.

O końcowy wynik:


Wymagania

Flash 8, Flash CS3 albo Flash CS4.

Uwaga: screeny w tym poradniku są w Flash CS3. To działa dokładnie tak samo w Flash 8. Ten przewodnik jest ActionScript 2 (ActionScript Choć nie jest wymagane).

Krok 1 - Instalacja wpływ składnika

Pobierz Water Effect Reflection tutaj . Postępuj zgodnie z instrukcjami instalacji i przeciągania elementu z komponentu panel do biblioteki pliku. fla.

Przeciągnij element w bibliotece

Krok 2 - utworzenie kaczka MovieClip

Import kaczka obraz [Ctrl-R] lub "Plik" -> "Import" -> "Import na scenie ...". Upewnij się, że obraz jest kaczka. Png z przezroczystym tłem.

Import obrazu

Wybierz ten obraz i przekształcenia go w MovieClip] [naciśnij klawisz F8 lub prawym przyciskiem myszy na MovieClip -> Convert to Symbol ... ". Daj MovieClip nazwy "kaczka".

Stworzyć MovieClip kaczka

Krok 3 - Tworzenie MovieClip Animation

Utworzyć nowy MovieClip z [Ctrl-F8] lub Wstaw -> "New Symbol ...". Nazwa tego MovieClip "Animacja".

Utworzyć nowy MovieClip

Utworzyć nowy MovieClip

Przeciągnij kaczki MovieClip z biblioteki do pierwszej klatki na osi czasu. Teraz kliknij na ramie 60 i utworzyć nową klatkę kluczową naciśnij [F6] lub kliknij prawym przyciskiem myszy i "Wstaw klatek kluczowych.

Utwórz nowe klatki

Kliknij na nowo utworzony klatkę kluczową i wybierz kaczka MovieClip na płótnie. Teraz przenieść ten MovieClip z kursorem klucz w prawo (powiedzmy 100px). Możesz sprawdzić nową pozycję w panelu info.

Przenieś MovieClip

Powrót do pierwszej klatki na osi czasu. Nieruchomości na panelu wybierz Tween: "Motion". Gdy kliknie się gdzieś na osi czasu teraz widać, że kaczka MovieClip porusza się z lewej do prawej.

dzy ruchu Set

Krok 4 - Załóż MovieClip animacji na głównej osi czasu

Teraz kliknij na "Scene 1", aby powrócić do głównej osi czasu. Jeśli kaczka MovieClip nadal istnieje, należy go usunąć.

Powrót do głównej osi czasu

Przenieś MovieClip animacji z biblioteki do pierwszej klatki na osi czasu.

Umieścić na osi czasu MovieClip

Określić nazwę instancji MovieClip do "animation_mc" (można wybrać inną nazwę, jeśli chcesz. Upewnij się, że nazwa instancji jest wyjątkowy). Bez nazwy przykład, składnik ten jest w stanie wykryć MovieClip.

Ustaw nazwę instancji

Krok 5 - Zastosowanie części skutkiem

Utwórz nową warstwę, zaznacz pierwszą klatkę i przeciągnąć element z biblioteki wpływ na MovieClip animacji. Składnika automatycznie przystawki.

Przeciągnij element na MovieClip

Ustawić parametr elementu wewnątrz części panelu inspektora jak na zrzucie ekranu. Wszystkie Movieclips z nazw instancji w tej sekcji są wymienione w "Target MovieClip" listy wybierz. Skoro masz tylko jeden MovieClip, część zakłada, że chcesz zastosować wpływ na MovieClip "animation_mc".

Ustaw parametr

Uwaga: Te ustawienia są stosowane tylko do tego jednego wystąpienia komponentu efekt. Jeśli zwróci części na innego MovieClip (gdzieś w środku. Fla lub w nowym projekcie) należy ustawić ustawień ponownie.

Eksportować ([Ctrl-Enter] lub ...). Przekonasz się, że szef kaczka jest w jakiś sposób cięcia. Ów, ponieważ element ma dokładnie wielkości kaczki MovieClip. Ale od fala refleksji ma większe rozmiary, nie mieszczą się więcej.

Refleksji cięcia

Krok 6 - Dostosowanie animacji MovieClip

Aby rozwiązać ten problem, można wstawić niewidzialny kształt w tle kaczki MovieClip, które rozmiarze MovieClip trochę.

Wracając do kaczek MovieClip przez dwukrotne kliknięcie w bibliotece.

Edytuj Kaczka MovieClip

Utwórz nową warstwę pod warstwą dzy.

Utwórz nową warstwę

Wybierz narzędzie prostokąt i narysować kształt o szerokości kaczki. Wysokość powinna być kilka pikseli wyższe techniczne (ok. 10 pikseli). To może pomóc ustalić zarys ikony na osi czasu, aby wyświetlić wymiary kaczka obrazu.

Narysuj kształt prostokąta

Z kształtem wybranych otworzyć panel koloru i ustawić alpha na 0.

alfa kształtu

Podczas testowania film się, zobaczysz, że odbicie jest stosowane na kaczki dziury.

Nie więcej cut

Krok 6 - Dodaj obraz w tle

Utwórz nową warstwę pod warstwą z animacji i komponentów. Import obrazu meczu. Teraz możesz zmienić położenie MovieClip animacji aby dopasować się do tła.

Wynik końcowy

Pobierz

Kliknij tutaj, aby pobrać fla tego kursu. Uwaga:. Fla zawiera wersję próbną części efekt, który będzie działać tylko we Flash IDE (Flash 8, Flash CS3 albo Flash CS4), ale nie wewnątrz przeglądarki.

Możesz także pobrać tutaj Reflection Wpływ wody .

  • Bookmark