Jak utworzyć animację Flash (z ilustracjami)

Jesteśmy stale napierani z animacją Flash - w Internecie i w transmisje telewizyjnych. Tworzenie prostych animacji flash za pomocą technologii Flash - dość proste zadanie, ponieważ Flash oferuje wiele przydatnych narzędzi, które upraszczają cały proces. Jeśli chcesz utworzyć animację lub kreskówkę flash, możesz uczynić go szkicem w ciągu kilku godzin.

Kroki

Część 1 z 3:

Animacja flash flash

jeden. Podstawy animacji satelitarnej. Ta metoda jest uważana za główną metodę tworzenia "tradycyjnej" animacji, w której każda kolejna rama zawiera jeden, ale lekko zmodyfikowany obraz. Podczas odtwarzania wszystkich ramek, obraz "przychodzi do życia". Ta sama metoda jest używana przez animatorów rysunkowych kreskówek z ręki i zajmuje więcej czasu niż tweina (patrz następna sekcja).

Domyślnie flash reprodukuje 24 klatek na sekundę (FPS). Oznacza to, że w ciągu jednej sekundy zostanie pokazane 24 klatek, ale nie wszystkie z nich muszą być koniecznie inne. Możesz zmienić ten parametr (jeśli chcesz) dla 12 klatek na sekundę, ale przy 24 klatkach na sekundę, animacja zostanie odtworzona bardziej "płynnie".

Obraz zatytułowany Utwórz Animacja Flash Krok 2

2. Zainstaluj Flash Professional. Istnieje wiele programów do tworzenia animacji Flash, ale najpotężniejszy jest Adobe Flash Professional CC. Możesz ustawić wersję próbną tego programu za darmo lub użyć innego produktu (jeśli nie chcesz zarejestrować się w Cloude Adobe Creative Cloud). Następnie ten artykuł opisuje, jak współpracować z Flash Professional.

Obraz zatytułowany Utwórz Animacja Flash Krok 3

3. Ponieważ animacja ramki wymaga wielu zdjęć (co różnią się nieznacznie od siebie), musisz ręcznie stworzyć te obrazy. Aby to zrobić, użyj Adobe Flash Professional LUB Rysuj obrazów w dowolnym edytorze graficznym.

Jeśli chcesz łatwo zmienić rozmiar zdjęć bez utraty ich jakości, tworzyć obrazy w wektorze, a nie w grafice rastrowej. Obrazy wektorowe przecenią się, gdy zmieniając swój rozmiar (to znaczy uniknąć pikseli lub wygładzenia). Obrazy rastrowe są tradycyjne obrazy, takie jak zdjęcia, rysowane zdjęcia i tak dalej. Próbując zwiększyć takie obrazy, otrzymujesz silnie zniekształcony obraz.

Obraz zatytułowany Utwórz Animacja Flash Krok 4

cztery. Utwórz pierwszą klatkę. Po pierwszym uruchomieniu Adobe Flash Professional zobaczysz puste płótno (warstwa) i pusta oś czasu. Ponieważ ramka dodaje osi czasu zostanie wypełniona automatycznie. Możesz pracować z warstwami, jak to robisz w Photoshopie.

Przed dodaniem obrazu utwórz podstawowe tło animacji. Zmień nazwę "warstwy 1" na "tle", a następnie zapnij go. Utwórz drugą warstwę i nazwij ją, jak chcesz. Będzie warstwą, na której stworzysz animację.

Dodaj zdjęcie na płótnie pierwszej ramki. Możesz zaimportować rysunek z komputera lub możesz użyć narzędzi do rysowania, aby utworzyć rysunek bezpośrednio w programie.

Pierwsza ramka jest ramą "Klucz". Ramka klucza to ramka, która zawiera obraz i tworzy fundament ("Bony") animacja. Utworzysz nową klatkę kluczową za każdym razem, gdy zmienisz obraz.

Kluczowy personel na osi czasu jest wyznaczony czarny.

W każdej kolejnej ramce nie potrzebujesz klawiszy. Utwórz ramkę kluczową co cztery lub pięć klatek do dobrej animacji.

Obraz zatytułowany Utwórz Animacja Flash Krok 5

pięć. Konwertuj obraz w symbol. W takim przypadku można dodać obraz w ramce kilka razy. Jest to szczególnie przydatne, jeśli musisz szybko dodać kilka tego samego typu zdjęć w jednej ramce (na przykład ryby w akwarium).

Podświetl rysunek. Kliknij prawym przyciskiem myszy rysunek i wybierz "Konwertuj na Symbol" (konwertuj na symbol). Obraz zostanie dodany do biblioteki, która uprości go w przyszłości.

Usuń zdjęcie. Nie martw się - możesz dodać go do ramki proste przeciąganie z biblioteki. Więc możesz dodać jeden i ten sam rysunek w ramce kilka razy.

Obraz zatytułowany Utwórz animację Flash Krok 6

6. Dodaj puste ramki. Jeśli pierwsza ramka kluczowa jest gotowa, włóż puste ramki, a następnie przejdź do tworzenia drugiej klatki kluczowej. Naciśnij F5 (cztery lub pięć razy), aby dodać puste ramki po pierwszej klatce kluczowej.

Obraz zatytułowany Utwórz Animacja Flash Krok 7

7. Utwórz drugą klatkę kluczową (po dodaniu kilku pustych ram). Istnieją dwa różne sposoby: możesz skopiować istniejącą klatkę kluczową i dokonać małych zmian w nim, lub możesz utworzyć pustą klatkę kluczową i dodać nowy obraz do niego. Jeśli używasz rysunku utworzonego w innym programie, użyj drugiego sposobu. Jeśli wstawisz obraz utworzony przy użyciu narzędzi do rysowania Adobe Flash Professional, użyj pierwszej metody.

Aby utworzyć klatkę kluczową za pomocą zawartości poprzedniej keyframe, naciśnij F6. Aby utworzyć pustą ramkę kluczową, kliknij prawym przyciskiem myszy ostatnią klatkę na osi czasu i wybierz "Wstaw pustą ramkę" (włóż pustą ramkę kluczową).

Po utworzeniu drugiej klatki kluczowej musisz wprowadzić zmiany w jego wizerunku, aby animacja "przyszła do życia". Jeśli użyłeś narzędzi do rysowania Adobe Flash Professional, wybierz narzędzie Transform, aby podświetlić element rysunku (na przykład rękę postaci) i zmień go.

Jeśli wstawisz nowy obraz do każdej klatki kluczowej, upewnij się, że jest w odpowiednim miejscu (zgodnie z logiczną sekwencją ramek).

Obraz zatytułowany Utwórz Animacja Flash Krok 8

osiem. Powtórz proces. Po utworzeniu dwóch klatek kluczowych powtórz proces - Dodaj kilka pustych ramek między każdym klatkami kluczowymi i upewnij się, że animacja będzie grać "płynnie".

Dokonać małych zmian. Mniejsze (Unnoter) zmiany, wyrównanie jest reprodukowane. Na przykład, jeśli chcesz postać podnieść rękę, druga rama klucza nie powinna zawierać rysunku, na którym postać jest przedstawiona ręcznie. Zamiast tego użyj wielu klawiszy kluczowych do przemieszczania się z obniżonych dłoni do podniesionej ręki. W takim przypadku animacja będzie bardziej gładka.

Część 2 z 3:

Twining

jeden. Lampa błyskowa obejmuje funkcję "Tweening" (Towine), który umożliwia ustawienie początkowej i końcowej ramki animacji. Flash automatycznie tworzy ramki pośrednie, aby przejść z jednej klatki kluczowej na drugą była gładka. W ten sposób nie musisz tworzyć obrazów dla każdej klatki kluczowej (jak w przykładowej animacji).

Twinienie jest szczególnie przydatne do morfania - płynnej konwersji jednego obrazu do drugiego (przy użyciu operacji geometrycznych i interpolacji kolorów).
Podczas tworzenia animacji można jednocześnie używać zarówno metody ramki, jak i Twing.
Jeśli chcesz animować kilka znaków jednocześnie, każda ramka animacji powinna zawierać kilka warstw (jedna warstwa dla jednego znaku).

Obraz zatytułowany Utwórz Animacja Flash Krok 10

2. Utwórz pierwszy obraz. W przeciwieństwie do metody ramowej, nie jest konieczne tworzenie wielu obrazów do animacji. Zamiast tego musisz utworzyć jeden obraz, który zostanie zmieniony w procesie Tweski.

Zdecydowanie zaleca się użycie wbudowanych narzędzi do rysowania (w flash) lub wizerunku wektorowego importu. Jeśli chcesz łatwo zmienić rozmiar zdjęć bez utraty ich jakości, tworzyć obrazy w wektorze, a nie w grafice rastrowej. Obrazy wektorowe przecenią się, gdy zmieniając swój rozmiar (to znaczy uniknąć pikseli lub wygładzenia).

Obraz zatytułowany Utwórz Animacja Flash Krok 11

3. Konwertuj obraz w symbol. W takim przypadku Flash będzie w stanie manipulować obrazem. Jeśli spróbujesz zrobić Tweining z obrazem, który nie został przekształcony w symbol, program zaproponuje, abyś to zrobił.

Podświetl rysunek. Kliknij prawym przyciskiem myszy rysunek i wybierz "Konwertuj na Symbol" (konwertuj na symbol). Obraz zostanie dodany do biblioteki, która uprości go w przyszłości.

Obraz zatytułowany Utwórz Animacja Flash Krok 12

cztery. Utwórz pierwsze animowane bliźniacze. Animowany bliźniak przesuwa obraz z jednej pozycji do drugiego. Kliknij prawym przyciskiem myszy symbol i wybierz "Utwórz Motion Tween" (Utwórz Animowane Twin). 24 ramy zostaną dodane do osi czasu, ponieważ jest to standardowa długość bliźniacza. Pamiętaj, że domyślnie Animacja zostanie odtwarzana płynnie przy 24 prędkościach klatek na sekundę, więc animowany bliźniak trwa tylko 1 sekundę.

Po utworzeniu animowanego bliźniaka automatycznie przenieś się do ostatniej ramy animacji.

Obraz zatytułowany Utwórz Animacja Flash Krok 13

pięć. Ustaw trajektorię. Po utworzeniu bliźniacza przesuń obraz do końca animacji. Flash wyświetli trajektorię kropkami oznaczającymi położenie każdej bliźniaczej ramki.

Po pierwszym utworzeniu trajektorii będzie wyglądać jak linia prosta (z punktu wyjścia do punktu końcowego).

Obraz zatytułowany Utwórz Animacja Flash Krok 14

6. Dodaj tło. Jeśli uruchomisz animację, obraz poruszy się wzdłuż trajektorii, ale tło zniknie po pierwszej ramce. Dlatego musisz dodać tło do każdej ramy animacji.

Na osi czasu wybierz warstwę z tłem. Kliknij ostatnią klatkę na osi czasu (ta ramka powinna być ostatnią ramą całej animacji). Kliknij f5, aby wstawić ramki tła (od początku do końca animacji).

Obraz zatytułowany Utwórz Animacja Flash Krok 15

7. Dodaj keyframes. Dodawanie ramek kluczowych na trajektorii pozwoli Ci zmienić rysunek w Animowanym Twin. Możesz zmienić obraz tylko wtedy, gdy jest włożony do ramki klucza. Aby dodać klatkę kluczową na trajektorii, wybierz ramkę na osi czasu (ta ramka, którą chcesz dokonać klucza). Następnie przeciągnij obraz do wybranej ramki. Trajektoria zostanie dostosowana automatycznie, a rama klucza zostanie dodana do osi czasu. Na osi czasu klawiszy są oznaczone rombami.

Obraz zatytułowany Utwórz Animacja Flash Krok 16

osiem. Dostosuj trajektorię sznurkę. Aby zmienić trajektorię, przeciągnij markery ramy do nowej pozycji. Nie wykonuj nadmiernej liczby zmian w trajektorii sznurka, ponieważ doprowadzi to do błędnego ruchu rysunku (jeśli oczywiście to nie jest twój cel!).

Obraz zatytułowany Utwórz Animacja Flash Krok 17

dziewięć. Konwertuj rysunek. Jeśli utworzyłeś klawisze i trajektorię, możesz przekonwertować obraz, aby płynnie zmienił się, gdy porusza się trajektorię twin. Możesz zmienić kształt, kolor, nachylenie, rozmiar i inny parametr obrazu.

Wybierz ramkę, w której obraz zostanie przekształcony.

Otwórz panel Właściwości rysunku. Aby to zrobić, naciśnij klawisz F3.

Zmień wartości parametrów w oknie Właściwości rysunku. Na przykład można zmienić cień lub kolor, dodać filtry, zmienić rozmiar rozmiaru.

Możesz także użyć darmowego narzędzia transformacji (bezpłatna transformacja), aby zmienić rysunek jak chcesz.

Obraz zatytułowany Utwórz Animacja Flash Krok 18

10. Dodaj ostateczne uderzenia. Sprawdź utworzoną animację, naciskając Ctrl + Enter. Upewnij się, że rysunek (znak) zmienia się poprawnie i że animacja jest reprodukowana z prawidłową prędkością. Jeśli animacja jest rozgrywana zbyt szybko, zmniejsz wartość FPS lub zwiększyć czas trwania sznurka.

Domyślne FPS ma 24, więc spróbuj zmniejszyć tę wartość do 12. Zmień wartość FPS na panelu Właściwości. Jednak gdy FPS = 12, animacja może być odtwarzana nie wystarczająco płynnie.

Aby zmienić czas trwania bliźniacza, wybierz warstwę zawierającą bliźniak i z suwakiem zmienić czas trwania bliźniacza. Jeśli chcesz dwukrotnie dwukrotnie podwójny twin, przesuń suwak do 48 klatek. Nie zapomnij wstawić tła w puste ramki, aby tło nie zniknie w środku animacji. Aby to zrobić, wybierz warstwę tła, kliknij ostatnią ramkę animacji (na osi czasu), a następnie naciśnij klawisz F5.

Część 3 z 3:

Dodawanie efektów audio i muzyki

jeden. Zapisz lub pobierz efekty dźwiękowe i muzykę. Możesz dodać efekty dźwiękowe do animacji, aby uczynić go bardziej spektakularnym. Muzyka dokona animacji bardziej ekscytującą i może zmienić dobrą animację do wspaniałego. Flash obsługuje różne formaty plików audio, w tym AAC, MP3, WAV i AU. Wybierz format, który gwarantuje wysoką jakość dźwięku z minimalnym rozmiarem pliku.

Format MP3 gwarantuje wysoką jakość dźwięku z minimalnym rozmiarem pliku. Pliki formatu WAV są duże.

Obraz zatytułowany Utwórz Animacja Flash Krok 20

2. Importuj pliki audio do biblioteki, aby móc szybko dodawać dźwięki i muzykę do animacji. Kliknij "Plik" - "Importuj" - "Importuj do biblioteki" (import do biblioteki). Znajdź plik audio na swoim komputerze. Upewnij się, że plik audio ma łatwe do zapamiętania nazwy, abyś mógł szybko go znaleźć.

Obraz zatytułowany Utwórz Animacja Flash Krok 21

3. Utwórz nową warstwę dla każdego pliku audio. Nie jest to koniecznie i możesz dodać dźwięk do istniejących warstw, ale wkładanie pliku audio na osobnej warstwie pozwoli lepiej kontrolować ścieżkę dźwiękową animacji.

Obraz zatytułowany Utwórz Animacja Flash Krok 22

cztery. Utwórz klatkę kluczową, z której rozpocznie się odtwarzanie dźwięku. Na warstwie z dźwiękiem wybierz ramkę animacji, z której rozpocznie się dźwięk. Naciśnij klawisz F7, aby wstawić pustą klatkę kluczową. Na przykład, jeśli chcesz wstawić plik audio, który będzie odtwarzany przez całą animację, wybierz pierwszą klatkę na warstwie za pomocą pliku audio. Jeśli dodasz głos postaci, wybierz ramkę, na której zaczyna się mówić.

Obraz zatytułowany Utwórz Animacja Flash Krok 23

pięć. Dodawanie plików audio. Naciśnij "Właściwości" - "Dźwięk" - "Nazwa" i wybierz plik audio z biblioteki.

Obraz zatytułowany Utwórz Animacja Flash Krok 24

6. Skonfiguruj plik dźwiękowy zgodnie z wymaganiami animacji. Możesz dodawać efekty, zmień ustawienia synchronizacji i skonfiguruj reprodukcję plików audio (w menu Nazwa).

Efekty (na przykład tłumienie lub echo). Możesz wybrać jeden z zaprogramowanych parametrów w menu rozwijanym lub kliknąć ikonę ołówka (obok menu), aby utworzyć własne ustawienia niestandardowe.

Synchronizacja. Określa procedurę odtwarzania dźwięku w animacji. Parametr zdarzenia (zdarzenie) będzie odtwarzać plik audio do końca. Jeśli ten sam plik audio jest ponownie reprodukowany (aż do końca pierwszego odtwarzania), pierwsze odtwarzanie będzie nadal odtwarzane (do końca). Parametr "Start" działa jako parametr "zdarzenia" z jedyną różnicą, że pierwsze odtwarzanie zatrzymuje się podczas odtwarzania dźwięku. Parametr "Stop" zatrzymuje odtwarzanie dźwięku w określonej ramce. Jeśli chcesz użyć tego parametru w połączeniu z innymi parametrami pliku audio, utwórz nową klatkę kluczową, w której zatrzyma się odtwarzanie dźwięku. Parametr "Stream" (strumień) zsynchronizuje określony dźwięk z ramkami na innych warstwach. Ten parametr lepiej jest używać podczas wkładania głosów.

Reprodukcja odtwarzania. Określa liczbę powtarzających się odtwarzania określonego pliku audio (jeden lub wiele razy). Jeśli twoja animacja jest cykliczna, ustaw ten parametr do nieskończonego odtwarzania pliku audio.

Obraz zatytułowany Utwórz Animacja Flash Krok 25

7. Zapisz utworzoną animację w formacie SWF. Ten format jest reprodukowany przez prawie każdą przeglądarkę internetową. Ponadto plik tego formatu można pobrać do niektórych witryn (Newgrounds, Albino BlackSheep, Kongregate, aby zobaczyć go innym użytkownikom.

Obraz zatytułowany Utwórz Animacja Flash Krok 26

osiem. Ten artykuł opowiada o podstawach tworzenia animacji flash, ale możesz zrobić znacznie więcej, na przykład, utwórz przyciski flash. Możesz także przejść przyspieszony kurs ActionScript, aby odkrywać wszystkie subtelności tworzenia i zarządzania animacji. Eksperymentuj, a nauczysz się wszystkich sztuczek do tworzenia animacji.

Rada

Jeśli planujesz edytować animację, zapisz go w formacie .Fla.