Jak stworzyć animację Flash (ze zdjęciami)

Krok 1. Zapoznaj się z podstawami animacji klatka po klatce

Jest to uważane za „tradycyjną” metodę animacji, ponieważ każda klatka ma ten sam obraz, ale nieznacznie zmieniony. Gdy klatki są odtwarzane razem, obrazy wydają się poruszać. Jest to ta sama podstawowa technika stosowana przez tradycyjnych animatorów ręcznych i jest bardziej czasochłonna niż tworzenie animacji (patrz następna sekcja).

Domyślnie Flash tworzy animacje z szybkością 24 klatek na sekundę (FPS). Oznacza to, że jedna sekunda animacji będzie miała 24 klatki, ale nie każda klatka musi być inna. Możesz to dostosować, jeśli chcesz, a wiele animacji Flash wykorzystuje 12 klatek na sekundę, ale 24 wygeneruje znacznie „gładszą” animację

Krok 2. Zainstaluj Flash Professional

Dostępnych jest wiele programów do animacji Flash, ale najpotężniejszym z nich jest Adobe Flash Professional CC. Możesz zainstalować wersję próbną za darmo lub możesz użyć innego produktu, jeśli subskrypcja Adobe Creative Cloud nie przemawia do Ciebie. W dalszej części tego artykułu program Flash Professional lub dowolny inny program do edycji będzie określany jako „Flash”.

Krok 3. Stwórz swoje aktywa

Ponieważ animacja klatka po klatce wymaga wielu obrazów z niewielkimi różnicami, konieczne będzie ręczne utworzenie wszystkich tych zasobów. Możesz stworzyć je wszystkie zanim zaczniesz lub zrobić je na bieżąco. Możesz użyć programu Flash do rysowania bezpośrednio w swoim projekcie lub możesz narysować swoje zasoby w swoim ulubionym programie do tworzenia obrazów.

Jeśli chcesz, aby twoje obrazy były skalowane bez poświęcania jakości, będziesz chciał stworzyć je jako wektory zamiast rastrów. Obrazy wektorowe będą się odrysowywać po każdym przeskalowaniu, co oznacza, że nie będzie żadnych pikselizacji ani aliasingu. Obrazy rastrowe to tradycyjne obrazy, do których prawdopodobnie jesteś przyzwyczajony (zdjęcia, obrazy Paint itp.). Nie skalują się one dobrze i mogą wyglądać dość brzydko, jeśli chcesz je powiększyć

Krok 4. Utwórz swoją pierwszą ramkę

Kiedy po raz pierwszy uruchomisz Flash, będziesz mieć pustą warstwę i pustą oś czasu. W miarę dodawania klatek oś czasu zostanie wypełniona automatycznie. Możesz wchodzić w interakcje z warstwami w taki sam sposób, jak w Photoshopie.

• Przed dodaniem obrazu utwórz podstawowe tło dla swojego filmu. Zmień nazwę warstwy 1 na „Tło”, a następnie zablokuj warstwę. Utwórz drugą warstwę i nazwij ją, jak chcesz. To będzie warstwa, na której utworzysz animację.
• Dodaj swój rysunek do płótna w pierwszej klatce. Możesz albo zaimportować rysunek z komputera, albo użyć narzędzi do rysowania programu Flash, aby utworzyć rysunek bezpośrednio w programie.
• Twoja pierwsza klatka będzie klatką kluczową. Klatki kluczowe to klatki zawierające obraz i stanowiące podstawę animacji. Za każdym razem, gdy zmienia się obraz, będziesz tworzyć 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 pięć klatek zapewni dobrą animację.

Krok 5. Zmień swój rysunek w symbol

Przekształcając rysunek w symbol, możesz łatwo dodać go wielokrotnie w ramce. Jest to szczególnie przydatne, jeśli chcesz szybko utworzyć wiele obiektów, takich jak ławica ryb.

• Wybierz cały rysunek. Kliknij prawym przyciskiem myszy zaznaczenie i wybierz „Konwertuj na symbol”. Spowoduje to dodanie obrazu do Twojej biblioteki, gdzie w przyszłości będziesz mieć do niego szybki dostęp.
• Usuń rysunek. Nie martw się! Dodasz go z powrotem do sceny, po prostu przeciągając obiekt z biblioteki. Możesz z łatwością dodać wiele wystąpień tego samego rysunku do swojej sceny!

Krok 6. Dodaj kilka pustych ramek

Po przygotowaniu pierwszej klatki możesz dodać puste klatki, które będą znajdować się między pierwszą klatką kluczową a drugą klatką kluczową. Naciśnij klawisz F5 cztery lub pięć razy, aby dodać puste klatki 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: możesz skopiować istniejącą klatkę kluczową i wprowadzić drobne poprawki lub utworzyć pustą klatkę kluczową i wstawić nowy obraz. Jeśli używasz grafiki utworzonej w innym programie, będziesz potrzebować drugiej metody. Jeśli tworzysz swoją sztukę za pomocą narzędzi projektowych Flasha, 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 twojej scenie zostanie usunięte.
• Po utworzeniu drugiej klatki kluczowej musisz wprowadzić poprawki do obrazu, aby uzyskać efekt ruchu. Jeśli używasz narzędzi projektowych Flasha, możesz użyć narzędzia Przekształć, aby wybrać aspekty rysunku i lekko je przesunąć, na przykład ramię ludzika.
• Jeśli wstawiasz nową grafikę dla każdej klatki kluczowej, upewnij się, że jest ona umieszczona w tym samym miejscu lub w następnej logicznej lokalizacji na ekranie. Zapewni to, że grafika nie będzie przeskakiwać między klatkami.

Krok 8. Powtórz proces

Po utworzeniu dwóch klatek kluczowych nadszedł czas na iterację. Będziesz powtarzał zasadniczo ten sam proces, dopóki nie skończysz z animacją. Dodaj kilka pustych klatek między każdą klatką kluczową i upewnij się, że Twoje ruchy wyglądają płynnie.

Dokonuj małych, stopniowych zmian. Twoja 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 osoba z patykiem machała ręką, druga klatka kluczowa nie powinna znajdować się na drugim końcu fali. Zamiast tego użyj kilku klatek kluczowych, aby przejść od początku fali do końca. Spowoduje to znacznie płynniejszą animację

Część 2 z 3: Tworzenie animacji z punktu do punktu (Tweening)

Krok 1. Zapoznaj się z podstawami tworzenia animacji

Flash zawiera funkcję zwaną animacją, która pozwala zasadniczo ustawić punkt początkowy i końcowy obiektu. Flash następnie przesunie i przekształci obiekt w oparciu o ustawienia między tymi dwoma punktami, tworząc iluzję animacji. Nie musisz tworzyć obrazów dla każdej klatki kluczowej, tak jak w przypadku animacji klatka po klatce.

• Animowanie jest szczególnie przydatne do tworzenia efektów „morfingu”, w których jeden obiekt staje się drugim w trakcie animacji.
• Animacja klatka po klatce i animacja mogą być używane łącznie w tym samym filmie.
• Animację ruchu może przechodzić tylko jeden obiekt na raz. Oznacza to, że jeśli chcesz animować wiele obiektów jednocześnie, wszystkie muszą znajdować się na osobnych warstwach.

Krok 2. Stwórz swój pierwszy obiekt

W przeciwieństwie do animacji klatka po klatce, nie trzeba tworzyć wielu obiektów do animacji za pomocą funkcji animacji. Zamiast tego utworzysz jeden obiekt, a następnie zmienisz jego właściwości podczas procesu animacji.

• Przed dodaniem obrazu utwórz podstawowe tło dla swojego filmu. Zmień nazwę warstwy 1 na „Tło”, a następnie zablokuj warstwę. Utwórz drugą warstwę i nazwij ją, jak chcesz. To będzie warstwa, na której utworzysz animację.
• Zdecydowanie zaleca się skorzystanie z wbudowanych narzędzi do projektowania programu Flash lub zaimportowanie obrazu z programu do rysowania wektorowego. Wektory można łatwo skalować bez zniekształceń, podczas gdy tradycyjne obrazy rastrowe nie będą się dobrze skalować i przekształcać.

Krok 3. Przekształć swój obiekt w symbol

Aby utworzyć animację obiektu, musisz przekonwertować go na symbol. Jest to format obiektów, którego Flash używa do manipulowania nimi. Jeśli spróbujesz wykonać animację obiektu, który nie został przekształcony w symbol, najpierw zostaniesz o to poproszony.

Kliknij prawym przyciskiem myszy na swój obiekt i wybierz „Konwertuj na symbol”. Obiekt zostanie dodany do Twojej biblioteki, co ułatwi klonowanie obiektów

Krok 4. Utwórz swoją pierwszą animację ruchu

Animacja ruchu przenosi obiekt z jednego miejsca do drugiego Kliknij prawym przyciskiem myszy symbol w scenie i wybierz opcję „Utwórz animację ruchu”. Do osi czasu zostaną dodane 24 klatki, ponieważ jest to domyślna długość animacji. Pamiętaj, że domyślnie Flash będzie animował z szybkością 24 klatek na sekundę, co oznacza, że ukończenie animacji ruchu zajmie jedną sekundę.

Podczas tworzenia animacji ruchu następuje automatyczne przeniesienie do ostatniej klatki animacji

Krok 5. Utwórz trajektorię

Po utworzeniu animacji możesz przenieść obiekt do lokalizacji, w której ma się znaleźć. Flash wyświetli linię trajektorii, która jest kropkowana, aby pokazać położenie obiektu dla każdej klatki animacji.

Kiedy po raz pierwszy utworzysz trajektorię, będzie to linia prosta od punktu początkowego do punktu końcowego

Krok 6. Rozszerz swoje ramki tła

Jeśli uruchomisz teraz swoją animację, twój obiekt poruszałby się po trajektorii, ale tło zniknęłoby po jednej klatce. Aby to naprawić, musisz rozszerzyć tło na wszystkie klatki animacji.

Wybierz warstwę tła na osi czasu. Kliknij ostatnią klatkę na osi czasu, która powinna być również klatką, na której kończy się animacja ruchu. Naciśnij klawisz F5, aby wstawić klatki do tego momentu, dzięki czemu tło będzie wyświetlane przez całą animację

Krok 7. Dodaj klatki kluczowe

Dodanie klatek kluczowych do trajektorii pozwoli Ci przekształcić obiekt podczas animacji ruchu. Zmiany można wprowadzać tylko w obiekcie, który ma ramkę kluczową. Aby dodać klatki kluczowe do swojej trajektorii, najpierw zaznacz klatkę na osi czasu, którą chcesz przekształcić w klatkę kluczową. Następnie kliknij i przeciągnij obiekt do pozycji, w której ma się znajdować podczas tej klatki. Trajektoria dostosuje się automatycznie, a na osi czasu zostanie dodana klatka kluczowa. Klatki kluczowe są oznaczone ikonami rombu na osi czasu.

Krok 8. Dostosuj trajektorię animacji

Aby zmienić ścieżkę obiektu, możesz kliknąć i przeciągnąć każdy ze znaczników położenia ramki na ścieżce w nowe miejsce. Unikaj zbytniego zmieniania ścieżki, w przeciwnym razie obiekt będzie się poruszał w nieregularny sposób (chyba że to jest twój cel!).

Krok 9. Przekształć swój obiekt

Po ustaleniu klatek kluczowych i trajektorii można przekształcić obiekt w taki sposób, aby zmieniał się w miarę przechodzenia przez trajektorię animacji ruchu. Możesz zmienić kształt, kolor, obrót, rozmiar i dowolną inną właściwość obiektu.

• Wybierz klatkę, w której ma nastąpić przekształcenie.
• Otwórz panel Właściwości obiektu. Możesz nacisnąć Ctrl+F3, jeśli panel nie jest aktualnie widoczny.
• Zmień dowolne wartości w oknie Właściwości, aby wpłynąć na obiekt. Na przykład możesz zmienić odcień lub kolor, dodać filtry lub zmienić skalę.
• Możesz także użyć narzędzia Swobodne przekształcanie, aby dowolnie zmieniać kształt.

Krok 10. Dokonaj końcowych poprawek swojej animacji

Przetestuj animację ruchu, naciskając klawisze Ctrl+↵ Enter. Upewnij się, że transformacje wyglądają dobrze, a animacja porusza się z odpowiednią prędkością. Jeśli animacja porusza się zbyt szybko, możesz obniżyć FPS sceny lub zwiększyć zakres animacji.

• Domyślnie FPS wynosi 24, więc spróbuj obniżyć go do 12. Aby to zrobić, kliknij poza sceną, a następnie zmień FPS w panelu Właściwości. Zmiana na 12 podwoi długość animacji, ale może sprawić, że będzie bardziej „szarpnięta”.
• Aby zmienić zakres animacji, wybierz warstwę zawierającą animację i wyciągnij ją za pomocą suwaka. Jeśli chcesz, aby animacja była dwa razy dłuższa, rozszerz ją do 48 klatek. Upewnij się, że w warstwie tła zostały wstawione puste ramki, aby tło nie zniknęło w połowie animacji. Aby rozszerzyć tło, wybierz warstwę, kliknij ostatnią klatkę animacji na osi czasu, a następnie naciśnij klawisz F5

Część 3 z 3: Dodawanie dźwięku i muzyki

Krok 1. Nagraj lub znajdź swoje efekty dźwiękowe i muzykę

Możesz dodać efekty dźwiękowe do działań występujących w animacji, aby wyróżnić ją i nadać jej osobowość. Muzyka sprawia, że animacja jest bardziej wciągająca i może zmienić dobrą animację w niesamowitą. Flash obsługuje różne formaty plików, w tym AAC, MP3, WAV i AU. Wybierz tę, która zapewnia najlepszą jakość przy najmniejszym rozmiarze pliku.

MP3 zazwyczaj zapewnia doskonale akceptowalną jakość dźwięku przy minimalnym rozmiarze pliku. Jeśli to możliwe, unikaj plików WAV, ponieważ często są one dość duże

Krok 2. Zaimportuj pliki dźwiękowe do swojej biblioteki

Zanim będzie można dodać dźwięki do projektu, należy je dodać do biblioteki Flash. To pozwoli Ci później szybko dodać je do swojego projektu. Kliknij Plik → Importuj → Importuj do biblioteki. Wyszukaj plik dźwiękowy na swoim komputerze. Upewnij się, że plik dźwiękowy ma łatwą do zapamiętania nazwę, dzięki czemu można go później szybko znaleźć w menu.

Krok 3. Utwórz nową warstwę dla każdego pliku dźwiękowego

Nie jest to bezwzględnie konieczne, ponieważ możesz dodać dźwięk do istniejących warstw, ale umieszczenie każdego pliku na osobnej warstwie zapewni znacznie większą kontrolę nad włączaniem i wyłączaniem, kiedy zacząć i zatrzymać, a także łatwiej przenosić dźwięki.

Krok 4. Utwórz klatkę kluczową, w której rozpocznie się dźwięk

Na warstwie dźwięku 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 klatkę, w której postać zaczyna mówić.

Krok 5. Dodaj plik dźwiękowy lub muzyczny

W ramce Właściwości zobaczysz sekcję Dźwięk. Może być konieczne rozwinięcie go, aby zobaczyć opcje. Kliknij menu „Nazwa” i wybierz żądany plik z biblioteki.

Krok 6. Skonfiguruj plik dźwiękowy

Po wybraniu pliku możesz skonfigurować sposób jego odtwarzania. To, co wybierzesz, będzie zależeć od tego, czego potrzebujesz dźwięk w animacji. Możesz zmienić ustawienia efektu, synchronizacji i powtarzania każdego dźwięku, korzystając z menu pod menu Nazwa w ramce Właściwości.

• Efekt - pozwala dodać efekty do dźwięku, takie jak wyciszanie i wyciszanie lub dodawanie echa. Możesz wybrać spośród ustawień wstępnych w menu rozwijanym lub kliknąć ikonę ołówka obok menu, aby utworzyć własne ustawienia niestandardowe.
• Sync - określa sposób odtwarzania utworu w animacji. Zdarzenie 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 pierwszego, oryginał będzie odtwarzany do końca. Start działa jak Event, ale zatrzymuje się, gdy dźwięk odtwarza się ponownie. Stop zatrzymuje dźwięk w tej ramce. Jeśli chcesz użyć tego w połączeniu z innymi właściwościami 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. Najlepiej używać tego do dialogu.
• Powtórz - to ustawienie umożliwia ustawienie czasu powtarzania dźwięku. Możesz ustawić odtwarzanie tylko raz lub zapętlić tyle razy, ile chcesz. Jeśli twoja animacja jest animacją zapętloną, powinieneś ustawić swoją muzykę tak, aby zapętlała się w nieskończoność.

Krok 7. Zakończ swój projekt

Po zakończeniu pracy nad projektem zapisz go jako plik SWF. To jest format używany do odtwarzania filmu. Możesz grać w praktycznie dowolnej przeglądarce internetowej lub użyć dedykowanego odtwarzacza Flash do oglądania. Istnieje również wiele witryn, na które możesz je przesłać, aby inni mogli je zobaczyć, na przykład Newgrounds, Albino Blacksheep i Kongregate.

Krok 8. Rozwijaj swoje przyszłe projekty

Ten przewodnik omawia podstawy tworzenia animacji, ale jest o wiele więcej, czego możesz się nauczyć i zrobić. Dodaj kilka przycisków i rozgałęziających się ścieżek, a otrzymasz grę przygodową typu „wybierz swoją własną przygodę”. Możesz przejść szybki kurs w języku ActionScript i uzyskać znacznie większą kontrolę nad najdrobniejszymi szczegółami animacji. Eksperymentuj dalej, a wkrótce nauczysz się wszelkiego rodzaju sztuczek i implementacji.

Zalecana:

Jak zrobić własną animację (ze zdjęciami)

Ta wikiHow uczy, jak stworzyć animowany film lub prezentację. Najszybszym sposobem na zrobienie cyfrowej animacji jest użycie animatora online; Pamiętaj jednak, że większość animatorów online wymaga płatnej subskrypcji, aby odblokować wszystkie swoje funkcje, co oznacza, że długość, dźwięk i wygląd Twojego filmu najprawdopodobniej będą ograniczone, chyba że zapłacisz za uaktualnienie.

Jak zrobić prostą animację w Adobe Flash: 9 kroków

Fajnie się ogląda animacje; są przyjemne i pełne humoru, ale czy zastanawiałeś się kiedyś nad zrobieniem jednego? Tworzenie animacji jest tak samo zabawne, jak ich oglądanie, ale może też być trudne. W tym przewodniku dowiesz się, jak zrobić prostą i dobrą animację za pomocą Adobe Flash!

Jak stworzyć animację ruchu we Flashu: 10 kroków (ze zdjęciami)

Jeśli jesteś nowy we flashowaniu i próbujesz animować, spróbuj tego. Tweening to najłatwiejszy sposób na animację w skomplikowanym świecie Flasha. W tym artykule staramy się pokazać, jak można to zrobić w prosty sposób. Zakłada, że czytelnik zna narzędzia Flasha.

Jak stworzyć animację kształtu we Flashu: 8 kroków (ze zdjęciami)

Animacja kształtu w programie Flash może być używana do łatwego przekształcania kształtów. Za pomocą kilku kliknięć myszką możesz zmienić trójkąt w okrąg, trapez w równoległobok, a humbak w butelkę musztardy. Czytaj dalej, aby dowiedzieć się, jak zrobić ten fajny efekt.

Jak wyłączyć animacje w systemie Windows 10: 12 kroków (ze zdjęciami)

Animacje dodają uroku czytelnemu i nowoczesnemu projektowi oferowanemu przez system Windows 10. Niestety wpływają negatywnie na niektóre osoby i urządzenia. Animacje mogą mieć negatywny wpływ na osoby, które muszą skupić się na zadaniu lub osoby z pewnymi niepełnosprawnościami umysłowymi/wzrokowymi.