Tutorial: Tworzenie efektu odbicia wody z animacją
Napisz komentarz 18 listopada 2008
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.
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.
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".
Krok 3 - Tworzenie MovieClip Animation
Utworzyć nowy MovieClip z [Ctrl-F8] lub Wstaw -> "New Symbol ...". Nazwa tego MovieClip "Animacja".
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.
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.
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.
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ąć.
Przenieś MovieClip animacji z biblioteki do pierwszej klatki na osi czasu.
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.
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.
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".
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.
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.
Utwórz nową warstwę pod warstwą dzy.
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.
Z kształtem wybranych otworzyć panel koloru i ustawić alpha na 0.
Podczas testowania film się, zobaczysz, że odbicie jest stosowane na kaczki dziury.
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.
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 .






















Napisz komentarz