Flash jest podstawowym nośnikiem animacji w Internecie, a nawet w innych formatach, takich jak telewizja. Tworzenie prostej animacji Flash w programie Flash jest w rzeczywistości dość proste, ponieważ Flash zapewnia wiele przydatnych narzędzi, które upraszczają cały proces. Jeśli masz już pomysł na animację Flash lub kreskówkę, prawdopodobnie masz gotowy szkic stworzony w ciągu zaledwie kilku godzin. Zobacz poniższy przewodnik, aby dowiedzieć się, jak stworzyć animację Flash.
Krok
Metoda 1 z 3: Tworzenie animacji Flash klatka po klatce
Krok 1. Zapoznaj się z podstawami animacji klatka po klatce
Ta metoda jest uważana za tradycyjną metodę animacji, gdy każda klatka (obraz, który tworzy animację) ma ten sam obraz, ale nieznacznie się zmienia. Gdy klatki są odtwarzane razem, obraz wydaje się poruszać. Jest to ta sama podstawowa technika stosowana przez tradycyjnych animatorów, którzy ręcznie rysują każdą klatkę, ale zajmuje więcej czasu niż metoda tworzenia animacji z klatkami pośrednimi (patrz następna sekcja).
Domyślnie Flash tworzy animację z szybkością 24 klatek na sekundę (FPS). Oznacza to, że jedna sekunda animacji będzie miała 24 klatki, ale każda klatka nie musi być inna. Możesz to dostosować, jeśli chcesz, a wiele animacji Flash używa 12 FPS, ale 24 FPS zapewni znacznie płynniejszą animację
Krok 2. Zainstaluj program Flash Professional
Dostępne są różne programy do animacji Flash, ale najlepszy jest Adobe Flash Professional CC. Możesz przeprowadzić bezpłatną instalację próbną lub użyć innego produktu, jeśli subskrypcja usługi Adobe Creative Cloud nie przemawia do Ciebie. W dalszej części tego artykułu Flash Professional lub inne programy do edycji będą określane jako „Flash”.
Krok 3. Stwórz swoje aktywa
Ponieważ animacja klatka po klatce wymaga wielu obrazów z niewielkimi różnicami, wszystkie te zasoby należy utworzyć ręcznie. Możesz je wszystkie utworzyć przed rozpoczęciem lub po rozpoczęciu. Możesz użyć programu Flash do rysowania bezpośrednio w projekcie lub możesz rysować zasoby w swoim ulubionym programie do rysowania.
Jeśli chcesz zmienić rozmiar obrazu bez utraty jakości, musisz renderować go jako wektor, a nie raster. Obrazy wektorowe zostaną automatycznie przerysowane po przeskalowaniu, co oznacza, że nie będzie pikselizacji ani aliasingu (efekt szachownicy, który pojawia się po powiększeniu obrazu). Obrazy rastrowe to tradycyjne obrazy, do których przywykłeś (zdjęcia, obrazy z programu Paint itp.). Obrazy rastrowe nie skalują się dobrze i mogą źle wyglądać po powiększeniu
Krok 4. Utwórz pierwszą ramkę
Po uruchomieniu programu Flash otrzymasz pustą warstwę i pustą oś czasu. Podczas dodawania klatki oś czasu zostanie wypełniona automatycznie. Możesz wchodzić w interakcje z warstwami podobnie jak w Photoshopie.
- Przed dodaniem obrazów utwórz podstawowe tło dla swojego filmu. Zmień nazwę warstwy 1 „Tło”, a następnie zablokuj warstwę. Utwórz drugą warstwę i nazwij ją, jak chcesz. Ta warstwa będzie warstwą, na której utworzysz animację.
- Dodaj obraz do płótna w pierwszej klatce. Możesz importować obrazy z komputera lub używać narzędzi do rysowania w programie Flash, aby tworzyć obrazy bezpośrednio w programie.
- Twoja pierwsza klatka będzie „klatką kluczową” (klatką kluczową). Klatki kluczowe to klatki zawierające obrazy i stanowiące rdzeń animacji. Za każdym razem, gdy zmienia się obraz, utworzysz nową klatkę kluczową.
- Klatki kluczowe są oznaczone czarną kropką na osi czasu.
- Nie potrzebujesz nowego obrazu w każdej klatce. Ogólnie rzecz biorąc, posiadanie klatki kluczowej co cztery lub pięć klatek zapewni dobrą animację.
Krok 5. Zmień obraz w symbol
Przekształcając obraz w symbol, możesz łatwo dodać go wiele razy w ramce. Jest to szczególnie przydatne, jeśli chcesz szybko utworzyć kilka obiektów, np. grupę ryb.
- Wybierz cały obraz. Kliknij prawym przyciskiem myszy wybrany obraz i wybierz „Konwertuj na symbol”. Spowoduje to dodanie obrazu do Biblioteki, gdzie możesz później szybko uzyskać do niego dostęp.
- Usuń obraz. Nie martw się! Dodasz go z powrotem do sceny opowieści, po prostu przeciągając obiekt z Biblioteki. Możesz łatwo dodać wiele obrazów tego samego do sceny opowieści!
Krok 6. Dodaj kilka pustych ramek
Gdy pierwsza klatka będzie gotowa, możesz dodać pustą klatkę, która będzie znajdować się między pierwszą a drugą klatką kluczową. Naciśnij klawisz F5 cztery lub pięć razy, aby dodać pustą klatkę po pierwszej klatce kluczowej.
Krok 7. Utwórz drugą klatkę kluczową
Po dodaniu kilku pustych klatek możesz utworzyć drugą klatkę kluczową. Zasadniczo można to zrobić na dwa różne sposoby, a mianowicie skopiować istniejącą klatkę kluczową i wprowadzić drobne poprawki lub utworzyć pustą klatkę kluczową i wstawić nowy obraz. Jeśli używasz obrazu utworzonego w innym programie, będziesz potrzebować drugiej metody. Jeśli tworzysz obraz za pomocą narzędzi do projektowania z programu Flash, użyj pierwszej metody.
- Aby utworzyć klatkę kluczową z zawartości poprzedniej klatki kluczowej, naciśnij klawisz F6. Aby utworzyć pustą klatkę kluczową, kliknij prawym przyciskiem myszy ostatnią klatkę na osi czasu i wybierz „Wstaw pustą klatkę kluczową”. Wszystko w scenie fabularnej zostanie usunięte.
- Po utworzeniu drugiej klatki kluczowej musisz dostosować obraz, aby nadać mu efekt ruchu. Jeśli korzystasz z narzędzi projektowych Flasha, możesz użyć narzędzia Przekształć, aby wybrać aspekty obrazu i nieco je przesunąć, jak ramiona stickmana.
- Jeśli wstawiasz nowy obraz dla każdej klatki kluczowej, upewnij się, że jest on umieszczony w tej samej lub następnej logicznej lokalizacji na ekranie. Gwarantuje to, że obraz nie przeskakuje między klatkami.
Krok 8. Powtórz proces
Po utworzeniu dwóch klatek kluczowych nadszedł czas na ponowne wykonanie. Zasadniczo będziesz powtarzać ten sam proces, aż animacja się zakończy. Dodaj kilka pustych klatek między każdą klatką kluczową i upewnij się, że animacja porusza się płynnie.
Dokonuj małych, przyrostowych zmian ruchu. Animacja będzie wyglądać znacznie płynniej, jeśli wprowadzisz bardzo małe zmiany w klatce kluczowej. Na przykład, jeśli chcesz, aby stickman wymachiwał ramieniem, druga klatka kluczowa nie powinna być końcem wymachu ramieniem. Zamiast tego użyj kilku kluczowych klatek jako przejścia od początku do końca. Spowoduje to znacznie płynniejszą animację
Metoda 2 z 3: Tworzenie animacji punkt-punkt (tweening)
Krok 1. Zapoznaj się z podstawami tworzenia animacji
Flash zawiera funkcję zwaną animacją (proces, który tworzy obraz pośredni między dwoma obrazami w dwóch punktach w czasie animacji), która zasadniczo umożliwia ustawienie punktu początkowego i końcowego dla obiektów. Flash następnie przesunie i zmieni obiekty w oparciu o ustawienia między tymi dwoma punktami w czasie, tworząc iluzję animacji. Nie musisz tworzyć obrazu dla każdej klatki kluczowej, tak jak w przypadku animacji klatka po klatce.
- Animowanie jest szczególnie przydatne przy tworzeniu efektu przekształcenia, w którym podczas animacji obiekt zmienia się w inny.
- Animacja klatka po klatce i animacja mogą być używane razem w tym samym filmie.
- Animacji ruchu podlega tylko jeden obiekt na raz. Oznacza to, że jeśli chcesz animować wiele obiektów jednocześnie, musisz je umieścić na różnych warstwach.
Krok 2. Utwórz pierwszy obiekt
W przeciwieństwie do animacji klatka po klatce nie trzeba tworzyć wielu obiektów do animacji za pomocą funkcji animacji. Ale utworzysz obiekt, a następnie zmienisz jego właściwości podczas procesu animacji.
- Przed dodaniem obrazów utwórz podstawowe tło dla swojego filmu. Zmień nazwę warstwy 1 „Tło”, a następnie zablokuj warstwę. Utwórz drugą warstwę i nazwij ją, jak chcesz. Ta warstwa będzie warstwą, na której utworzysz animację.
- Zdecydowanie zaleca się korzystanie z narzędzi do projektowania wbudowanych w program Flash lub importowanie obrazów z programu do rysowania wektorów. Wektory można łatwo skalować bez zniekształceń, podczas gdy tradycyjne obrazy rastrowe nie będą odpowiednio skalowane i przekształcane.
Krok 3. Przekształć obiekt w symbol
Aby wygenerować pośredni obraz obiektu, musisz przekonwertować go na symbol. Jest to format, którego Flash używa do organizowania obiektów. Jeśli próbujesz wygenerować obraz pośredni z obiektu, który nie został przekonwertowany na symbol, zostanie wyświetlony monit o wykonanie konwersji w pierwszej kolejności.
Kliknij obiekt prawym przyciskiem myszy i wybierz „Konwertuj na symbol”. Obiekty zostaną dodane do Biblioteki, co ułatwi klonowanie obiektów
Krok 4. Wykonaj pierwszą animację ruchu
Animacja ruchu przenosi obiekt z jednego miejsca do drugiego. Kliknij prawym przyciskiem myszy symbol w scenie fabularnej i wybierz opcję „Utwórz animację ruchu”. Do osi czasu zostaną dodane łącznie 24 klatki, ponieważ jest to standardowa długość animacji. Należy pamiętać, że program Flash będzie animowany z szybkością 24 klatek na sekundę przy ustawieniach domyślnych, co oznacza, że animacja ruchu zajmie sekundę.
Podczas tworzenia animacji ruchu następuje automatyczne przeniesienie do ostatniej klatki animacji
Krok 5. Narysuj ścieżkę obiektu
Po utworzeniu animacji możesz przenieść obiekt do żądanej lokalizacji końcowej. Flash wyświetli linię ścieżki, która jest kropkowana, aby wskazać położenie obiektu dla każdej klatki wynikowego obrazu pośredniego.
Kiedy tworzysz ścieżkę po raz pierwszy, będzie to linia prosta od punktu początkowego do punktu końcowego
Krok 6. Rozszerz ramkę tła
Jeśli uruchomisz teraz animację, obiekt przesunie się po ścieżce, ale tło zniknie po jednej klatce. Aby to naprawić, musisz rozszerzyć tło tak, aby obejmowało całą klatkę animacji.
Wybierz warstwę tła na osi czasu. Kliknij ostatnią klatkę na osi czasu, która powinna być również ostatnią klatką animacji ruchu. Naciśnij klawisz F5, aby wstawić klatkę do tego momentu, w którym tło będzie nadal wyświetlane dla całej animacji
Krok 7. Dodaj klatki kluczowe
Dodanie klatki kluczowej do ścieżki umożliwi zmianę obiektów podczas animacji ruchu. Zmiany można wprowadzać tylko w obiekcie, który ma klatkę kluczową. Aby dodać klatkę kluczową do ścieżki, najpierw wybierz na osi czasu klatkę, którą chcesz przekonwertować na klatkę kluczową. Następnie kliknij i przeciągnij obiekt w żądane miejsce w ramce. Ścieżka zostanie dostosowana automatycznie, a do osi czasu zostanie dodana klatka kluczowa. Klatki kluczowe są oznaczone ikoną rombu na osi czasu.
Krok 8. Dostosuj ścieżkę animacji
Aby zmienić ścieżkę obiektu, możesz kliknąć i przeciągnąć każdy znacznik pozycji ramki na ścieżce w nowe miejsce. Unikaj umieszczania zbyt wielu zmian na ścieżce, w przeciwnym razie obiekt będzie się poruszał chaotycznie (chyba że to naprawdę jest twój cel!).
Krok 9. Przekształć obiekt
Po zdefiniowaniu klatki kluczowej i ścieżki można przekształcić obiekt w taki sposób, aby zmieniał się w miarę poruszania się po ścieżce animacji ruchu. Możesz zmienić kształt, kolor, obrót, rozmiar i inne rzeczy obiektu.
- Wybierz ramkę, którą chcesz przekształcić.
- Otwórz panel Właściwości obiektu. Możesz nacisnąć Ctrl+F3, jeśli okienko nie jest obecnie widoczne.
- Zmień wartość w sekcji Właściwości, aby wpłynąć na obiekt. Na przykład możesz zmienić kolor, dodać filtr lub zmienić skalę.
- Możesz także użyć narzędzia Swobodna transformacja, aby dowolnie zmieniać kształt obiektu, jak tylko chcesz.
Krok 10. Dokonaj ostatnich poprawek na obrazie pośrednim
Przetestuj animację ruchu, naciskając klawisze Ctrl+↵ Enter. Upewnij się, że transformacja wygląda dobrze, a animacja porusza się z odpowiednią prędkością. Jeśli animacja porusza się zbyt szybko, możesz obniżyć FPS lub zwiększyć zakres czasu animacji.
- Domyślnie liczba klatek na sekundę animacji wynosi 24, więc spróbuj obniżyć ją do 12. Aby to zrobić, kliknij poza sceną fabularną i zmień liczbę klatek na sekundę w panelu Właściwości. Zmiana wartości na 12 podwoi czas trwania animacji, ale ruch animacji może stać się bardziej „niestabilny”.
- Aby zmienić przedział czasu animacji, wybierz warstwę zawierającą animację i przeciągnij ją za pomocą suwaka. Jeśli chcesz, aby animacja była dwa razy dłuższa, rozszerz ją do 48 klatek. Pamiętaj, aby wstawić pustą ramkę wewnątrz warstwy tła, aby tło nie zniknęło w połowie podczas animacji. Aby rozszerzyć tło, wybierz warstwę, kliknij ostatnią klatkę animacji na osi czasu, a następnie naciśnij klawisz F5.
Metoda 3 z 3: Dodawanie dźwięków i muzyki
Krok 1. Nagraj lub wyszukaj efekty dźwiękowe i muzykę
Możesz dodać efekty dźwiękowe do akcji występujących w animacji, aby odróżnić ją od innych i nadać jej własny charakter. Muzyka sprawia, że animacje są bardziej żywe, a dobre animacje mogą być wyjątkowe. Flash obsługuje różne formaty plików dźwiękowych, w tym AAC, MP3, WAV i AU. Wybierz format, który zapewnia najlepszą jakość przy najmniejszym rozmiarze pliku.
Format MP3 zazwyczaj zapewnia dobrą jakość dźwięku i minimalny rozmiar pliku. Jeśli to możliwe, unikaj używania formatu WAV, ponieważ są one zwykle dość duże
Krok 2. Zaimportuj pliki dźwiękowe do biblioteki
Zanim będzie można dodać dźwięk do projektu, plik dźwiękowy musi zostać dodany do biblioteki Flash. Umożliwi to później szybkie dodanie dźwięku do projektu. Kliknij Plik → Importuj → Importuj do biblioteki. Przeglądaj w poszukiwaniu plików dźwiękowych na komputerze. Upewnij się, że plik dźwiękowy ma łatwą do zapamiętania nazwę, aby móc go później szybko znaleźć w menu.
Krok 3. Utwórz nową warstwę dla każdego pliku dźwiękowego
Nie jest to naprawdę konieczne, ponieważ możesz dodać dźwięk do istniejącej warstwy, ale umieszczenie każdego pliku na osobnej warstwie zapewni znacznie większą kontrolę w zakresie ustawień dźwięku narastania i wyciszania (zanikania i wyciszania). dźwięk i łatwiej jest przenieść dźwięk do innej części.
Krok 4. Utwórz klatkę kluczową, w której rozpocznie się dźwięk
Na warstwie dźwiękowej zaznacz klatkę animacji, od której ma się zaczynać dźwięk. Naciśnij klawisz F7, aby wstawić pustą klatkę kluczową. Na przykład, jeśli chcesz dołączyć plik muzyczny odtwarzany przez czas trwania animacji, zaznacz pierwszą klatkę na warstwie pliku muzycznego. Jeśli dodajesz dialog dla postaci, wybierz ramkę, w której postać zaczyna mówić.
Krok 5. Dodaj pliki dźwiękowe lub muzyczne
Wewnątrz ramki Właściwości zobaczysz sekcję Dźwięk. Być może będziesz musiał go otworzyć, aby zobaczyć opcje. Kliknij menu „Nazwa” i wybierz żądany plik z Biblioteki.
Krok 6. Organizuj pliki dźwiękowe
Po wybraniu pliku możesz ustawić sposób jego odtwarzania. To, co wybierzesz, będzie oparte na zamierzonym wykorzystaniu dźwięku w animacji. Możesz zmienić ustawienia efektów, synchronizacji i powtarzania każdego dźwięku za pomocą menu znajdującego się w menu Nazwa w ramce Właściwości.
- Efekty. To ustawienie dodaje efekty do dźwięku, takie jak stopniowe pojawianie się lub zanikanie dźwięku lub dodawanie echa. Możesz wybrać spośród istniejących ustawień w menu rozwijanym lub kliknąć ikonę ołówka obok menu, aby utworzyć własne ustawienia niestandardowe.
- Synchronizuj. To ustawienie określa sposób odtwarzania utworu w animacji. Wydarzenie będzie odtwarzać dźwięk, dopóki się nie skończy. Jeśli ten sam dźwięk zostanie uruchomiony ponownie przed zakończeniem poprzedniego dźwięku, oryginalny dźwięk będzie odtwarzany aż do zakończenia. Start jest podobny do Event, ale zatrzymuje się po ponownym odtworzeniu dźwięku. Stop zatrzymuje dźwięk na tej klatce. Jeśli chcesz użyć tej opcji w połączeniu z innymi opcjami dźwięku, utwórz nową klatkę kluczową, w której dźwięk ma się zatrzymywać, i użyj tej opcji. Strumień spróbuje dopasować odtwarzany dźwięk do liczby klatek na innych warstwach. Ta opcja najlepiej nadaje się do dialogu.
- Powtarzać. To ustawienie umożliwia ustawienie czasu powtarzania dźwięku. Możesz ustawić odtwarzanie tylko raz lub powtarzać tyle razy, ile chcesz. Jeśli animacja jest animacją zapętloną, musisz ustawić powtarzanie muzyki w nieskończoność.
Krok 7. Zakończ projekt
Po zakończeniu pracy nad projektem zapisz go jako plik SWF. To jest format używany do odtwarzania filmów. Możesz grać w prawie każdej przeglądarce internetowej lub użyć odtwarzacza Flash, który jest używany specjalnie do oglądania. Istnieją również różne witryny, na których można je przesłać, aby inni mogli je oglądać, takie jak Newgrounds, Albino Blacksheep i Kongregate.
Krok 8. Rozwijaj swój przyszły projekt dalej
W tym przewodniku omówiono podstawy tworzenia animacji, ale jest o wiele więcej, czego możesz się nauczyć i zrobić. Dodaj kilka przycisków i rozgałęzioną fabułę, a otrzymasz własną grę przygodową. Możesz wziąć udział w szybkich kursach w języku ActionScript i uzyskać znacznie większą kontrolę nad drobniejszymi szczegółami swoich animacji. Eksperymentuj dalej, a wkrótce nauczysz się wszelkiego rodzaju sztuczek i ich implementacji.
