4 stycznia, 2022

Adobe Flash efekt wody z Ripples (Ocean Sunset Scene)

w tym samouczku Wave ripple dowiesz się, jak animować fale oceanu na tle zachodu Słońca. Jest to prosty samouczek, bardzo podobny do animowanej flagi.

Adobe Flash Water animation Tutorial
Adobe Flash Water Animation Tutorial

użyjemy obrazu oceanu, który można pobrać poniżej. Następnie dodamy animację fali nad oceaniczną częścią obrazu. Robimy to wszystko w kilku warstwach, z technikami takimi jak maskowanie i rysowanie zakrzywionych linii dla efektu fali.

następnie tworzymy animację ruchu dla osi czasu animacji wave w technologii Flash.

stworzymy scenę zachodu Słońca ze słońcem blisko horyzontu. Następnie stwórz odbicie słońca na falach. Następnie dodajemy czerwoną nakładkę do sceny.

i tak zrobiłem efekt falującej wody w Adobe Flash Professional. Przeczytaj tutorial poniżej.

Pobierz plik: FlashOceanWaves.zip

Obejrzyj na YouTube: Efekt tętnienia we Flashu

Rippling Water Animation in Flash

jak zrobić realistyczne fale oceanu w Adobe Flash

najpierw Utwórz nowy dokument i zaimportuj obraz tła z oceanem i niebem. Możesz również użyć jednego dostarczonego z samouczkiem. Skaluj w razie potrzeby i zrób to jako klip filmowy o nazwie „tło”

teraz Utwórz nową warstwę i przeciągnij i upuść obraz ponownie z biblioteki. Konwertuj ten klip filmowy o nazwie seaWaves i kliknij dwukrotnie klip filmowy, aby go edytować. Wybierz obraz i przekonwertuj go na inny klip filmowy o nazwie Sea. Teraz wewnątrz klipu filmowego na trzecim poziomie Utwórz prostokąt do nowej warstwy, która obejmuje tylko obszar Oceanu. Utwórz tę warstwę jako maskę.

teraz WYJDŹ z tego movieclipu, klikając dwukrotnie pusty obszar. Teraz jesteś w klipie seaWaves. Teraz wybierz klip filmowy sea i przeskaluj go do dołu, jak na poniższym obrazku.

teraz Utwórz nową warstwę i utwórz zakrzywioną linię. Możesz to zrobić za pomocą narzędzia Pióro.

teraz zrobić wiele kopii tej samej linii, jak pokazano na obrazku. Upewnij się, że wyrównałeś poprawnie. W razie potrzeby użyj opcji rozmieść w pionie w wyrównaniu. Upewnij się również, że zrobiłeś wystarczająco dużo kopii, aby wyłożone poszło 1/3 zewnętrznego dna oceanu. Na koniec zaznacz wszystkie linie i przejdź do Modyfikuj > kształt > Konwertuj linie do wypełnienia.

teraz Konwertuj wszystkie linie na jeden klip filmowy i utwórz animację ruchu na warstwie. Włóż klatkę kluczową w ramce 50 lub coś innego. W nowej klatce kluczowej przesuń linie nieco wyżej. Pozycja musi być płynna, a linie powinny być trzymane poza obszarem oceanu, w przeciwnym razie animacja będzie wyglądać na przewodową. Teraz naciśnij Ctrl + Enter, aby przetestować animację. Jeśli fale są widoczne bardzo szybko, przesuń klatkę kluczową zakrzywionych linii dalej na osi czasu.

Teraz naciśnij Ctrl + E, aby przejść do rodzica sceny. Utwórz nową warstwę i pokryj całą scenę czerwonym prostokątem. Konwertuj prostokąt na klip filmowy, a następnie zmień mieszanie na nakładkę.

teraz zrobić kolejną warstwę i zrobić ciemny pomarańczowy zaćmienie Słońca. Konwertuj go na klip filmowy o nazwie sun, a następnie dodaj blask wewnętrzny z czerwienią 15px i blask zewnętrzny z czerwienią 35px.

aby zrobić odbicie słońca na Oceanie, edytuj klip filmowy seaWaves. Dodaj nową warstwę, a następnie przeciągnij i upuść klip filmowy sun w odpowiedniej pozycji. Skaluj go trochę wyżej, Dodaj efekt rozmycia za pomocą 20px. Upewnij się, że kolor jest jasny czerwony. Jeśli twój kolor słońca nie jest czerwony, możesz użyć Dopasuj kolor. Następnie zmień tryb mieszania na nakładkę.

na koniec przejdź do elementu nadrzędnego sceny, dodaj prostokąt, który pokrywa tylko rozmiar dokumentu, a następnie utwórz go jako maskę. Przenieś każdą używaną warstwę pod tą maskę. Teraz Przetestuj swój film przez Ctrl + Enter.

Pobierz Adobe Flash animation SWF

Dodaj tę stronę do swojej witryny, bloga lub Forum. Powiadom swoich znajomych o tym samouczku. Wystarczy skopiować i wkleić poniższy kod html:
<a href= "https://www.tutorialboneyard.com/flash-water-effects/" target="_blank">Ocean Ripples GIF</a>
Jeśli podoba Ci się ten samouczek, podziel się z przyjaciółmi!

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.