Podsumowanie

W tym tutorialu dowiesz się, jak stworzyć pokaz slajdów, który migotanie / fuzz / broken TV przejścia między obrazami.

Oto wyniki końcowe:


Wymagania

Flash 8, Flash CS3 lub Flash CS4.
3 zdjęcia (w tym przypadku 550 × 400, obrazy dostępne w tutorial zip)

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

Krok 1 - Instalacja części efekt

Pobierz TV Efekt Fuzz 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 - Import zdjęć

Import wszystkich trzech obrazów "Plik" -> "Import" -> "Importuj do Biblioteki ...".

Import zdjęć

Krok 3 - obrazy, przeliczają na MovieClip

Utwórz nowy MovieClip [Ctrl-F8] lub "Wstaw" -> "Nowy symbol ...", nazwij ją "image01" i założyć pierwszy obraz w pierwszej klatce tego MovieClip. Powtórz tę czynność dla innych obrazów, nazwy tych Movieclips "image02" i "image03". BTW, nazewnictwo zależy od ciebie.

Utwórz nowy MovieClip ...

... Nazwa MovieClip ...

... i przeciągnij obrazek na osi czasu MovieClip

Biblioteka z Movieclips i obrazy

Krok 4 - Tworzenie pierwsze przejście

Teraz kliknij na "Scene 1", aby powrócić do głównej osi czasu.

Wróć do głównej osi czasu

Zmiana nazwy już istniejącej warstwy na "img01". Tworzenie bardziej warstwy i nazwij je "img02" i "transition01". Znowu nazewnictwa jest tylko dla lepszej orientacji. Możesz wybrać również inne nazwy, jeśli chcesz.

Zmiana nazwy warstwy

Drag pierwsze dwa Movieclips zdjęcia z biblioteki do odpowiednich warstw.

Drag Movieclips na warstwach

Kliknij w pierwszej klatce warstwy "transition01". Przeciągnij element TV Efekt Fuzz z biblioteki na scenę. Komponent automatycznie przyciągnięte do górnego lewego rogu MovieClip.

Przeciągnij element na warstwie

Za każde kliknięcie warstwy na ramie 50 i stworzyć ramy [naciśnij klawisz F5] lub prawym przyciskiem myszy i "Insert Frame".

Tworzenie ramki ...

... na wszystkie warstwy

Ważne jest, aby podać nazwy obrazów Movieclips przykład inny składnik efekt nie jest w stanie je wykryć. Kliknij na obrazek MovieClip jeden przez jeden i ustawić nazw instancji, w tym przypadku "image01" i "image02" (można wybrać inną nazwę, jeśli chcesz).

Nazwa instancji Zestaw pierwszej MovieClip

Nazwa instancji Set drugi MovieClip

Kliknij TV Efekt Fuzz na scenie i otworzyć panel inspektora części [naciśnij SHIFT + F7] lub "Okno" -> "Component Inspector". Wszystkie Movieclips z nazw instancji w tej sekcji znajdują się w "Start MovieClip" i "End MovieClip" listy wybrać. Wybierz "image01" jak "Start MovieClip" i "image02" jako "Koniec MovieClip.

Start opcji MovieClip

Ustawienia przejścia

Eksport Flash movie [Ctrl-Enter] lub "Command" -> "Test Movie". Przejścia, począwszy od pierwszego obrazu do drugiego.

Wynik

Krok 5 - dodawanie sekundy przejścia

Utwórz trzy warstwy i nazwij je "img03", "img04" i "transition02".

Stwórz więcej warstw

Na każde kliknięcie warstwy na ramie 51 (jedną klatkę po poprzednim przejściowy się zakończył) i włóż klatek kluczowych [naciśnij klawisz F6] lub prawym przyciskiem myszy i "Insert Frame".

Wstaw ramkę ...

... dla wszystkich warstw

Będziemy ponownie drugi obraz MovieClip, od drugiego przejścia powinny rozpocząć się z nim. Kliknij właśnie utworzone kluczowej na warstwie "img03" i przeciągnij MovieClip "image02" z biblioteki na scenę. Kliknij właśnie utworzone kluczowej na warstwie "img04" i przeciągnij MovieClip "image03" z biblioteki na scenę.

Drag Movieclips na uaktualniona warstwy

Teraz ustaw nazw instancji tego obrazu Movieclips do "image03" i "image04".

Nazwa instancji Zestaw pierwsze zdjęcia

Nazwa instancji Zestaw drugi obraz

Jest to nieco mylące, aby warstwy i nazw instancji numer jeden na to oryginalna nazwa MovieClip. Ale lepszy przegląd i utrzymać liczbę potencjalnych błędów niska, lepiej traktować Movieclips drugiego przejścia w zupełnie nowy Movieclips.

Wybierz warstwę "transition02" i przeciągnij części efekt z biblioteki na scenę. Again, część będzie przystawki automatycznie.

Przeciągnij element na scenie

Kliknij element na scenie, otwórz Panel inspektora element i wybierz "image03" jak "Start MovieClip" i "image04" jako "Koniec MovieClip.

Ustawienia panelu wewnątrz elementu inspektor

Dla nowych trójwarstwowej stworzyć ramkę na ramie 100 [naciśnij klawisz F5] lub prawym przyciskiem myszy i "Insert Frame".

Wstawianie ramek w trzech warstwach

Podczas eksportowania filmu flash player, można zauważyć, że oba przejścia są wyświetlane przed filmu lopped.

Wynik

Krok 6 - Dodawanie pauzy między obydwoma przejściami obrazu

Aby mieć trochę więcej czasu pomiędzy przejściami urlopu kluczowymi warstwy "img01" i "transition01" nietknięte. Rozszerzenie długość warstwy "img02" (obraz, który kończy się przejścia) przez dodanie ramki w ramce 80 [naciśnij klawisz F5] lub prawym przyciskiem myszy i "Insert Frame".

Wstaw ramkę

Wstaw ramkę

Teraz wybierz całym bloku drugiego przejścia (można tak by klikając ramka 51 "transition01" i naciśnięciu klawisza SHIFT klikając ramka 100 "img04") i przesuń blok do otworu ramy 81.

Warstwy Wybierz ...

... przeciągnij blok na ramie 81 ...

i zwolnij go

Możesz zrobić to samo dla drugiego przejścia.

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ć Wpływ telewizji Fuzz tutaj.

Tutaj znajdziecie video tutorial w jaki sposób zapewnić inny efekt.

  • Share / Bookmark