Cool Flash Tutorials Effect!

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.

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.

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".

Krok 3 - Tworzenie animacji MovieClip

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

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".

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.

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.

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ąć.

Przenieś MovieClip animacje z biblioteki do pierwszej klatki 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.

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.

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".

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.

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.

Stwórz nową warstwę poniżej dzy 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.

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

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

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.

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.