Animacja Flash Święto Dziękczynienia

• Kwiecień 28, 2024

W tym samouczku utworzymy prosty efekt tekstowy Tween za pomocą Flasha^R Motion Presets dla projektu Święto Dziękczynienia. Jeśli śledziłeś samouczki dotyczące sztuki cyfrowej, utworzyłeś już obraz tła dla tego projektu. Jeśli nie, użyj linku na dole strony, aby przeczytać ten samouczek.

Pierwszym krokiem jest scalenie wszystkich warstw w naszym Photoshopie^R wizerunek. Jak wspomniano w samouczku, podczas tworzenia obrazu tła potrzebowaliśmy każdego liścia na jego własnej warstwie. Jednak teraz, gdy jesteśmy gotowi użyć go jako obrazu tła dla naszej animacji Flash, możemy scalić wszystkie warstwy w jedną warstwę tła.

1. Otwórz obraz tła w Photoshopie. Z paska menu kliknij Warstwa - Spłaszcz obraz. Teraz możemy zapisać tę wersję naszego obrazu w domyślnym formacie psd. Aby zachować nienaruszoną wersję warstwową, musimy zapisać tę spłaszczoną wersję pod nową nazwą. Nazwijmy to ThanksgivingFlattened.psd.
   
   
2. Rozpocznij nowy projekt we Flash CS4. Zmień nazwę warstwy 1 na „Tło”.
   
   
3. Możemy zaimportować spłaszczony obraz do naszego projektu Flash. Kliknij opcję Plik - Importuj - Importuj na stół montażowy. Przejdź do pliku ThanksgivingFlattened.psd i wybierz go jako obraz importu. Powinien pojawić się na scenie Flash.
   
   Ponieważ stworzyliśmy obraz tła o tej samej szerokości i wysokości co domyślny stolik Flash, zostanie on automatycznie wyśrodkowany w pozycji na scenie i gotowy do pracy.
   
   
4. Dodaj nową warstwę do osi czasu i nazwij ją „Happy Thanksgiving”. Spowoduje to zachowanie wstępnie zdefiniowanej animacji ruchu dla naszego tekstu „Happy Thanksgiving”.
   
   
5. Kliknij scenę za pomocą narzędzia Tekst i dodaj nasz tekst w polu tekstowym. W panelu Właściwości możesz zmienić czcionkę, styl, rozmiar i kolor tekstu. W tym przykładzie zachowałem tekst Times New Roman, ale ustawiłem rozmiar na 35pt. Ustawiłem także anty-alias dla animacji i zmieniłem kolor na ciemnoczerwony (# BD2226).
   
   
6. Przy zaznaczonym tekście kliknij Okno - Ustawienia ruchu, aby otworzyć ten panel. W tym panelu mamy kilka ustawień wstępnych w folderze Domyślne ustawienia wstępne. Eksperymentuj z każdym ustawieniem, aby zobaczyć, którego chcesz użyć w swojej animacji. W tym przykładzie użyłem ustawienia wstępnego „Wielokrotne odbicie”.
   
   Podczas pracy z ustawieniami ruchu należy pamiętać o jednej ważnej rzeczy. Ustawienie wstępne zostanie zastosowane do obiektu (naszego tekstu) w takiej postaci, w jakiej pojawia się w pierwszej ramce domyślnej animacji. W tym momencie nasz tekst jest wyśrodkowany na scenie. W ustawieniu wielokrotnego odrzuceń tekst nieco upuści się i podskoczy kilka razy. Ale jeśli zastosuję ustawienie wstępne do tekstu w bieżącej pozycji, tekst nie będzie widoczny po upuszczeniu. Opadnie na dół sceny i nie będziemy mogli zobaczyć, jak odbija się. Dlatego muszę umieścić tekst na górze lub nad sceną. W ten sposób spadnie i odbije się na środku sceny. Taki efekt chcemy. Jeśli używasz innego ustawienia wstępnego, będziesz chciał zdecydować, gdzie powinien znajdować się tekst na początku animacji.
   
   
7. Zaznacz tekst i przeciągnij go tuż nad sceną. Aby zastosować ustawienie wstępne do tekstu, wybierz ustawienie wstępne i kliknij przycisk Zastosuj.
   
   Każde ustawienie wstępne to animacja ruchu z ustaloną liczbą klatek, które zostaną dodane do warstwy Szczęśliwego Święta Dziękczynienia.
   
   
8. Przed przetestowaniem naszej animacji musimy rozszerzyć warstwę tła na koniec wstępnie ustawionej animacji. W tym przykładzie jest to klatka 75. Kliknij tę ramkę prawym przyciskiem myszy na warstwie tła i wstaw ramkę. Teraz możemy kliknąć Control - Test Movie, aby wyświetlić podgląd naszej animacji do tej pory.
   
   

W następnym samouczku udoskonalimy tę animację i dodamy drugie ustawienie wstępne, aby zakończyć nasz projekt. W tym momencie zapisz projekt w domyślnym formacie .fla.

Dalej →

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.

Instrukcje Wideo: Lego Justice League Play Thanksgiving Memory Game Animation Cartoon (Kwiecień 2024).