Podsumowanie

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

Oto wyniki końcowe:


Wymagania

Flash 8, Flash CS3 lub Flash CS4.

Uwaga: zrzuty ekranu w tym kursie są wykonane w technologii Flash CS3. To działa dokładnie tak samo w Flash 8. Ten przewodnik jest ActionScript 2 (ActionScript Chociaż nie jest wymagane).

Krok 1 - Instalacja części efekt

Pobierz Water Effect Reflection tutaj. Należy postępować zgodnie z instrukcjami instalacji i przeciągnąć element z panelu części do biblioteki w pliku. Fla.

Przeciągnij element do biblioteki

Krok 2 - Tworzenie MovieClip kaczka

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

Obraz Import

Wybierz ten obrazek i przekształcić ją w [MovieClip naciśnij klawisz F8] lub prawym przyciskiem myszy na MovieClip -> "Convert to Symbol ...". Daj MovieClip o nazwie "kaczka".

Tworzenie MovieClip kaczka

Krok 3 - Tworzenie animacji MovieClip

Utwórz nowy MovieClip z [naciśnij CTRL-F8] lub Wstaw -> "Nowy symbol ...". Nazwa tego MovieClip "Animacja".

Utwórz nowy MovieClip

Utwórz nowy MovieClip

Drag MovieClip Kaczka z biblioteki do pierwszej klatki na osi czasu. Teraz kliknij na ramie 60 i tworzyć nowe klatki [naciśnij klawisz F6] lub prawym przyciskiem myszy i "Wstaw Keyframe".

Utwórz nowe klatki

Kliknij na nowo utworzony klatki i wybierz MovieClip kaczki na płótnie. Teraz przenieś ten MovieClip z naciśnięty klawisz kursora w prawo (powiedzmy, że 100px). Możesz sprawdzić nową pozycję w okienku informacyjnym.

Przenieś MovieClip

Wróć do pierwszej klatki osi czasu. Na panelu nieruchomości Tween wybierz: "Ruch". Jeśli klikniesz gdzieś na osi czasu teraz widać, że kaczka MovieClip porusza się od lewej do prawej.

Dzy ruchu Ustaw

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

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

Wróć do głównej osi czasu

Przenieś MovieClip animacje z biblioteki do pierwszej klatki czasu.

MovieClip umieścić na osi czasu

Ustaw nazwę instancji MovieClip do "animation_mc" (można wybrać inną nazwę, jeśli chcesz. Upewnij się, że nazwa instancji jest niepowtarzalny). Bez nazwy przykład element nie jest w stanie wykryć MovieClip.

Nazwa instancji Ustaw

Krok 5 - komponent Zastosuj efekt

Stwórz nową warstwę, wybierz pierwszą ramkę i przeciągnij części efekt z biblioteki na MovieClip animacji. Komponent automatycznie przystawki.

Przeciągnij element na MovieClip

Ustawianie parametrów elementu wewnątrz panelu inspektora element jak na zrzucie ekranu. Wszystkie Movieclips z nazw instancji w tej sekcji są wymienione w "Target MovieClip" listy wybrać. Ponieważ masz tylko jeden MovieClip, element zakłada, że chcesz zastosować wpływ na MovieClip "animation_mc".

Ustaw parametr

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

Teraz eksport ([Ctrl press-ENTER] lub ...). Przekonasz się, że głowa kaczki jest w jakiś sposób cięcia. Thats ponieważ składnik dokładnie wielkości MovieClip kaczki. Ale ponieważ fala refleksji zwiększy rozmiar nie pasuje już więcej.

Refleksji cięte

Krok 6 - Regulacja MovieClip animacji

Aby rozwiązać ten problem, można wstawić niewidzialny kształt w tle kaczka MovieClip, których rozmiar się MovieClip mało.

Wracamy do MovieClip Kaczka przez dwukrotne kliknięcie w bibliotece.

Edycja kaczka MovieClip

Stwórz nową warstwę poniżej dzy warstw.

Stwórz nową warstwę

Wybierz narzędzie i narysuj prostokąt kształtu o szerokości kaczki. Wysokość powinna być o kilka pikseli wyższe techniczne (ok. 10 pikseli). Może pomóc, aby ustawić ikonę zarys na osi czasu, aby wyświetlić wymiary obrazu kaczki.

Kształt prostokąta Remis

Z kształtu stron otwarty panel koloru i ustawić alfa na 0.

Alfa Ustaw kształtu

Podczas testowania film teraz, zobaczysz, że refleksja jest stosowane na kaczki dziury.

Nie więcej ciętych

Etap 6 - Dodaj tle

Stwórz nową warstwę pod warstwą z animacji i części. Import obrazu meczu. Teraz możesz zmienić położenie MovieClip animacji, aby go dopasować się do tła.

Ostateczny wynik

Pobrać

Kliknij tutaj, aby pobrać fla tego podręcznika. Uwaga:. Fla zawiera wersję próbną części efekt, który będzie działać tylko w IDE Flash (Flash 8, Flash CS3 lub Flash CS4), ale nie w przeglądarce.

Możesz także pobrać Water Effect Reflection tutaj.

  • Share / Bookmark